@codecademy/gamut 68.0.1-alpha.4aeb6d.0 → 68.0.1-alpha.588625.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 (22) hide show
  1. package/dist/Anchor/index.d.ts +33 -6
  2. package/dist/Badge/index.d.ts +35 -20
  3. package/dist/Box/props.d.ts +61 -150
  4. package/dist/Button/shared/styles.d.ts +59 -136
  5. package/dist/Card/elements.d.ts +183 -450
  6. package/dist/Form/elements/Form.d.ts +59 -136
  7. package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts +61 -150
  8. package/dist/InternalFloatingCard/InternalFloatingCard.d.ts +33 -6
  9. package/dist/Layout/Column.d.ts +33 -6
  10. package/dist/List/elements.d.ts +94 -156
  11. package/dist/Menu/elements.d.ts +61 -150
  12. package/dist/Pagination/AnimatedPaginationButtons.d.ts +61 -138
  13. package/dist/Pagination/EllipsisButton.d.ts +5 -5
  14. package/dist/Pagination/EllipsisButton.js +2 -2
  15. package/dist/Pagination/index.js +4 -4
  16. package/dist/Pagination/utils.d.ts +59 -136
  17. package/dist/Pagination/utils.js +1 -1
  18. package/dist/Tabs/props.d.ts +33 -6
  19. package/dist/Tag/types.d.ts +33 -6
  20. package/dist/Toggle/elements.d.ts +2 -14
  21. package/dist/Typography/Text.d.ts +35 -20
  22. package/package.json +7 -7
package/dist/Card/elements.d.ts CHANGED
@@ -38,11 +38,19 @@ export declare const MotionBox: import("react").ComponentType<{
38
38
  dir?: string | undefined;
39
39
  className?: string | undefined;
40
40
  height?: import("@codecademy/variance/dist/types/config").Scale<{
41
- readonly property: "height";
41
+ readonly property: {
42
+ readonly physical: "height";
43
+ readonly logical: "blockSize";
44
+ };
45
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
42
46
  readonly transform: (value: string | number) => string | 0;
43
47
  }>;
44
48
  width?: import("@codecademy/variance/dist/types/config").Scale<{
45
- readonly property: "width";
49
+ readonly property: {
50
+ readonly physical: "width";
51
+ readonly logical: "inlineSize";
52
+ };
53
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
46
54
  readonly transform: (value: string | number) => string | 0;
47
55
  }>;
48
56
  "aria-hidden"?: (boolean | "false" | "true") | undefined;
@@ -327,6 +335,9 @@ export declare const MotionBox: import("react").ComponentType<{
327
335
  containerType?: import("@codecademy/variance/dist/types/config").Scale<{
328
336
  readonly property: "containerType";
329
337
  }>;
338
+ direction?: import("@codecademy/variance/dist/types/config").Scale<{
339
+ readonly property: "direction";
340
+ }>;
330
341
  display?: import("@codecademy/variance/dist/types/config").Scale<{
331
342
  readonly property: "display";
332
343
  }>;
@@ -384,19 +395,35 @@ export declare const MotionBox: import("react").ComponentType<{
384
395
  readonly property: "listStyleType";
385
396
  }>;
386
397
  maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
387
- readonly property: "maxHeight";
398
+ readonly property: {
399
+ readonly physical: "maxHeight";
400
+ readonly logical: "maxBlockSize";
401
+ };
402
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
388
403
  readonly transform: (value: string | number) => string | 0;
389
404
  }>;
390
405
  maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
391
- readonly property: "maxWidth";
406
+ readonly property: {
407
+ readonly physical: "maxWidth";
408
+ readonly logical: "maxInlineSize";
409
+ };
410
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
392
411
  readonly transform: (value: string | number) => string | 0;
393
412
  }>;
394
413
  minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
395
- readonly property: "minHeight";
414
+ readonly property: {
415
+ readonly physical: "minHeight";
416
+ readonly logical: "minBlockSize";
417
+ };
418
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
396
419
  readonly transform: (value: string | number) => string | 0;
397
420
  }>;
398
421
  minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
399
- readonly property: "minWidth";
422
+ readonly property: {
423
+ readonly physical: "minWidth";
424
+ readonly logical: "minInlineSize";
425
+ };
426
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
400
427
  readonly transform: (value: string | number) => string | 0;
401
428
  }>;
402
429
  opacity?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -446,11 +473,7 @@ export declare const MotionBox: import("react").ComponentType<{
446
473
  readonly property: "backgroundPosition";
447
474
  }>;
448
475
  borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
449
- readonly property: {
450
- readonly physical: "borderBottom";
451
- readonly logical: "borderBlockEnd";
452
- };
453
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
476
+ readonly property: "borderBottom";
454
477
  readonly scale: "borders";
455
478
  }>;
456
479
  borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -458,11 +481,7 @@ export declare const MotionBox: import("react").ComponentType<{
458
481
  readonly scale: "colors";
459
482
  }>;
460
483
  borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
461
- readonly property: {
462
- readonly physical: "borderLeft";
463
- readonly logical: "borderInlineStart";
464
- };
465
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
484
+ readonly property: "borderLeft";
466
485
  readonly scale: "borders";
467
486
  }>;
468
487
  borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -470,22 +489,14 @@ export declare const MotionBox: import("react").ComponentType<{
470
489
  readonly scale: "borderRadii";
471
490
  }>;
472
491
  borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
473
- readonly property: {
474
- readonly physical: "borderRight";
475
- readonly logical: "borderInlineEnd";
476
- };
477
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
492
+ readonly property: "borderRight";
478
493
  readonly scale: "borders";
479
494
  }>;
480
495
  borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
481
496
  readonly property: "borderStyle";
482
497
  }>;
483
498
  borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
484
- readonly property: {
485
- readonly physical: "borderTop";
486
- readonly logical: "borderBlockStart";
487
- };
488
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
499
+ readonly property: "borderTop";
489
500
  readonly scale: "borders";
490
501
  }>;
491
502
  borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -621,177 +632,89 @@ export declare const MotionBox: import("react").ComponentType<{
621
632
  }>;
622
633
  borderX?: import("@codecademy/variance/dist/types/config").Scale<{
623
634
  readonly property: "border";
624
- readonly properties: {
625
- readonly physical: readonly ["borderLeft", "borderRight"];
626
- readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
627
- };
628
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
635
+ readonly properties: readonly ["borderLeft", "borderRight"];
629
636
  readonly scale: "borders";
630
637
  }>;
631
638
  borderY?: import("@codecademy/variance/dist/types/config").Scale<{
632
639
  readonly property: "border";
633
- readonly properties: {
634
- readonly physical: readonly ["borderTop", "borderBottom"];
635
- readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
636
- };
637
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
640
+ readonly properties: readonly ["borderTop", "borderBottom"];
638
641
  readonly scale: "borders";
639
642
  }>;
640
643
  borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
641
644
  readonly property: "borderWidth";
642
- readonly properties: {
643
- readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
644
- readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
645
- };
646
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
645
+ readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
647
646
  }>;
648
647
  borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
649
648
  readonly property: "borderWidth";
650
- readonly properties: {
651
- readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
652
- readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
653
- };
654
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
649
+ readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
655
650
  }>;
656
651
  borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
657
- readonly property: {
658
- readonly physical: "borderLeftWidth";
659
- readonly logical: "borderInlineStartWidth";
660
- };
661
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
652
+ readonly property: "borderLeftWidth";
662
653
  }>;
663
654
  borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
664
- readonly property: {
665
- readonly physical: "borderRightWidth";
666
- readonly logical: "borderInlineEndWidth";
667
- };
668
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
655
+ readonly property: "borderRightWidth";
669
656
  }>;
670
657
  borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
671
- readonly property: {
672
- readonly physical: "borderTopWidth";
673
- readonly logical: "borderBlockStartWidth";
674
- };
675
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
658
+ readonly property: "borderTopWidth";
676
659
  }>;
677
660
  borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
678
- readonly property: {
679
- readonly physical: "borderBottomWidth";
680
- readonly logical: "borderBlockEndWidth";
681
- };
682
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
661
+ readonly property: "borderBottomWidth";
683
662
  }>;
684
663
  borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
685
664
  readonly property: "borderRadius";
686
- readonly properties: {
687
- readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
688
- readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
689
- };
690
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
665
+ readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
691
666
  readonly scale: "borderRadii";
692
667
  }>;
693
668
  borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
694
669
  readonly property: "borderRadius";
695
- readonly properties: {
696
- readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
697
- readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
698
- };
699
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
670
+ readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
700
671
  readonly scale: "borderRadii";
701
672
  }>;
702
673
  borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
703
674
  readonly property: "borderRadius";
704
- readonly properties: {
705
- readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
706
- readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
707
- };
708
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
675
+ readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
709
676
  readonly scale: "borderRadii";
710
677
  }>;
711
678
  borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
712
679
  readonly property: "borderRadius";
713
- readonly properties: {
714
- readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
715
- readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
716
- };
717
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
680
+ readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
718
681
  readonly scale: "borderRadii";
719
682
  }>;
720
683
  borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
721
- readonly property: {
722
- readonly physical: "borderTopLeftRadius";
723
- readonly logical: "borderStartStartRadius";
724
- };
725
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
684
+ readonly property: "borderTopLeftRadius";
726
685
  readonly scale: "borderRadii";
727
686
  }>;
728
687
  borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
729
- readonly property: {
730
- readonly physical: "borderTopRightRadius";
731
- readonly logical: "borderStartEndRadius";
732
- };
733
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
688
+ readonly property: "borderTopRightRadius";
734
689
  readonly scale: "borderRadii";
735
690
  }>;
736
691
  borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
737
- readonly property: {
738
- readonly physical: "borderBottomRightRadius";
739
- readonly logical: "borderEndEndRadius";
740
- };
741
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
692
+ readonly property: "borderBottomRightRadius";
742
693
  readonly scale: "borderRadii";
743
694
  }>;
744
695
  borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
745
- readonly property: {
746
- readonly physical: "borderBottomLeftRadius";
747
- readonly logical: "borderEndStartRadius";
748
- };
749
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
696
+ readonly property: "borderBottomLeftRadius";
750
697
  readonly scale: "borderRadii";
751
698
  }>;
752
699
  borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
753
700
  readonly property: "borderStyle";
754
- readonly properties: {
755
- readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
756
- readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
757
- };
758
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
701
+ readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
759
702
  }>;
760
703
  borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
761
704
  readonly property: "borderStyle";
762
- readonly properties: {
763
- readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
764
- readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
765
- };
766
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
705
+ readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
767
706
  }>;
768
707
  borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
769
- readonly property: {
770
- readonly physical: "borderLeftStyle";
771
- readonly logical: "borderInlineStartStyle";
772
- };
773
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
708
+ readonly property: "borderLeftStyle";
774
709
  }>;
775
710
  borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
776
- readonly property: {
777
- readonly physical: "borderRightStyle";
778
- readonly logical: "borderInlineEndStyle";
779
- };
780
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
711
+ readonly property: "borderRightStyle";
781
712
  }>;
782
713
  borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
783
- readonly property: {
784
- readonly physical: "borderTopStyle";
785
- readonly logical: "borderBlockStartStyle";
786
- };
787
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
714
+ readonly property: "borderTopStyle";
788
715
  }>;
789
716
  borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
790
- readonly property: {
791
- readonly physical: "borderBottomStyle";
792
- readonly logical: "borderBlockEndStyle";
793
- };
794
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
717
+ readonly property: "borderBottomStyle";
795
718
  }>;
796
719
  dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
797
720
  readonly property: "width";
@@ -808,40 +731,28 @@ export declare const MotionBox: import("react").ComponentType<{
808
731
  }>;
809
732
  borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
810
733
  readonly property: "borderColor";
811
- readonly properties: {
812
- readonly physical: readonly ["borderLeftColor", "borderRightColor"];
813
- readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
814
- };
815
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
734
+ readonly properties: readonly ["borderLeftColor", "borderRightColor"];
816
735
  readonly scale: "colors";
817
736
  }>;
818
737
  borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
819
738
  readonly property: "borderColor";
820
- readonly properties: {
821
- readonly physical: readonly ["borderTopColor", "borderBottomColor"];
822
- readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
823
- };
824
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
739
+ readonly properties: readonly ["borderTopColor", "borderBottomColor"];
825
740
  readonly scale: "colors";
826
741
  }>;
827
742
  borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
828
743
  readonly property: "borderLeftColor";
829
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
830
744
  readonly scale: "colors";
831
745
  }>;
832
746
  borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
833
747
  readonly property: "borderRightColor";
834
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
835
748
  readonly scale: "colors";
836
749
  }>;
837
750
  borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
838
751
  readonly property: "borderTopColor";
839
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
840
752
  readonly scale: "colors";
841
753
  }>;
842
754
  borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
843
755
  readonly property: "borderBottomColor";
844
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
845
756
  readonly scale: "colors";
846
757
  }>;
847
758
  theme?: import("@emotion/react").Theme | undefined;
@@ -887,11 +798,19 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
887
798
  dir?: string | undefined;
888
799
  className?: string | undefined;
889
800
  height?: import("@codecademy/variance/dist/types/config").Scale<{
890
- readonly property: "height";
801
+ readonly property: {
802
+ readonly physical: "height";
803
+ readonly logical: "blockSize";
804
+ };
805
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
891
806
  readonly transform: (value: string | number) => string | 0;
892
807
  }>;
893
808
  width?: import("@codecademy/variance/dist/types/config").Scale<{
894
- readonly property: "width";
809
+ readonly property: {
810
+ readonly physical: "width";
811
+ readonly logical: "inlineSize";
812
+ };
813
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
895
814
  readonly transform: (value: string | number) => string | 0;
896
815
  }>;
897
816
  "aria-hidden"?: (boolean | "false" | "true") | undefined;
@@ -1176,6 +1095,9 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1176
1095
  containerType?: import("@codecademy/variance/dist/types/config").Scale<{
1177
1096
  readonly property: "containerType";
1178
1097
  }>;
1098
+ direction?: import("@codecademy/variance/dist/types/config").Scale<{
1099
+ readonly property: "direction";
1100
+ }>;
1179
1101
  display?: import("@codecademy/variance/dist/types/config").Scale<{
1180
1102
  readonly property: "display";
1181
1103
  }>;
@@ -1233,19 +1155,35 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1233
1155
  readonly property: "listStyleType";
1234
1156
  }>;
1235
1157
  maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
1236
- readonly property: "maxHeight";
1158
+ readonly property: {
1159
+ readonly physical: "maxHeight";
1160
+ readonly logical: "maxBlockSize";
1161
+ };
1162
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1237
1163
  readonly transform: (value: string | number) => string | 0;
1238
1164
  }>;
1239
1165
  maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
1240
- readonly property: "maxWidth";
1166
+ readonly property: {
1167
+ readonly physical: "maxWidth";
1168
+ readonly logical: "maxInlineSize";
1169
+ };
1170
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1241
1171
  readonly transform: (value: string | number) => string | 0;
1242
1172
  }>;
1243
1173
  minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
1244
- readonly property: "minHeight";
1174
+ readonly property: {
1175
+ readonly physical: "minHeight";
1176
+ readonly logical: "minBlockSize";
1177
+ };
1178
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1245
1179
  readonly transform: (value: string | number) => string | 0;
1246
1180
  }>;
1247
1181
  minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
1248
- readonly property: "minWidth";
1182
+ readonly property: {
1183
+ readonly physical: "minWidth";
1184
+ readonly logical: "minInlineSize";
1185
+ };
1186
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1249
1187
  readonly transform: (value: string | number) => string | 0;
1250
1188
  }>;
1251
1189
  opacity?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1295,11 +1233,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1295
1233
  readonly property: "backgroundPosition";
1296
1234
  }>;
1297
1235
  borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1298
- readonly property: {
1299
- readonly physical: "borderBottom";
1300
- readonly logical: "borderBlockEnd";
1301
- };
1302
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1236
+ readonly property: "borderBottom";
1303
1237
  readonly scale: "borders";
1304
1238
  }>;
1305
1239
  borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1307,11 +1241,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1307
1241
  readonly scale: "colors";
1308
1242
  }>;
1309
1243
  borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1310
- readonly property: {
1311
- readonly physical: "borderLeft";
1312
- readonly logical: "borderInlineStart";
1313
- };
1314
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1244
+ readonly property: "borderLeft";
1315
1245
  readonly scale: "borders";
1316
1246
  }>;
1317
1247
  borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1319,22 +1249,14 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1319
1249
  readonly scale: "borderRadii";
1320
1250
  }>;
1321
1251
  borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
1322
- readonly property: {
1323
- readonly physical: "borderRight";
1324
- readonly logical: "borderInlineEnd";
1325
- };
1326
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1252
+ readonly property: "borderRight";
1327
1253
  readonly scale: "borders";
1328
1254
  }>;
1329
1255
  borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
1330
1256
  readonly property: "borderStyle";
1331
1257
  }>;
1332
1258
  borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
1333
- readonly property: {
1334
- readonly physical: "borderTop";
1335
- readonly logical: "borderBlockStart";
1336
- };
1337
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1259
+ readonly property: "borderTop";
1338
1260
  readonly scale: "borders";
1339
1261
  }>;
1340
1262
  borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1470,177 +1392,89 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1470
1392
  }>;
1471
1393
  borderX?: import("@codecademy/variance/dist/types/config").Scale<{
1472
1394
  readonly property: "border";
1473
- readonly properties: {
1474
- readonly physical: readonly ["borderLeft", "borderRight"];
1475
- readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
1476
- };
1477
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1395
+ readonly properties: readonly ["borderLeft", "borderRight"];
1478
1396
  readonly scale: "borders";
1479
1397
  }>;
1480
1398
  borderY?: import("@codecademy/variance/dist/types/config").Scale<{
1481
1399
  readonly property: "border";
1482
- readonly properties: {
1483
- readonly physical: readonly ["borderTop", "borderBottom"];
1484
- readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
1485
- };
1486
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1400
+ readonly properties: readonly ["borderTop", "borderBottom"];
1487
1401
  readonly scale: "borders";
1488
1402
  }>;
1489
1403
  borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
1490
1404
  readonly property: "borderWidth";
1491
- readonly properties: {
1492
- readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
1493
- readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
1494
- };
1495
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1405
+ readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
1496
1406
  }>;
1497
1407
  borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
1498
1408
  readonly property: "borderWidth";
1499
- readonly properties: {
1500
- readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
1501
- readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
1502
- };
1503
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1409
+ readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
1504
1410
  }>;
1505
1411
  borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1506
- readonly property: {
1507
- readonly physical: "borderLeftWidth";
1508
- readonly logical: "borderInlineStartWidth";
1509
- };
1510
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1412
+ readonly property: "borderLeftWidth";
1511
1413
  }>;
1512
1414
  borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
1513
- readonly property: {
1514
- readonly physical: "borderRightWidth";
1515
- readonly logical: "borderInlineEndWidth";
1516
- };
1517
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1415
+ readonly property: "borderRightWidth";
1518
1416
  }>;
1519
1417
  borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
1520
- readonly property: {
1521
- readonly physical: "borderTopWidth";
1522
- readonly logical: "borderBlockStartWidth";
1523
- };
1524
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1418
+ readonly property: "borderTopWidth";
1525
1419
  }>;
1526
1420
  borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1527
- readonly property: {
1528
- readonly physical: "borderBottomWidth";
1529
- readonly logical: "borderBlockEndWidth";
1530
- };
1531
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1421
+ readonly property: "borderBottomWidth";
1532
1422
  }>;
1533
1423
  borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1534
1424
  readonly property: "borderRadius";
1535
- readonly properties: {
1536
- readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
1537
- readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
1538
- };
1539
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1425
+ readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
1540
1426
  readonly scale: "borderRadii";
1541
1427
  }>;
1542
1428
  borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
1543
1429
  readonly property: "borderRadius";
1544
- readonly properties: {
1545
- readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
1546
- readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
1547
- };
1548
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1430
+ readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
1549
1431
  readonly scale: "borderRadii";
1550
1432
  }>;
1551
1433
  borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1552
1434
  readonly property: "borderRadius";
1553
- readonly properties: {
1554
- readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
1555
- readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
1556
- };
1557
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1435
+ readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
1558
1436
  readonly scale: "borderRadii";
1559
1437
  }>;
1560
1438
  borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
1561
1439
  readonly property: "borderRadius";
1562
- readonly properties: {
1563
- readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
1564
- readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
1565
- };
1566
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1440
+ readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
1567
1441
  readonly scale: "borderRadii";
1568
1442
  }>;
1569
1443
  borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1570
- readonly property: {
1571
- readonly physical: "borderTopLeftRadius";
1572
- readonly logical: "borderStartStartRadius";
1573
- };
1574
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1444
+ readonly property: "borderTopLeftRadius";
1575
1445
  readonly scale: "borderRadii";
1576
1446
  }>;
1577
1447
  borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
1578
- readonly property: {
1579
- readonly physical: "borderTopRightRadius";
1580
- readonly logical: "borderStartEndRadius";
1581
- };
1582
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1448
+ readonly property: "borderTopRightRadius";
1583
1449
  readonly scale: "borderRadii";
1584
1450
  }>;
1585
1451
  borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
1586
- readonly property: {
1587
- readonly physical: "borderBottomRightRadius";
1588
- readonly logical: "borderEndEndRadius";
1589
- };
1590
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1452
+ readonly property: "borderBottomRightRadius";
1591
1453
  readonly scale: "borderRadii";
1592
1454
  }>;
1593
1455
  borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1594
- readonly property: {
1595
- readonly physical: "borderBottomLeftRadius";
1596
- readonly logical: "borderEndStartRadius";
1597
- };
1598
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1456
+ readonly property: "borderBottomLeftRadius";
1599
1457
  readonly scale: "borderRadii";
1600
1458
  }>;
1601
1459
  borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
1602
1460
  readonly property: "borderStyle";
1603
- readonly properties: {
1604
- readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
1605
- readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
1606
- };
1607
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1461
+ readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
1608
1462
  }>;
1609
1463
  borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
1610
1464
  readonly property: "borderStyle";
1611
- readonly properties: {
1612
- readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
1613
- readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
1614
- };
1615
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1465
+ readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
1616
1466
  }>;
1617
1467
  borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1618
- readonly property: {
1619
- readonly physical: "borderLeftStyle";
1620
- readonly logical: "borderInlineStartStyle";
1621
- };
1622
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1468
+ readonly property: "borderLeftStyle";
1623
1469
  }>;
1624
1470
  borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
1625
- readonly property: {
1626
- readonly physical: "borderRightStyle";
1627
- readonly logical: "borderInlineEndStyle";
1628
- };
1629
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1471
+ readonly property: "borderRightStyle";
1630
1472
  }>;
1631
1473
  borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
1632
- readonly property: {
1633
- readonly physical: "borderTopStyle";
1634
- readonly logical: "borderBlockStartStyle";
1635
- };
1636
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1474
+ readonly property: "borderTopStyle";
1637
1475
  }>;
1638
1476
  borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1639
- readonly property: {
1640
- readonly physical: "borderBottomStyle";
1641
- readonly logical: "borderBlockEndStyle";
1642
- };
1643
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1477
+ readonly property: "borderBottomStyle";
1644
1478
  }>;
1645
1479
  dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
1646
1480
  readonly property: "width";
@@ -1657,40 +1491,28 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1657
1491
  }>;
1658
1492
  borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
1659
1493
  readonly property: "borderColor";
1660
- readonly properties: {
1661
- readonly physical: readonly ["borderLeftColor", "borderRightColor"];
1662
- readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
1663
- };
1664
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1494
+ readonly properties: readonly ["borderLeftColor", "borderRightColor"];
1665
1495
  readonly scale: "colors";
1666
1496
  }>;
1667
1497
  borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
1668
1498
  readonly property: "borderColor";
1669
- readonly properties: {
1670
- readonly physical: readonly ["borderTopColor", "borderBottomColor"];
1671
- readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
1672
- };
1673
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1499
+ readonly properties: readonly ["borderTopColor", "borderBottomColor"];
1674
1500
  readonly scale: "colors";
1675
1501
  }>;
1676
1502
  borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1677
1503
  readonly property: "borderLeftColor";
1678
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1679
1504
  readonly scale: "colors";
1680
1505
  }>;
1681
1506
  borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
1682
1507
  readonly property: "borderRightColor";
1683
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1684
1508
  readonly scale: "colors";
1685
1509
  }>;
1686
1510
  borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
1687
1511
  readonly property: "borderTopColor";
1688
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1689
1512
  readonly scale: "colors";
1690
1513
  }>;
1691
1514
  borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1692
1515
  readonly property: "borderBottomColor";
1693
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1694
1516
  readonly scale: "colors";
1695
1517
  }>;
1696
1518
  theme?: import("@emotion/react").Theme | undefined;
@@ -1722,11 +1544,19 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1722
1544
  dir?: string | undefined;
1723
1545
  className?: string | undefined;
1724
1546
  height?: import("@codecademy/variance/dist/types/config").Scale<{
1725
- readonly property: "height";
1547
+ readonly property: {
1548
+ readonly physical: "height";
1549
+ readonly logical: "blockSize";
1550
+ };
1551
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1726
1552
  readonly transform: (value: string | number) => string | 0;
1727
1553
  }>;
1728
1554
  width?: import("@codecademy/variance/dist/types/config").Scale<{
1729
- readonly property: "width";
1555
+ readonly property: {
1556
+ readonly physical: "width";
1557
+ readonly logical: "inlineSize";
1558
+ };
1559
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1730
1560
  readonly transform: (value: string | number) => string | 0;
1731
1561
  }>;
1732
1562
  "aria-hidden"?: (boolean | "false" | "true") | undefined;
@@ -2014,6 +1844,9 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
2014
1844
  containerType?: import("@codecademy/variance/dist/types/config").Scale<{
2015
1845
  readonly property: "containerType";
2016
1846
  }>;
1847
+ direction?: import("@codecademy/variance/dist/types/config").Scale<{
1848
+ readonly property: "direction";
1849
+ }>;
2017
1850
  display?: import("@codecademy/variance/dist/types/config").Scale<{
2018
1851
  readonly property: "display";
2019
1852
  }>;
@@ -2076,19 +1909,35 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
2076
1909
  readonly transform: (value: string | number) => string | 0;
2077
1910
  }>;
2078
1911
  maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
2079
- readonly property: "maxHeight";
1912
+ readonly property: {
1913
+ readonly physical: "maxHeight";
1914
+ readonly logical: "maxBlockSize";
1915
+ };
1916
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2080
1917
  readonly transform: (value: string | number) => string | 0;
2081
1918
  }>;
2082
1919
  maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
2083
- readonly property: "maxWidth";
1920
+ readonly property: {
1921
+ readonly physical: "maxWidth";
1922
+ readonly logical: "maxInlineSize";
1923
+ };
1924
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2084
1925
  readonly transform: (value: string | number) => string | 0;
2085
1926
  }>;
2086
1927
  minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
2087
- readonly property: "minHeight";
1928
+ readonly property: {
1929
+ readonly physical: "minHeight";
1930
+ readonly logical: "minBlockSize";
1931
+ };
1932
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2088
1933
  readonly transform: (value: string | number) => string | 0;
2089
1934
  }>;
2090
1935
  minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
2091
- readonly property: "minWidth";
1936
+ readonly property: {
1937
+ readonly physical: "minWidth";
1938
+ readonly logical: "minInlineSize";
1939
+ };
1940
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2092
1941
  readonly transform: (value: string | number) => string | 0;
2093
1942
  }>;
2094
1943
  opacity?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -2128,11 +1977,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
2128
1977
  readonly property: "backgroundPosition";
2129
1978
  }>;
2130
1979
  borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
2131
- readonly property: {
2132
- readonly physical: "borderBottom";
2133
- readonly logical: "borderBlockEnd";
2134
- };
2135
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1980
+ readonly property: "borderBottom";
2136
1981
  readonly scale: "borders";
2137
1982
  }>;
2138
1983
  borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -2140,11 +1985,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
2140
1985
  readonly scale: "colors";
2141
1986
  }>;
2142
1987
  borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
2143
- readonly property: {
2144
- readonly physical: "borderLeft";
2145
- readonly logical: "borderInlineStart";
2146
- };
2147
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1988
+ readonly property: "borderLeft";
2148
1989
  readonly scale: "borders";
2149
1990
  }>;
2150
1991
  borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -2152,22 +1993,14 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
2152
1993
  readonly scale: "borderRadii";
2153
1994
  }>;
2154
1995
  borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
2155
- readonly property: {
2156
- readonly physical: "borderRight";
2157
- readonly logical: "borderInlineEnd";
2158
- };
2159
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1996
+ readonly property: "borderRight";
2160
1997
  readonly scale: "borders";
2161
1998
  }>;
2162
1999
  borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
2163
2000
  readonly property: "borderStyle";
2164
2001
  }>;
2165
2002
  borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
2166
- readonly property: {
2167
- readonly physical: "borderTop";
2168
- readonly logical: "borderBlockStart";
2169
- };
2170
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2003
+ readonly property: "borderTop";
2171
2004
  readonly scale: "borders";
2172
2005
  }>;
2173
2006
  borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -2303,177 +2136,89 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
2303
2136
  }>;
2304
2137
  borderX?: import("@codecademy/variance/dist/types/config").Scale<{
2305
2138
  readonly property: "border";
2306
- readonly properties: {
2307
- readonly physical: readonly ["borderLeft", "borderRight"];
2308
- readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
2309
- };
2310
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2139
+ readonly properties: readonly ["borderLeft", "borderRight"];
2311
2140
  readonly scale: "borders";
2312
2141
  }>;
2313
2142
  borderY?: import("@codecademy/variance/dist/types/config").Scale<{
2314
2143
  readonly property: "border";
2315
- readonly properties: {
2316
- readonly physical: readonly ["borderTop", "borderBottom"];
2317
- readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
2318
- };
2319
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2144
+ readonly properties: readonly ["borderTop", "borderBottom"];
2320
2145
  readonly scale: "borders";
2321
2146
  }>;
2322
2147
  borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
2323
2148
  readonly property: "borderWidth";
2324
- readonly properties: {
2325
- readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
2326
- readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
2327
- };
2328
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2149
+ readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
2329
2150
  }>;
2330
2151
  borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
2331
2152
  readonly property: "borderWidth";
2332
- readonly properties: {
2333
- readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
2334
- readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
2335
- };
2336
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2153
+ readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
2337
2154
  }>;
2338
2155
  borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
2339
- readonly property: {
2340
- readonly physical: "borderLeftWidth";
2341
- readonly logical: "borderInlineStartWidth";
2342
- };
2343
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2156
+ readonly property: "borderLeftWidth";
2344
2157
  }>;
2345
2158
  borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
2346
- readonly property: {
2347
- readonly physical: "borderRightWidth";
2348
- readonly logical: "borderInlineEndWidth";
2349
- };
2350
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2159
+ readonly property: "borderRightWidth";
2351
2160
  }>;
2352
2161
  borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
2353
- readonly property: {
2354
- readonly physical: "borderTopWidth";
2355
- readonly logical: "borderBlockStartWidth";
2356
- };
2357
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2162
+ readonly property: "borderTopWidth";
2358
2163
  }>;
2359
2164
  borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
2360
- readonly property: {
2361
- readonly physical: "borderBottomWidth";
2362
- readonly logical: "borderBlockEndWidth";
2363
- };
2364
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2165
+ readonly property: "borderBottomWidth";
2365
2166
  }>;
2366
2167
  borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
2367
2168
  readonly property: "borderRadius";
2368
- readonly properties: {
2369
- readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
2370
- readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
2371
- };
2372
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2169
+ readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
2373
2170
  readonly scale: "borderRadii";
2374
2171
  }>;
2375
2172
  borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
2376
2173
  readonly property: "borderRadius";
2377
- readonly properties: {
2378
- readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
2379
- readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
2380
- };
2381
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2174
+ readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
2382
2175
  readonly scale: "borderRadii";
2383
2176
  }>;
2384
2177
  borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
2385
2178
  readonly property: "borderRadius";
2386
- readonly properties: {
2387
- readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
2388
- readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
2389
- };
2390
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2179
+ readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
2391
2180
  readonly scale: "borderRadii";
2392
2181
  }>;
2393
2182
  borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
2394
2183
  readonly property: "borderRadius";
2395
- readonly properties: {
2396
- readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
2397
- readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
2398
- };
2399
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2184
+ readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
2400
2185
  readonly scale: "borderRadii";
2401
2186
  }>;
2402
2187
  borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
2403
- readonly property: {
2404
- readonly physical: "borderTopLeftRadius";
2405
- readonly logical: "borderStartStartRadius";
2406
- };
2407
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2188
+ readonly property: "borderTopLeftRadius";
2408
2189
  readonly scale: "borderRadii";
2409
2190
  }>;
2410
2191
  borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
2411
- readonly property: {
2412
- readonly physical: "borderTopRightRadius";
2413
- readonly logical: "borderStartEndRadius";
2414
- };
2415
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2192
+ readonly property: "borderTopRightRadius";
2416
2193
  readonly scale: "borderRadii";
2417
2194
  }>;
2418
2195
  borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
2419
- readonly property: {
2420
- readonly physical: "borderBottomRightRadius";
2421
- readonly logical: "borderEndEndRadius";
2422
- };
2423
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2196
+ readonly property: "borderBottomRightRadius";
2424
2197
  readonly scale: "borderRadii";
2425
2198
  }>;
2426
2199
  borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
2427
- readonly property: {
2428
- readonly physical: "borderBottomLeftRadius";
2429
- readonly logical: "borderEndStartRadius";
2430
- };
2431
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2200
+ readonly property: "borderBottomLeftRadius";
2432
2201
  readonly scale: "borderRadii";
2433
2202
  }>;
2434
2203
  borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
2435
2204
  readonly property: "borderStyle";
2436
- readonly properties: {
2437
- readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
2438
- readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
2439
- };
2440
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2205
+ readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
2441
2206
  }>;
2442
2207
  borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
2443
2208
  readonly property: "borderStyle";
2444
- readonly properties: {
2445
- readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
2446
- readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
2447
- };
2448
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2209
+ readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
2449
2210
  }>;
2450
2211
  borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
2451
- readonly property: {
2452
- readonly physical: "borderLeftStyle";
2453
- readonly logical: "borderInlineStartStyle";
2454
- };
2455
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2212
+ readonly property: "borderLeftStyle";
2456
2213
  }>;
2457
2214
  borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
2458
- readonly property: {
2459
- readonly physical: "borderRightStyle";
2460
- readonly logical: "borderInlineEndStyle";
2461
- };
2462
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2215
+ readonly property: "borderRightStyle";
2463
2216
  }>;
2464
2217
  borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
2465
- readonly property: {
2466
- readonly physical: "borderTopStyle";
2467
- readonly logical: "borderBlockStartStyle";
2468
- };
2469
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2218
+ readonly property: "borderTopStyle";
2470
2219
  }>;
2471
2220
  borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
2472
- readonly property: {
2473
- readonly physical: "borderBottomStyle";
2474
- readonly logical: "borderBlockEndStyle";
2475
- };
2476
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2221
+ readonly property: "borderBottomStyle";
2477
2222
  }>;
2478
2223
  dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
2479
2224
  readonly property: "width";
@@ -2487,40 +2232,28 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
2487
2232
  bg?: "beige" | "blue" | "green" | "hyper" | "lightBlue" | "lightGreen" | "navy" | "orange" | "paleBlue" | "paleGreen" | "palePink" | "paleYellow" | "pink" | "paleRed" | "red" | "yellow" | "black" | "white" | "beige-100" | "blue-0" | "blue-100" | "blue-300" | "blue-400" | "blue-500" | "blue-800" | "navy-100" | "navy-300" | "navy-400" | "navy-500" | "navy-800" | "navy-200" | "navy-600" | "navy-700" | "navy-900" | "green-0" | "green-100" | "green-400" | "green-700" | "green-900" | "yellow-0" | "yellow-400" | "yellow-500" | "yellow-900" | "pink-0" | "pink-400" | "red-0" | "red-300" | "red-400" | "red-500" | "red-600" | "red-900" | "orange-100" | "orange-500" | "hyper-400" | "hyper-500" | "gray-100" | "gray-300" | "gray-800" | "gray-200" | "gray-600" | "gray-900" | "white-100" | "white-300" | "white-400" | "white-500" | "white-200" | "white-600" | "white-700" | "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "text-secondary" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-primary" | "background-disabled" | "background-error" | "background-success" | "background-warning" | "background-contrast" | "background-current" | "background-selected" | "background-hover" | "shadow-primary" | "shadow-secondary" | "primary-hover" | "primary-inverse" | "secondary-hover" | "danger-hover" | "interface-hover" | "border-primary" | "border-secondary" | "border-disabled" | "border-tertiary" | undefined;
2488
2233
  borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
2489
2234
  readonly property: "borderColor";
2490
- readonly properties: {
2491
- readonly physical: readonly ["borderLeftColor", "borderRightColor"];
2492
- readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
2493
- };
2494
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2235
+ readonly properties: readonly ["borderLeftColor", "borderRightColor"];
2495
2236
  readonly scale: "colors";
2496
2237
  }>;
2497
2238
  borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
2498
2239
  readonly property: "borderColor";
2499
- readonly properties: {
2500
- readonly physical: readonly ["borderTopColor", "borderBottomColor"];
2501
- readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
2502
- };
2503
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2240
+ readonly properties: readonly ["borderTopColor", "borderBottomColor"];
2504
2241
  readonly scale: "colors";
2505
2242
  }>;
2506
2243
  borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
2507
2244
  readonly property: "borderLeftColor";
2508
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2509
2245
  readonly scale: "colors";
2510
2246
  }>;
2511
2247
  borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
2512
2248
  readonly property: "borderRightColor";
2513
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2514
2249
  readonly scale: "colors";
2515
2250
  }>;
2516
2251
  borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
2517
2252
  readonly property: "borderTopColor";
2518
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2519
2253
  readonly scale: "colors";
2520
2254
  }>;
2521
2255
  borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
2522
2256
  readonly property: "borderBottomColor";
2523
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2524
2257
  readonly scale: "colors";
2525
2258
  }>;
2526
2259
  theme?: import("@emotion/react").Theme | undefined;