@codecademy/gamut-styles 17.11.3-alpha.d459d2.0 → 17.11.3-alpha.dfd8a7.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 (10) hide show
  1. package/dist/ColorMode.d.ts +120 -612
  2. package/dist/GamutProvider.d.ts +0 -4
  3. package/dist/GamutProvider.js +4 -12
  4. package/dist/__tests__/helpers.d.ts +15 -0
  5. package/dist/variance/config.d.ts +92 -468
  6. package/dist/variance/config.js +51 -215
  7. package/dist/variance/props.d.ts +172 -876
  8. package/dist/variance/utils.d.ts +10 -4
  9. package/dist/variance/utils.js +4 -0
  10. package/package.json +6 -5
package/dist/ColorMode.d.ts CHANGED
@@ -116,40 +116,28 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
116
116
  };
117
117
  readonly borderColorX: {
118
118
  readonly property: "borderColor";
119
- readonly properties: {
120
- readonly physical: readonly ["borderLeftColor", "borderRightColor"];
121
- readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
122
- };
123
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
119
+ readonly properties: readonly ["borderLeftColor", "borderRightColor"];
124
120
  readonly scale: "colors";
125
121
  };
126
122
  readonly borderColorY: {
127
123
  readonly property: "borderColor";
128
- readonly properties: {
129
- readonly physical: readonly ["borderTopColor", "borderBottomColor"];
130
- readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
131
- };
132
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
124
+ readonly properties: readonly ["borderTopColor", "borderBottomColor"];
133
125
  readonly scale: "colors";
134
126
  };
135
127
  readonly borderColorLeft: {
136
128
  readonly property: "borderLeftColor";
137
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
138
129
  readonly scale: "colors";
139
130
  };
140
131
  readonly borderColorRight: {
141
132
  readonly property: "borderRightColor";
142
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
143
133
  readonly scale: "colors";
144
134
  };
145
135
  readonly borderColorTop: {
146
136
  readonly property: "borderTopColor";
147
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
148
137
  readonly scale: "colors";
149
138
  };
150
139
  readonly borderColorBottom: {
151
140
  readonly property: "borderBottomColor";
152
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
153
141
  readonly scale: "colors";
154
142
  };
155
143
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
@@ -303,53 +291,29 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
303
291
  };
304
292
  readonly px: {
305
293
  readonly property: "padding";
306
- readonly properties: {
307
- readonly physical: readonly ["paddingLeft", "paddingRight"];
308
- readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
309
- };
294
+ readonly properties: readonly ["paddingLeft", "paddingRight"];
310
295
  readonly scale: "spacing";
311
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
312
296
  };
313
297
  readonly py: {
314
298
  readonly property: "padding";
315
- readonly properties: {
316
- readonly physical: readonly ["paddingTop", "paddingBottom"];
317
- readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
318
- };
299
+ readonly properties: readonly ["paddingTop", "paddingBottom"];
319
300
  readonly scale: "spacing";
320
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
321
301
  };
322
302
  readonly pt: {
323
- readonly property: {
324
- readonly physical: "paddingTop";
325
- readonly logical: "paddingBlockStart";
326
- };
303
+ readonly property: "paddingTop";
327
304
  readonly scale: "spacing";
328
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
329
305
  };
330
306
  readonly pb: {
331
- readonly property: {
332
- readonly physical: "paddingBottom";
333
- readonly logical: "paddingBlockEnd";
334
- };
307
+ readonly property: "paddingBottom";
335
308
  readonly scale: "spacing";
336
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
337
309
  };
338
310
  readonly pr: {
339
- readonly property: {
340
- readonly physical: "paddingRight";
341
- readonly logical: "paddingInlineEnd";
342
- };
311
+ readonly property: "paddingRight";
343
312
  readonly scale: "spacing";
344
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
345
313
  };
346
314
  readonly pl: {
347
- readonly property: {
348
- readonly physical: "paddingLeft";
349
- readonly logical: "paddingInlineStart";
350
- };
315
+ readonly property: "paddingLeft";
351
316
  readonly scale: "spacing";
352
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
353
317
  };
354
318
  readonly m: {
355
319
  readonly property: "margin";
@@ -357,53 +321,29 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
357
321
  };
358
322
  readonly mx: {
359
323
  readonly property: "margin";
360
- readonly properties: {
361
- readonly physical: readonly ["marginLeft", "marginRight"];
362
- readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
363
- };
364
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
324
+ readonly properties: readonly ["marginLeft", "marginRight"];
365
325
  readonly scale: "spacing";
366
326
  };
367
327
  readonly my: {
368
328
  readonly property: "margin";
369
- readonly properties: {
370
- readonly physical: readonly ["marginTop", "marginBottom"];
371
- readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
372
- };
373
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
329
+ readonly properties: readonly ["marginTop", "marginBottom"];
374
330
  readonly scale: "spacing";
375
331
  };
376
332
  readonly mt: {
377
- readonly property: {
378
- readonly physical: "marginTop";
379
- readonly logical: "marginBlockStart";
380
- };
333
+ readonly property: "marginTop";
381
334
  readonly scale: "spacing";
382
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
383
335
  };
384
336
  readonly mb: {
385
- readonly property: {
386
- readonly physical: "marginBottom";
387
- readonly logical: "marginBlockEnd";
388
- };
337
+ readonly property: "marginBottom";
389
338
  readonly scale: "spacing";
390
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
391
339
  };
392
340
  readonly mr: {
393
- readonly property: {
394
- readonly physical: "marginRight";
395
- readonly logical: "marginInlineEnd";
396
- };
341
+ readonly property: "marginRight";
397
342
  readonly scale: "spacing";
398
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
399
343
  };
400
344
  readonly ml: {
401
- readonly property: {
402
- readonly physical: "marginLeft";
403
- readonly logical: "marginInlineStart";
404
- };
345
+ readonly property: "marginLeft";
405
346
  readonly scale: "spacing";
406
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
407
347
  };
408
348
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
409
349
  readonly border: {
@@ -412,52 +352,28 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
412
352
  };
413
353
  readonly borderX: {
414
354
  readonly property: "border";
415
- readonly properties: {
416
- readonly physical: readonly ["borderLeft", "borderRight"];
417
- readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
418
- };
419
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
355
+ readonly properties: readonly ["borderLeft", "borderRight"];
420
356
  readonly scale: "borders";
421
357
  };
422
358
  readonly borderY: {
423
359
  readonly property: "border";
424
- readonly properties: {
425
- readonly physical: readonly ["borderTop", "borderBottom"];
426
- readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
427
- };
428
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
360
+ readonly properties: readonly ["borderTop", "borderBottom"];
429
361
  readonly scale: "borders";
430
362
  };
431
363
  readonly borderTop: {
432
- readonly property: {
433
- readonly physical: "borderTop";
434
- readonly logical: "borderBlockStart";
435
- };
436
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
364
+ readonly property: "borderTop";
437
365
  readonly scale: "borders";
438
366
  };
439
367
  readonly borderRight: {
440
- readonly property: {
441
- readonly physical: "borderRight";
442
- readonly logical: "borderInlineEnd";
443
- };
444
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
368
+ readonly property: "borderRight";
445
369
  readonly scale: "borders";
446
370
  };
447
371
  readonly borderBottom: {
448
- readonly property: {
449
- readonly physical: "borderBottom";
450
- readonly logical: "borderBlockEnd";
451
- };
452
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
372
+ readonly property: "borderBottom";
453
373
  readonly scale: "borders";
454
374
  };
455
375
  readonly borderLeft: {
456
- readonly property: {
457
- readonly physical: "borderLeft";
458
- readonly logical: "borderInlineStart";
459
- };
460
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
376
+ readonly property: "borderLeft";
461
377
  readonly scale: "borders";
462
378
  };
463
379
  readonly borderWidth: {
@@ -465,47 +381,23 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
465
381
  };
466
382
  readonly borderWidthX: {
467
383
  readonly property: "borderWidth";
468
- readonly properties: {
469
- readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
470
- readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
471
- };
472
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
384
+ readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
473
385
  };
474
386
  readonly borderWidthY: {
475
387
  readonly property: "borderWidth";
476
- readonly properties: {
477
- readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
478
- readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
479
- };
480
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
388
+ readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
481
389
  };
482
390
  readonly borderWidthLeft: {
483
- readonly property: {
484
- readonly physical: "borderLeftWidth";
485
- readonly logical: "borderInlineStartWidth";
486
- };
487
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
391
+ readonly property: "borderLeftWidth";
488
392
  };
489
393
  readonly borderWidthRight: {
490
- readonly property: {
491
- readonly physical: "borderRightWidth";
492
- readonly logical: "borderInlineEndWidth";
493
- };
494
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
394
+ readonly property: "borderRightWidth";
495
395
  };
496
396
  readonly borderWidthTop: {
497
- readonly property: {
498
- readonly physical: "borderTopWidth";
499
- readonly logical: "borderBlockStartWidth";
500
- };
501
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
397
+ readonly property: "borderTopWidth";
502
398
  };
503
399
  readonly borderWidthBottom: {
504
- readonly property: {
505
- readonly physical: "borderBottomWidth";
506
- readonly logical: "borderBlockEndWidth";
507
- };
508
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
400
+ readonly property: "borderBottomWidth";
509
401
  };
510
402
  readonly borderRadius: {
511
403
  readonly property: "borderRadius";
@@ -513,70 +405,38 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
513
405
  };
514
406
  readonly borderRadiusLeft: {
515
407
  readonly property: "borderRadius";
516
- readonly properties: {
517
- readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
518
- readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
519
- };
520
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
408
+ readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
521
409
  readonly scale: "borderRadii";
522
410
  };
523
411
  readonly borderRadiusTop: {
524
412
  readonly property: "borderRadius";
525
- readonly properties: {
526
- readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
527
- readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
528
- };
529
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
413
+ readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
530
414
  readonly scale: "borderRadii";
531
415
  };
532
416
  readonly borderRadiusBottom: {
533
417
  readonly property: "borderRadius";
534
- readonly properties: {
535
- readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
536
- readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
537
- };
538
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
418
+ readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
539
419
  readonly scale: "borderRadii";
540
420
  };
541
421
  readonly borderRadiusRight: {
542
422
  readonly property: "borderRadius";
543
- readonly properties: {
544
- readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
545
- readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
546
- };
547
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
423
+ readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
548
424
  readonly scale: "borderRadii";
549
425
  };
550
426
  readonly borderRadiusTopLeft: {
551
- readonly property: {
552
- readonly physical: "borderTopLeftRadius";
553
- readonly logical: "borderStartStartRadius";
554
- };
555
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
427
+ readonly property: "borderTopLeftRadius";
556
428
  readonly scale: "borderRadii";
557
429
  };
558
430
  readonly borderRadiusTopRight: {
559
- readonly property: {
560
- readonly physical: "borderTopRightRadius";
561
- readonly logical: "borderStartEndRadius";
562
- };
563
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
431
+ readonly property: "borderTopRightRadius";
564
432
  readonly scale: "borderRadii";
565
433
  };
566
434
  readonly borderRadiusBottomRight: {
567
- readonly property: {
568
- readonly physical: "borderBottomRightRadius";
569
- readonly logical: "borderEndEndRadius";
570
- };
571
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
435
+ readonly property: "borderBottomRightRadius";
572
436
  readonly scale: "borderRadii";
573
437
  };
574
438
  readonly borderRadiusBottomLeft: {
575
- readonly property: {
576
- readonly physical: "borderBottomLeftRadius";
577
- readonly logical: "borderEndStartRadius";
578
- };
579
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
439
+ readonly property: "borderBottomLeftRadius";
580
440
  readonly scale: "borderRadii";
581
441
  };
582
442
  readonly borderStyle: {
@@ -584,47 +444,23 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
584
444
  };
585
445
  readonly borderStyleX: {
586
446
  readonly property: "borderStyle";
587
- readonly properties: {
588
- readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
589
- readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
590
- };
591
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
447
+ readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
592
448
  };
593
449
  readonly borderStyleY: {
594
450
  readonly property: "borderStyle";
595
- readonly properties: {
596
- readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
597
- readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
598
- };
599
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
451
+ readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
600
452
  };
601
453
  readonly borderStyleLeft: {
602
- readonly property: {
603
- readonly physical: "borderLeftStyle";
604
- readonly logical: "borderInlineStartStyle";
605
- };
606
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
454
+ readonly property: "borderLeftStyle";
607
455
  };
608
456
  readonly borderStyleRight: {
609
- readonly property: {
610
- readonly physical: "borderRightStyle";
611
- readonly logical: "borderInlineEndStyle";
612
- };
613
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
457
+ readonly property: "borderRightStyle";
614
458
  };
615
459
  readonly borderStyleTop: {
616
- readonly property: {
617
- readonly physical: "borderTopStyle";
618
- readonly logical: "borderBlockStartStyle";
619
- };
620
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
460
+ readonly property: "borderTopStyle";
621
461
  };
622
462
  readonly borderStyleBottom: {
623
- readonly property: {
624
- readonly physical: "borderBottomStyle";
625
- readonly logical: "borderBlockEndStyle";
626
- };
627
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
463
+ readonly property: "borderBottomStyle";
628
464
  };
629
465
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
630
466
  readonly background: {
@@ -824,11 +660,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
824
660
  readonly property: "backgroundPosition";
825
661
  }>;
826
662
  borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
827
- readonly property: {
828
- readonly physical: "borderBottom";
829
- readonly logical: "borderBlockEnd";
830
- };
831
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
663
+ readonly property: "borderBottom";
832
664
  readonly scale: "borders";
833
665
  }>;
834
666
  borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -836,11 +668,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
836
668
  readonly scale: "colors";
837
669
  }>;
838
670
  borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
839
- readonly property: {
840
- readonly physical: "borderLeft";
841
- readonly logical: "borderInlineStart";
842
- };
843
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
671
+ readonly property: "borderLeft";
844
672
  readonly scale: "borders";
845
673
  }>;
846
674
  borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -848,22 +676,14 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
848
676
  readonly scale: "borderRadii";
849
677
  }>;
850
678
  borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
851
- readonly property: {
852
- readonly physical: "borderRight";
853
- readonly logical: "borderInlineEnd";
854
- };
855
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
679
+ readonly property: "borderRight";
856
680
  readonly scale: "borders";
857
681
  }>;
858
682
  borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
859
683
  readonly property: "borderStyle";
860
684
  }>;
861
685
  borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
862
- readonly property: {
863
- readonly physical: "borderTop";
864
- readonly logical: "borderBlockStart";
865
- };
866
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
686
+ readonly property: "borderTop";
867
687
  readonly scale: "borders";
868
688
  }>;
869
689
  borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -908,91 +728,55 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
908
728
  }>;
909
729
  borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
910
730
  readonly property: "borderColor";
911
- readonly properties: {
912
- readonly physical: readonly ["borderLeftColor", "borderRightColor"];
913
- readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
914
- };
915
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
731
+ readonly properties: readonly ["borderLeftColor", "borderRightColor"];
916
732
  readonly scale: "colors";
917
733
  }>;
918
734
  borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
919
735
  readonly property: "borderColor";
920
- readonly properties: {
921
- readonly physical: readonly ["borderTopColor", "borderBottomColor"];
922
- readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
923
- };
924
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
736
+ readonly properties: readonly ["borderTopColor", "borderBottomColor"];
925
737
  readonly scale: "colors";
926
738
  }>;
927
739
  borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
928
740
  readonly property: "borderLeftColor";
929
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
930
741
  readonly scale: "colors";
931
742
  }>;
932
743
  borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
933
744
  readonly property: "borderRightColor";
934
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
935
745
  readonly scale: "colors";
936
746
  }>;
937
747
  borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
938
748
  readonly property: "borderTopColor";
939
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
940
749
  readonly scale: "colors";
941
750
  }>;
942
751
  borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
943
752
  readonly property: "borderBottomColor";
944
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
945
753
  readonly scale: "colors";
946
754
  }>;
947
755
  px?: import("@codecademy/variance/dist/types/config").Scale<{
948
756
  readonly property: "padding";
949
- readonly properties: {
950
- readonly physical: readonly ["paddingLeft", "paddingRight"];
951
- readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
952
- };
757
+ readonly properties: readonly ["paddingLeft", "paddingRight"];
953
758
  readonly scale: "spacing";
954
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
955
759
  }>;
956
760
  py?: import("@codecademy/variance/dist/types/config").Scale<{
957
761
  readonly property: "padding";
958
- readonly properties: {
959
- readonly physical: readonly ["paddingTop", "paddingBottom"];
960
- readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
961
- };
762
+ readonly properties: readonly ["paddingTop", "paddingBottom"];
962
763
  readonly scale: "spacing";
963
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
964
764
  }>;
965
765
  pt?: import("@codecademy/variance/dist/types/config").Scale<{
966
- readonly property: {
967
- readonly physical: "paddingTop";
968
- readonly logical: "paddingBlockStart";
969
- };
766
+ readonly property: "paddingTop";
970
767
  readonly scale: "spacing";
971
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
972
768
  }>;
973
769
  pb?: import("@codecademy/variance/dist/types/config").Scale<{
974
- readonly property: {
975
- readonly physical: "paddingBottom";
976
- readonly logical: "paddingBlockEnd";
977
- };
770
+ readonly property: "paddingBottom";
978
771
  readonly scale: "spacing";
979
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
980
772
  }>;
981
773
  pr?: import("@codecademy/variance/dist/types/config").Scale<{
982
- readonly property: {
983
- readonly physical: "paddingRight";
984
- readonly logical: "paddingInlineEnd";
985
- };
774
+ readonly property: "paddingRight";
986
775
  readonly scale: "spacing";
987
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
988
776
  }>;
989
777
  pl?: import("@codecademy/variance/dist/types/config").Scale<{
990
- readonly property: {
991
- readonly physical: "paddingLeft";
992
- readonly logical: "paddingInlineStart";
993
- };
778
+ readonly property: "paddingLeft";
994
779
  readonly scale: "spacing";
995
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
996
780
  }>;
997
781
  m?: import("@codecademy/variance/dist/types/config").Scale<{
998
782
  readonly property: "margin";
@@ -1000,227 +784,115 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1000
784
  }>;
1001
785
  mx?: import("@codecademy/variance/dist/types/config").Scale<{
1002
786
  readonly property: "margin";
1003
- readonly properties: {
1004
- readonly physical: readonly ["marginLeft", "marginRight"];
1005
- readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
1006
- };
1007
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
787
+ readonly properties: readonly ["marginLeft", "marginRight"];
1008
788
  readonly scale: "spacing";
1009
789
  }>;
1010
790
  my?: import("@codecademy/variance/dist/types/config").Scale<{
1011
791
  readonly property: "margin";
1012
- readonly properties: {
1013
- readonly physical: readonly ["marginTop", "marginBottom"];
1014
- readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
1015
- };
1016
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
792
+ readonly properties: readonly ["marginTop", "marginBottom"];
1017
793
  readonly scale: "spacing";
1018
794
  }>;
1019
795
  mt?: import("@codecademy/variance/dist/types/config").Scale<{
1020
- readonly property: {
1021
- readonly physical: "marginTop";
1022
- readonly logical: "marginBlockStart";
1023
- };
796
+ readonly property: "marginTop";
1024
797
  readonly scale: "spacing";
1025
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1026
798
  }>;
1027
799
  mb?: import("@codecademy/variance/dist/types/config").Scale<{
1028
- readonly property: {
1029
- readonly physical: "marginBottom";
1030
- readonly logical: "marginBlockEnd";
1031
- };
800
+ readonly property: "marginBottom";
1032
801
  readonly scale: "spacing";
1033
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1034
802
  }>;
1035
803
  mr?: import("@codecademy/variance/dist/types/config").Scale<{
1036
- readonly property: {
1037
- readonly physical: "marginRight";
1038
- readonly logical: "marginInlineEnd";
1039
- };
804
+ readonly property: "marginRight";
1040
805
  readonly scale: "spacing";
1041
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1042
806
  }>;
1043
807
  ml?: import("@codecademy/variance/dist/types/config").Scale<{
1044
- readonly property: {
1045
- readonly physical: "marginLeft";
1046
- readonly logical: "marginInlineStart";
1047
- };
808
+ readonly property: "marginLeft";
1048
809
  readonly scale: "spacing";
1049
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1050
810
  }>;
1051
811
  borderX?: import("@codecademy/variance/dist/types/config").Scale<{
1052
812
  readonly property: "border";
1053
- readonly properties: {
1054
- readonly physical: readonly ["borderLeft", "borderRight"];
1055
- readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
1056
- };
1057
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
813
+ readonly properties: readonly ["borderLeft", "borderRight"];
1058
814
  readonly scale: "borders";
1059
815
  }>;
1060
816
  borderY?: import("@codecademy/variance/dist/types/config").Scale<{
1061
817
  readonly property: "border";
1062
- readonly properties: {
1063
- readonly physical: readonly ["borderTop", "borderBottom"];
1064
- readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
1065
- };
1066
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
818
+ readonly properties: readonly ["borderTop", "borderBottom"];
1067
819
  readonly scale: "borders";
1068
820
  }>;
1069
821
  borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
1070
822
  readonly property: "borderWidth";
1071
- readonly properties: {
1072
- readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
1073
- readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
1074
- };
1075
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
823
+ readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
1076
824
  }>;
1077
825
  borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
1078
826
  readonly property: "borderWidth";
1079
- readonly properties: {
1080
- readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
1081
- readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
1082
- };
1083
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
827
+ readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
1084
828
  }>;
1085
829
  borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1086
- readonly property: {
1087
- readonly physical: "borderLeftWidth";
1088
- readonly logical: "borderInlineStartWidth";
1089
- };
1090
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
830
+ readonly property: "borderLeftWidth";
1091
831
  }>;
1092
832
  borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
1093
- readonly property: {
1094
- readonly physical: "borderRightWidth";
1095
- readonly logical: "borderInlineEndWidth";
1096
- };
1097
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
833
+ readonly property: "borderRightWidth";
1098
834
  }>;
1099
835
  borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
1100
- readonly property: {
1101
- readonly physical: "borderTopWidth";
1102
- readonly logical: "borderBlockStartWidth";
1103
- };
1104
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
836
+ readonly property: "borderTopWidth";
1105
837
  }>;
1106
838
  borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1107
- readonly property: {
1108
- readonly physical: "borderBottomWidth";
1109
- readonly logical: "borderBlockEndWidth";
1110
- };
1111
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
839
+ readonly property: "borderBottomWidth";
1112
840
  }>;
1113
841
  borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1114
842
  readonly property: "borderRadius";
1115
- readonly properties: {
1116
- readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
1117
- readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
1118
- };
1119
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
843
+ readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
1120
844
  readonly scale: "borderRadii";
1121
845
  }>;
1122
846
  borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
1123
847
  readonly property: "borderRadius";
1124
- readonly properties: {
1125
- readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
1126
- readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
1127
- };
1128
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
848
+ readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
1129
849
  readonly scale: "borderRadii";
1130
850
  }>;
1131
851
  borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1132
852
  readonly property: "borderRadius";
1133
- readonly properties: {
1134
- readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
1135
- readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
1136
- };
1137
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
853
+ readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
1138
854
  readonly scale: "borderRadii";
1139
855
  }>;
1140
856
  borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
1141
857
  readonly property: "borderRadius";
1142
- readonly properties: {
1143
- readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
1144
- readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
1145
- };
1146
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
858
+ readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
1147
859
  readonly scale: "borderRadii";
1148
860
  }>;
1149
861
  borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1150
- readonly property: {
1151
- readonly physical: "borderTopLeftRadius";
1152
- readonly logical: "borderStartStartRadius";
1153
- };
1154
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
862
+ readonly property: "borderTopLeftRadius";
1155
863
  readonly scale: "borderRadii";
1156
864
  }>;
1157
865
  borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
1158
- readonly property: {
1159
- readonly physical: "borderTopRightRadius";
1160
- readonly logical: "borderStartEndRadius";
1161
- };
1162
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
866
+ readonly property: "borderTopRightRadius";
1163
867
  readonly scale: "borderRadii";
1164
868
  }>;
1165
869
  borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
1166
- readonly property: {
1167
- readonly physical: "borderBottomRightRadius";
1168
- readonly logical: "borderEndEndRadius";
1169
- };
1170
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
870
+ readonly property: "borderBottomRightRadius";
1171
871
  readonly scale: "borderRadii";
1172
872
  }>;
1173
873
  borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1174
- readonly property: {
1175
- readonly physical: "borderBottomLeftRadius";
1176
- readonly logical: "borderEndStartRadius";
1177
- };
1178
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
874
+ readonly property: "borderBottomLeftRadius";
1179
875
  readonly scale: "borderRadii";
1180
876
  }>;
1181
877
  borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
1182
878
  readonly property: "borderStyle";
1183
- readonly properties: {
1184
- readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
1185
- readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
1186
- };
1187
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
879
+ readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
1188
880
  }>;
1189
881
  borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
1190
882
  readonly property: "borderStyle";
1191
- readonly properties: {
1192
- readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
1193
- readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
1194
- };
1195
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
883
+ readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
1196
884
  }>;
1197
885
  borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1198
- readonly property: {
1199
- readonly physical: "borderLeftStyle";
1200
- readonly logical: "borderInlineStartStyle";
1201
- };
1202
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
886
+ readonly property: "borderLeftStyle";
1203
887
  }>;
1204
888
  borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
1205
- readonly property: {
1206
- readonly physical: "borderRightStyle";
1207
- readonly logical: "borderInlineEndStyle";
1208
- };
1209
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
889
+ readonly property: "borderRightStyle";
1210
890
  }>;
1211
891
  borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
1212
- readonly property: {
1213
- readonly physical: "borderTopStyle";
1214
- readonly logical: "borderBlockStartStyle";
1215
- };
1216
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
892
+ readonly property: "borderTopStyle";
1217
893
  }>;
1218
894
  borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1219
- readonly property: {
1220
- readonly physical: "borderBottomStyle";
1221
- readonly logical: "borderBlockEndStyle";
1222
- };
1223
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
895
+ readonly property: "borderBottomStyle";
1224
896
  }>;
1225
897
  } & {
1226
898
  theme?: Theme | undefined;
@@ -1398,11 +1070,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1398
1070
  readonly property: "backgroundPosition";
1399
1071
  }>;
1400
1072
  borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1401
- readonly property: {
1402
- readonly physical: "borderBottom";
1403
- readonly logical: "borderBlockEnd";
1404
- };
1405
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1073
+ readonly property: "borderBottom";
1406
1074
  readonly scale: "borders";
1407
1075
  }>;
1408
1076
  borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1410,11 +1078,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1410
1078
  readonly scale: "colors";
1411
1079
  }>;
1412
1080
  borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1413
- readonly property: {
1414
- readonly physical: "borderLeft";
1415
- readonly logical: "borderInlineStart";
1416
- };
1417
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1081
+ readonly property: "borderLeft";
1418
1082
  readonly scale: "borders";
1419
1083
  }>;
1420
1084
  borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1422,22 +1086,14 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1422
1086
  readonly scale: "borderRadii";
1423
1087
  }>;
1424
1088
  borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
1425
- readonly property: {
1426
- readonly physical: "borderRight";
1427
- readonly logical: "borderInlineEnd";
1428
- };
1429
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1089
+ readonly property: "borderRight";
1430
1090
  readonly scale: "borders";
1431
1091
  }>;
1432
1092
  borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
1433
1093
  readonly property: "borderStyle";
1434
1094
  }>;
1435
1095
  borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
1436
- readonly property: {
1437
- readonly physical: "borderTop";
1438
- readonly logical: "borderBlockStart";
1439
- };
1440
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1096
+ readonly property: "borderTop";
1441
1097
  readonly scale: "borders";
1442
1098
  }>;
1443
1099
  borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1482,91 +1138,55 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1482
1138
  }>;
1483
1139
  borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
1484
1140
  readonly property: "borderColor";
1485
- readonly properties: {
1486
- readonly physical: readonly ["borderLeftColor", "borderRightColor"];
1487
- readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
1488
- };
1489
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1141
+ readonly properties: readonly ["borderLeftColor", "borderRightColor"];
1490
1142
  readonly scale: "colors";
1491
1143
  }>;
1492
1144
  borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
1493
1145
  readonly property: "borderColor";
1494
- readonly properties: {
1495
- readonly physical: readonly ["borderTopColor", "borderBottomColor"];
1496
- readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
1497
- };
1498
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1146
+ readonly properties: readonly ["borderTopColor", "borderBottomColor"];
1499
1147
  readonly scale: "colors";
1500
1148
  }>;
1501
1149
  borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1502
1150
  readonly property: "borderLeftColor";
1503
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1504
1151
  readonly scale: "colors";
1505
1152
  }>;
1506
1153
  borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
1507
1154
  readonly property: "borderRightColor";
1508
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1509
1155
  readonly scale: "colors";
1510
1156
  }>;
1511
1157
  borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
1512
1158
  readonly property: "borderTopColor";
1513
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1514
1159
  readonly scale: "colors";
1515
1160
  }>;
1516
1161
  borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1517
1162
  readonly property: "borderBottomColor";
1518
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1519
1163
  readonly scale: "colors";
1520
1164
  }>;
1521
1165
  px?: import("@codecademy/variance/dist/types/config").Scale<{
1522
1166
  readonly property: "padding";
1523
- readonly properties: {
1524
- readonly physical: readonly ["paddingLeft", "paddingRight"];
1525
- readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
1526
- };
1167
+ readonly properties: readonly ["paddingLeft", "paddingRight"];
1527
1168
  readonly scale: "spacing";
1528
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1529
1169
  }>;
1530
1170
  py?: import("@codecademy/variance/dist/types/config").Scale<{
1531
1171
  readonly property: "padding";
1532
- readonly properties: {
1533
- readonly physical: readonly ["paddingTop", "paddingBottom"];
1534
- readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
1535
- };
1172
+ readonly properties: readonly ["paddingTop", "paddingBottom"];
1536
1173
  readonly scale: "spacing";
1537
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1538
1174
  }>;
1539
1175
  pt?: import("@codecademy/variance/dist/types/config").Scale<{
1540
- readonly property: {
1541
- readonly physical: "paddingTop";
1542
- readonly logical: "paddingBlockStart";
1543
- };
1176
+ readonly property: "paddingTop";
1544
1177
  readonly scale: "spacing";
1545
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1546
1178
  }>;
1547
1179
  pb?: import("@codecademy/variance/dist/types/config").Scale<{
1548
- readonly property: {
1549
- readonly physical: "paddingBottom";
1550
- readonly logical: "paddingBlockEnd";
1551
- };
1180
+ readonly property: "paddingBottom";
1552
1181
  readonly scale: "spacing";
1553
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1554
1182
  }>;
1555
1183
  pr?: import("@codecademy/variance/dist/types/config").Scale<{
1556
- readonly property: {
1557
- readonly physical: "paddingRight";
1558
- readonly logical: "paddingInlineEnd";
1559
- };
1184
+ readonly property: "paddingRight";
1560
1185
  readonly scale: "spacing";
1561
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1562
1186
  }>;
1563
1187
  pl?: import("@codecademy/variance/dist/types/config").Scale<{
1564
- readonly property: {
1565
- readonly physical: "paddingLeft";
1566
- readonly logical: "paddingInlineStart";
1567
- };
1188
+ readonly property: "paddingLeft";
1568
1189
  readonly scale: "spacing";
1569
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1570
1190
  }>;
1571
1191
  m?: import("@codecademy/variance/dist/types/config").Scale<{
1572
1192
  readonly property: "margin";
@@ -1574,227 +1194,115 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1574
1194
  }>;
1575
1195
  mx?: import("@codecademy/variance/dist/types/config").Scale<{
1576
1196
  readonly property: "margin";
1577
- readonly properties: {
1578
- readonly physical: readonly ["marginLeft", "marginRight"];
1579
- readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
1580
- };
1581
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1197
+ readonly properties: readonly ["marginLeft", "marginRight"];
1582
1198
  readonly scale: "spacing";
1583
1199
  }>;
1584
1200
  my?: import("@codecademy/variance/dist/types/config").Scale<{
1585
1201
  readonly property: "margin";
1586
- readonly properties: {
1587
- readonly physical: readonly ["marginTop", "marginBottom"];
1588
- readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
1589
- };
1590
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1202
+ readonly properties: readonly ["marginTop", "marginBottom"];
1591
1203
  readonly scale: "spacing";
1592
1204
  }>;
1593
1205
  mt?: import("@codecademy/variance/dist/types/config").Scale<{
1594
- readonly property: {
1595
- readonly physical: "marginTop";
1596
- readonly logical: "marginBlockStart";
1597
- };
1206
+ readonly property: "marginTop";
1598
1207
  readonly scale: "spacing";
1599
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1600
1208
  }>;
1601
1209
  mb?: import("@codecademy/variance/dist/types/config").Scale<{
1602
- readonly property: {
1603
- readonly physical: "marginBottom";
1604
- readonly logical: "marginBlockEnd";
1605
- };
1210
+ readonly property: "marginBottom";
1606
1211
  readonly scale: "spacing";
1607
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1608
1212
  }>;
1609
1213
  mr?: import("@codecademy/variance/dist/types/config").Scale<{
1610
- readonly property: {
1611
- readonly physical: "marginRight";
1612
- readonly logical: "marginInlineEnd";
1613
- };
1214
+ readonly property: "marginRight";
1614
1215
  readonly scale: "spacing";
1615
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1616
1216
  }>;
1617
1217
  ml?: import("@codecademy/variance/dist/types/config").Scale<{
1618
- readonly property: {
1619
- readonly physical: "marginLeft";
1620
- readonly logical: "marginInlineStart";
1621
- };
1218
+ readonly property: "marginLeft";
1622
1219
  readonly scale: "spacing";
1623
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1624
1220
  }>;
1625
1221
  borderX?: import("@codecademy/variance/dist/types/config").Scale<{
1626
1222
  readonly property: "border";
1627
- readonly properties: {
1628
- readonly physical: readonly ["borderLeft", "borderRight"];
1629
- readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
1630
- };
1631
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1223
+ readonly properties: readonly ["borderLeft", "borderRight"];
1632
1224
  readonly scale: "borders";
1633
1225
  }>;
1634
1226
  borderY?: import("@codecademy/variance/dist/types/config").Scale<{
1635
1227
  readonly property: "border";
1636
- readonly properties: {
1637
- readonly physical: readonly ["borderTop", "borderBottom"];
1638
- readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
1639
- };
1640
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1228
+ readonly properties: readonly ["borderTop", "borderBottom"];
1641
1229
  readonly scale: "borders";
1642
1230
  }>;
1643
1231
  borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
1644
1232
  readonly property: "borderWidth";
1645
- readonly properties: {
1646
- readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
1647
- readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
1648
- };
1649
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1233
+ readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
1650
1234
  }>;
1651
1235
  borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
1652
1236
  readonly property: "borderWidth";
1653
- readonly properties: {
1654
- readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
1655
- readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
1656
- };
1657
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1237
+ readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
1658
1238
  }>;
1659
1239
  borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1660
- readonly property: {
1661
- readonly physical: "borderLeftWidth";
1662
- readonly logical: "borderInlineStartWidth";
1663
- };
1664
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1240
+ readonly property: "borderLeftWidth";
1665
1241
  }>;
1666
1242
  borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
1667
- readonly property: {
1668
- readonly physical: "borderRightWidth";
1669
- readonly logical: "borderInlineEndWidth";
1670
- };
1671
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1243
+ readonly property: "borderRightWidth";
1672
1244
  }>;
1673
1245
  borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
1674
- readonly property: {
1675
- readonly physical: "borderTopWidth";
1676
- readonly logical: "borderBlockStartWidth";
1677
- };
1678
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1246
+ readonly property: "borderTopWidth";
1679
1247
  }>;
1680
1248
  borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1681
- readonly property: {
1682
- readonly physical: "borderBottomWidth";
1683
- readonly logical: "borderBlockEndWidth";
1684
- };
1685
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1249
+ readonly property: "borderBottomWidth";
1686
1250
  }>;
1687
1251
  borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1688
1252
  readonly property: "borderRadius";
1689
- readonly properties: {
1690
- readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
1691
- readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
1692
- };
1693
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1253
+ readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
1694
1254
  readonly scale: "borderRadii";
1695
1255
  }>;
1696
1256
  borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
1697
1257
  readonly property: "borderRadius";
1698
- readonly properties: {
1699
- readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
1700
- readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
1701
- };
1702
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1258
+ readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
1703
1259
  readonly scale: "borderRadii";
1704
1260
  }>;
1705
1261
  borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1706
1262
  readonly property: "borderRadius";
1707
- readonly properties: {
1708
- readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
1709
- readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
1710
- };
1711
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1263
+ readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
1712
1264
  readonly scale: "borderRadii";
1713
1265
  }>;
1714
1266
  borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
1715
1267
  readonly property: "borderRadius";
1716
- readonly properties: {
1717
- readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
1718
- readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
1719
- };
1720
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1268
+ readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
1721
1269
  readonly scale: "borderRadii";
1722
1270
  }>;
1723
1271
  borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1724
- readonly property: {
1725
- readonly physical: "borderTopLeftRadius";
1726
- readonly logical: "borderStartStartRadius";
1727
- };
1728
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1272
+ readonly property: "borderTopLeftRadius";
1729
1273
  readonly scale: "borderRadii";
1730
1274
  }>;
1731
1275
  borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
1732
- readonly property: {
1733
- readonly physical: "borderTopRightRadius";
1734
- readonly logical: "borderStartEndRadius";
1735
- };
1736
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1276
+ readonly property: "borderTopRightRadius";
1737
1277
  readonly scale: "borderRadii";
1738
1278
  }>;
1739
1279
  borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
1740
- readonly property: {
1741
- readonly physical: "borderBottomRightRadius";
1742
- readonly logical: "borderEndEndRadius";
1743
- };
1744
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1280
+ readonly property: "borderBottomRightRadius";
1745
1281
  readonly scale: "borderRadii";
1746
1282
  }>;
1747
1283
  borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1748
- readonly property: {
1749
- readonly physical: "borderBottomLeftRadius";
1750
- readonly logical: "borderEndStartRadius";
1751
- };
1752
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1284
+ readonly property: "borderBottomLeftRadius";
1753
1285
  readonly scale: "borderRadii";
1754
1286
  }>;
1755
1287
  borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
1756
1288
  readonly property: "borderStyle";
1757
- readonly properties: {
1758
- readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
1759
- readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
1760
- };
1761
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1289
+ readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
1762
1290
  }>;
1763
1291
  borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
1764
1292
  readonly property: "borderStyle";
1765
- readonly properties: {
1766
- readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
1767
- readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
1768
- };
1769
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1293
+ readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
1770
1294
  }>;
1771
1295
  borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1772
- readonly property: {
1773
- readonly physical: "borderLeftStyle";
1774
- readonly logical: "borderInlineStartStyle";
1775
- };
1776
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1296
+ readonly property: "borderLeftStyle";
1777
1297
  }>;
1778
1298
  borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
1779
- readonly property: {
1780
- readonly physical: "borderRightStyle";
1781
- readonly logical: "borderInlineEndStyle";
1782
- };
1783
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1299
+ readonly property: "borderRightStyle";
1784
1300
  }>;
1785
1301
  borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
1786
- readonly property: {
1787
- readonly physical: "borderTopStyle";
1788
- readonly logical: "borderBlockStartStyle";
1789
- };
1790
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1302
+ readonly property: "borderTopStyle";
1791
1303
  }>;
1792
1304
  borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1793
- readonly property: {
1794
- readonly physical: "borderBottomStyle";
1795
- readonly logical: "borderBlockEndStyle";
1796
- };
1797
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1305
+ readonly property: "borderBottomStyle";
1798
1306
  }>;
1799
1307
  } & {
1800
1308
  theme?: Theme | undefined;