@codecademy/gamut 68.0.1-alpha.470613.0 → 68.0.1-alpha.4746be.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Badge/index.d.ts +14 -2
- package/dist/Box/props.d.ts +144 -28
- package/dist/Button/shared/styles.d.ts +130 -26
- package/dist/Card/elements.d.ts +432 -84
- package/dist/Form/elements/Form.d.ts +130 -26
- package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts +144 -28
- package/dist/List/elements.d.ts +144 -28
- package/dist/Menu/elements.d.ts +144 -28
- package/dist/Pagination/AnimatedPaginationButtons.d.ts +130 -26
- package/dist/Pagination/utils.d.ts +130 -26
- package/dist/Toggle/elements.d.ts +14 -2
- package/dist/Typography/Text.d.ts +14 -2
- package/package.json +7 -7
package/dist/Card/elements.d.ts
CHANGED
|
@@ -446,7 +446,11 @@ export declare const MotionBox: import("react").ComponentType<{
|
|
|
446
446
|
readonly property: "backgroundPosition";
|
|
447
447
|
}>;
|
|
448
448
|
borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
449
|
-
readonly property:
|
|
449
|
+
readonly property: {
|
|
450
|
+
readonly physical: "borderBottom";
|
|
451
|
+
readonly logical: "borderBlockEnd";
|
|
452
|
+
};
|
|
453
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
450
454
|
readonly scale: "borders";
|
|
451
455
|
}>;
|
|
452
456
|
borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
@@ -454,7 +458,11 @@ export declare const MotionBox: import("react").ComponentType<{
|
|
|
454
458
|
readonly scale: "colors";
|
|
455
459
|
}>;
|
|
456
460
|
borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
457
|
-
readonly property:
|
|
461
|
+
readonly property: {
|
|
462
|
+
readonly physical: "borderLeft";
|
|
463
|
+
readonly logical: "borderInlineStart";
|
|
464
|
+
};
|
|
465
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
458
466
|
readonly scale: "borders";
|
|
459
467
|
}>;
|
|
460
468
|
borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
@@ -462,14 +470,22 @@ export declare const MotionBox: import("react").ComponentType<{
|
|
|
462
470
|
readonly scale: "borderRadii";
|
|
463
471
|
}>;
|
|
464
472
|
borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
465
|
-
readonly property:
|
|
473
|
+
readonly property: {
|
|
474
|
+
readonly physical: "borderRight";
|
|
475
|
+
readonly logical: "borderInlineEnd";
|
|
476
|
+
};
|
|
477
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
466
478
|
readonly scale: "borders";
|
|
467
479
|
}>;
|
|
468
480
|
borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
469
481
|
readonly property: "borderStyle";
|
|
470
482
|
}>;
|
|
471
483
|
borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
472
|
-
readonly property:
|
|
484
|
+
readonly property: {
|
|
485
|
+
readonly physical: "borderTop";
|
|
486
|
+
readonly logical: "borderBlockStart";
|
|
487
|
+
};
|
|
488
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
473
489
|
readonly scale: "borders";
|
|
474
490
|
}>;
|
|
475
491
|
borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
@@ -605,89 +621,177 @@ export declare const MotionBox: import("react").ComponentType<{
|
|
|
605
621
|
}>;
|
|
606
622
|
borderX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
607
623
|
readonly property: "border";
|
|
608
|
-
readonly properties:
|
|
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;
|
|
609
629
|
readonly scale: "borders";
|
|
610
630
|
}>;
|
|
611
631
|
borderY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
612
632
|
readonly property: "border";
|
|
613
|
-
readonly properties:
|
|
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;
|
|
614
638
|
readonly scale: "borders";
|
|
615
639
|
}>;
|
|
616
640
|
borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
617
641
|
readonly property: "borderWidth";
|
|
618
|
-
readonly properties:
|
|
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;
|
|
619
647
|
}>;
|
|
620
648
|
borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
621
649
|
readonly property: "borderWidth";
|
|
622
|
-
readonly properties:
|
|
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;
|
|
623
655
|
}>;
|
|
624
656
|
borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
625
|
-
readonly property:
|
|
657
|
+
readonly property: {
|
|
658
|
+
readonly physical: "borderLeftWidth";
|
|
659
|
+
readonly logical: "borderInlineStartWidth";
|
|
660
|
+
};
|
|
661
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
626
662
|
}>;
|
|
627
663
|
borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
628
|
-
readonly property:
|
|
664
|
+
readonly property: {
|
|
665
|
+
readonly physical: "borderRightWidth";
|
|
666
|
+
readonly logical: "borderInlineEndWidth";
|
|
667
|
+
};
|
|
668
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
629
669
|
}>;
|
|
630
670
|
borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
631
|
-
readonly property:
|
|
671
|
+
readonly property: {
|
|
672
|
+
readonly physical: "borderTopWidth";
|
|
673
|
+
readonly logical: "borderBlockStartWidth";
|
|
674
|
+
};
|
|
675
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
632
676
|
}>;
|
|
633
677
|
borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
634
|
-
readonly property:
|
|
678
|
+
readonly property: {
|
|
679
|
+
readonly physical: "borderBottomWidth";
|
|
680
|
+
readonly logical: "borderBlockEndWidth";
|
|
681
|
+
};
|
|
682
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
635
683
|
}>;
|
|
636
684
|
borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
637
685
|
readonly property: "borderRadius";
|
|
638
|
-
readonly properties:
|
|
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;
|
|
639
691
|
readonly scale: "borderRadii";
|
|
640
692
|
}>;
|
|
641
693
|
borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
642
694
|
readonly property: "borderRadius";
|
|
643
|
-
readonly properties:
|
|
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;
|
|
644
700
|
readonly scale: "borderRadii";
|
|
645
701
|
}>;
|
|
646
702
|
borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
647
703
|
readonly property: "borderRadius";
|
|
648
|
-
readonly properties:
|
|
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;
|
|
649
709
|
readonly scale: "borderRadii";
|
|
650
710
|
}>;
|
|
651
711
|
borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
652
712
|
readonly property: "borderRadius";
|
|
653
|
-
readonly properties:
|
|
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;
|
|
654
718
|
readonly scale: "borderRadii";
|
|
655
719
|
}>;
|
|
656
720
|
borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
657
|
-
readonly property:
|
|
721
|
+
readonly property: {
|
|
722
|
+
readonly physical: "borderTopLeftRadius";
|
|
723
|
+
readonly logical: "borderStartStartRadius";
|
|
724
|
+
};
|
|
725
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
658
726
|
readonly scale: "borderRadii";
|
|
659
727
|
}>;
|
|
660
728
|
borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
661
|
-
readonly property:
|
|
729
|
+
readonly property: {
|
|
730
|
+
readonly physical: "borderTopRightRadius";
|
|
731
|
+
readonly logical: "borderStartEndRadius";
|
|
732
|
+
};
|
|
733
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
662
734
|
readonly scale: "borderRadii";
|
|
663
735
|
}>;
|
|
664
736
|
borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
665
|
-
readonly property:
|
|
737
|
+
readonly property: {
|
|
738
|
+
readonly physical: "borderBottomRightRadius";
|
|
739
|
+
readonly logical: "borderEndEndRadius";
|
|
740
|
+
};
|
|
741
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
666
742
|
readonly scale: "borderRadii";
|
|
667
743
|
}>;
|
|
668
744
|
borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
669
|
-
readonly property:
|
|
745
|
+
readonly property: {
|
|
746
|
+
readonly physical: "borderBottomLeftRadius";
|
|
747
|
+
readonly logical: "borderEndStartRadius";
|
|
748
|
+
};
|
|
749
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
670
750
|
readonly scale: "borderRadii";
|
|
671
751
|
}>;
|
|
672
752
|
borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
673
753
|
readonly property: "borderStyle";
|
|
674
|
-
readonly properties:
|
|
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;
|
|
675
759
|
}>;
|
|
676
760
|
borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
677
761
|
readonly property: "borderStyle";
|
|
678
|
-
readonly properties:
|
|
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;
|
|
679
767
|
}>;
|
|
680
768
|
borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
681
|
-
readonly property:
|
|
769
|
+
readonly property: {
|
|
770
|
+
readonly physical: "borderLeftStyle";
|
|
771
|
+
readonly logical: "borderInlineStartStyle";
|
|
772
|
+
};
|
|
773
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
682
774
|
}>;
|
|
683
775
|
borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
684
|
-
readonly property:
|
|
776
|
+
readonly property: {
|
|
777
|
+
readonly physical: "borderRightStyle";
|
|
778
|
+
readonly logical: "borderInlineEndStyle";
|
|
779
|
+
};
|
|
780
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
685
781
|
}>;
|
|
686
782
|
borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
687
|
-
readonly property:
|
|
783
|
+
readonly property: {
|
|
784
|
+
readonly physical: "borderTopStyle";
|
|
785
|
+
readonly logical: "borderBlockStartStyle";
|
|
786
|
+
};
|
|
787
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
688
788
|
}>;
|
|
689
789
|
borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
690
|
-
readonly property:
|
|
790
|
+
readonly property: {
|
|
791
|
+
readonly physical: "borderBottomStyle";
|
|
792
|
+
readonly logical: "borderBlockEndStyle";
|
|
793
|
+
};
|
|
794
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
691
795
|
}>;
|
|
692
796
|
dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
693
797
|
readonly property: "width";
|
|
@@ -704,28 +808,40 @@ export declare const MotionBox: import("react").ComponentType<{
|
|
|
704
808
|
}>;
|
|
705
809
|
borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
706
810
|
readonly property: "borderColor";
|
|
707
|
-
readonly properties:
|
|
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;
|
|
708
816
|
readonly scale: "colors";
|
|
709
817
|
}>;
|
|
710
818
|
borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
711
819
|
readonly property: "borderColor";
|
|
712
|
-
readonly properties:
|
|
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;
|
|
713
825
|
readonly scale: "colors";
|
|
714
826
|
}>;
|
|
715
827
|
borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
716
828
|
readonly property: "borderLeftColor";
|
|
829
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
717
830
|
readonly scale: "colors";
|
|
718
831
|
}>;
|
|
719
832
|
borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
720
833
|
readonly property: "borderRightColor";
|
|
834
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
721
835
|
readonly scale: "colors";
|
|
722
836
|
}>;
|
|
723
837
|
borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
724
838
|
readonly property: "borderTopColor";
|
|
839
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
725
840
|
readonly scale: "colors";
|
|
726
841
|
}>;
|
|
727
842
|
borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
728
843
|
readonly property: "borderBottomColor";
|
|
844
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
729
845
|
readonly scale: "colors";
|
|
730
846
|
}>;
|
|
731
847
|
theme?: import("@emotion/react").Theme | undefined;
|
|
@@ -1179,7 +1295,11 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1179
1295
|
readonly property: "backgroundPosition";
|
|
1180
1296
|
}>;
|
|
1181
1297
|
borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1182
|
-
readonly property:
|
|
1298
|
+
readonly property: {
|
|
1299
|
+
readonly physical: "borderBottom";
|
|
1300
|
+
readonly logical: "borderBlockEnd";
|
|
1301
|
+
};
|
|
1302
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1183
1303
|
readonly scale: "borders";
|
|
1184
1304
|
}>;
|
|
1185
1305
|
borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
@@ -1187,7 +1307,11 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1187
1307
|
readonly scale: "colors";
|
|
1188
1308
|
}>;
|
|
1189
1309
|
borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1190
|
-
readonly property:
|
|
1310
|
+
readonly property: {
|
|
1311
|
+
readonly physical: "borderLeft";
|
|
1312
|
+
readonly logical: "borderInlineStart";
|
|
1313
|
+
};
|
|
1314
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1191
1315
|
readonly scale: "borders";
|
|
1192
1316
|
}>;
|
|
1193
1317
|
borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
@@ -1195,14 +1319,22 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1195
1319
|
readonly scale: "borderRadii";
|
|
1196
1320
|
}>;
|
|
1197
1321
|
borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1198
|
-
readonly property:
|
|
1322
|
+
readonly property: {
|
|
1323
|
+
readonly physical: "borderRight";
|
|
1324
|
+
readonly logical: "borderInlineEnd";
|
|
1325
|
+
};
|
|
1326
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1199
1327
|
readonly scale: "borders";
|
|
1200
1328
|
}>;
|
|
1201
1329
|
borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1202
1330
|
readonly property: "borderStyle";
|
|
1203
1331
|
}>;
|
|
1204
1332
|
borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1205
|
-
readonly property:
|
|
1333
|
+
readonly property: {
|
|
1334
|
+
readonly physical: "borderTop";
|
|
1335
|
+
readonly logical: "borderBlockStart";
|
|
1336
|
+
};
|
|
1337
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1206
1338
|
readonly scale: "borders";
|
|
1207
1339
|
}>;
|
|
1208
1340
|
borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
@@ -1338,89 +1470,177 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1338
1470
|
}>;
|
|
1339
1471
|
borderX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1340
1472
|
readonly property: "border";
|
|
1341
|
-
readonly properties:
|
|
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;
|
|
1342
1478
|
readonly scale: "borders";
|
|
1343
1479
|
}>;
|
|
1344
1480
|
borderY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1345
1481
|
readonly property: "border";
|
|
1346
|
-
readonly properties:
|
|
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;
|
|
1347
1487
|
readonly scale: "borders";
|
|
1348
1488
|
}>;
|
|
1349
1489
|
borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1350
1490
|
readonly property: "borderWidth";
|
|
1351
|
-
readonly properties:
|
|
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;
|
|
1352
1496
|
}>;
|
|
1353
1497
|
borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1354
1498
|
readonly property: "borderWidth";
|
|
1355
|
-
readonly properties:
|
|
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;
|
|
1356
1504
|
}>;
|
|
1357
1505
|
borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1358
|
-
readonly property:
|
|
1506
|
+
readonly property: {
|
|
1507
|
+
readonly physical: "borderLeftWidth";
|
|
1508
|
+
readonly logical: "borderInlineStartWidth";
|
|
1509
|
+
};
|
|
1510
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1359
1511
|
}>;
|
|
1360
1512
|
borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1361
|
-
readonly property:
|
|
1513
|
+
readonly property: {
|
|
1514
|
+
readonly physical: "borderRightWidth";
|
|
1515
|
+
readonly logical: "borderInlineEndWidth";
|
|
1516
|
+
};
|
|
1517
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1362
1518
|
}>;
|
|
1363
1519
|
borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1364
|
-
readonly property:
|
|
1520
|
+
readonly property: {
|
|
1521
|
+
readonly physical: "borderTopWidth";
|
|
1522
|
+
readonly logical: "borderBlockStartWidth";
|
|
1523
|
+
};
|
|
1524
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1365
1525
|
}>;
|
|
1366
1526
|
borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1367
|
-
readonly property:
|
|
1527
|
+
readonly property: {
|
|
1528
|
+
readonly physical: "borderBottomWidth";
|
|
1529
|
+
readonly logical: "borderBlockEndWidth";
|
|
1530
|
+
};
|
|
1531
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1368
1532
|
}>;
|
|
1369
1533
|
borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1370
1534
|
readonly property: "borderRadius";
|
|
1371
|
-
readonly properties:
|
|
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;
|
|
1372
1540
|
readonly scale: "borderRadii";
|
|
1373
1541
|
}>;
|
|
1374
1542
|
borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1375
1543
|
readonly property: "borderRadius";
|
|
1376
|
-
readonly properties:
|
|
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;
|
|
1377
1549
|
readonly scale: "borderRadii";
|
|
1378
1550
|
}>;
|
|
1379
1551
|
borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1380
1552
|
readonly property: "borderRadius";
|
|
1381
|
-
readonly properties:
|
|
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;
|
|
1382
1558
|
readonly scale: "borderRadii";
|
|
1383
1559
|
}>;
|
|
1384
1560
|
borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1385
1561
|
readonly property: "borderRadius";
|
|
1386
|
-
readonly properties:
|
|
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;
|
|
1387
1567
|
readonly scale: "borderRadii";
|
|
1388
1568
|
}>;
|
|
1389
1569
|
borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1390
|
-
readonly property:
|
|
1570
|
+
readonly property: {
|
|
1571
|
+
readonly physical: "borderTopLeftRadius";
|
|
1572
|
+
readonly logical: "borderStartStartRadius";
|
|
1573
|
+
};
|
|
1574
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1391
1575
|
readonly scale: "borderRadii";
|
|
1392
1576
|
}>;
|
|
1393
1577
|
borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1394
|
-
readonly property:
|
|
1578
|
+
readonly property: {
|
|
1579
|
+
readonly physical: "borderTopRightRadius";
|
|
1580
|
+
readonly logical: "borderStartEndRadius";
|
|
1581
|
+
};
|
|
1582
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1395
1583
|
readonly scale: "borderRadii";
|
|
1396
1584
|
}>;
|
|
1397
1585
|
borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1398
|
-
readonly property:
|
|
1586
|
+
readonly property: {
|
|
1587
|
+
readonly physical: "borderBottomRightRadius";
|
|
1588
|
+
readonly logical: "borderEndEndRadius";
|
|
1589
|
+
};
|
|
1590
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1399
1591
|
readonly scale: "borderRadii";
|
|
1400
1592
|
}>;
|
|
1401
1593
|
borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1402
|
-
readonly property:
|
|
1594
|
+
readonly property: {
|
|
1595
|
+
readonly physical: "borderBottomLeftRadius";
|
|
1596
|
+
readonly logical: "borderEndStartRadius";
|
|
1597
|
+
};
|
|
1598
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1403
1599
|
readonly scale: "borderRadii";
|
|
1404
1600
|
}>;
|
|
1405
1601
|
borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1406
1602
|
readonly property: "borderStyle";
|
|
1407
|
-
readonly properties:
|
|
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;
|
|
1408
1608
|
}>;
|
|
1409
1609
|
borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1410
1610
|
readonly property: "borderStyle";
|
|
1411
|
-
readonly properties:
|
|
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;
|
|
1412
1616
|
}>;
|
|
1413
1617
|
borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1414
|
-
readonly property:
|
|
1618
|
+
readonly property: {
|
|
1619
|
+
readonly physical: "borderLeftStyle";
|
|
1620
|
+
readonly logical: "borderInlineStartStyle";
|
|
1621
|
+
};
|
|
1622
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1415
1623
|
}>;
|
|
1416
1624
|
borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1417
|
-
readonly property:
|
|
1625
|
+
readonly property: {
|
|
1626
|
+
readonly physical: "borderRightStyle";
|
|
1627
|
+
readonly logical: "borderInlineEndStyle";
|
|
1628
|
+
};
|
|
1629
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1418
1630
|
}>;
|
|
1419
1631
|
borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1420
|
-
readonly property:
|
|
1632
|
+
readonly property: {
|
|
1633
|
+
readonly physical: "borderTopStyle";
|
|
1634
|
+
readonly logical: "borderBlockStartStyle";
|
|
1635
|
+
};
|
|
1636
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1421
1637
|
}>;
|
|
1422
1638
|
borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1423
|
-
readonly property:
|
|
1639
|
+
readonly property: {
|
|
1640
|
+
readonly physical: "borderBottomStyle";
|
|
1641
|
+
readonly logical: "borderBlockEndStyle";
|
|
1642
|
+
};
|
|
1643
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1424
1644
|
}>;
|
|
1425
1645
|
dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1426
1646
|
readonly property: "width";
|
|
@@ -1437,28 +1657,40 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1437
1657
|
}>;
|
|
1438
1658
|
borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1439
1659
|
readonly property: "borderColor";
|
|
1440
|
-
readonly properties:
|
|
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;
|
|
1441
1665
|
readonly scale: "colors";
|
|
1442
1666
|
}>;
|
|
1443
1667
|
borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1444
1668
|
readonly property: "borderColor";
|
|
1445
|
-
readonly properties:
|
|
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;
|
|
1446
1674
|
readonly scale: "colors";
|
|
1447
1675
|
}>;
|
|
1448
1676
|
borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1449
1677
|
readonly property: "borderLeftColor";
|
|
1678
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1450
1679
|
readonly scale: "colors";
|
|
1451
1680
|
}>;
|
|
1452
1681
|
borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1453
1682
|
readonly property: "borderRightColor";
|
|
1683
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1454
1684
|
readonly scale: "colors";
|
|
1455
1685
|
}>;
|
|
1456
1686
|
borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1457
1687
|
readonly property: "borderTopColor";
|
|
1688
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1458
1689
|
readonly scale: "colors";
|
|
1459
1690
|
}>;
|
|
1460
1691
|
borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1461
1692
|
readonly property: "borderBottomColor";
|
|
1693
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1462
1694
|
readonly scale: "colors";
|
|
1463
1695
|
}>;
|
|
1464
1696
|
theme?: import("@emotion/react").Theme | undefined;
|
|
@@ -1896,7 +2128,11 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1896
2128
|
readonly property: "backgroundPosition";
|
|
1897
2129
|
}>;
|
|
1898
2130
|
borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1899
|
-
readonly property:
|
|
2131
|
+
readonly property: {
|
|
2132
|
+
readonly physical: "borderBottom";
|
|
2133
|
+
readonly logical: "borderBlockEnd";
|
|
2134
|
+
};
|
|
2135
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1900
2136
|
readonly scale: "borders";
|
|
1901
2137
|
}>;
|
|
1902
2138
|
borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
@@ -1904,7 +2140,11 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1904
2140
|
readonly scale: "colors";
|
|
1905
2141
|
}>;
|
|
1906
2142
|
borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1907
|
-
readonly property:
|
|
2143
|
+
readonly property: {
|
|
2144
|
+
readonly physical: "borderLeft";
|
|
2145
|
+
readonly logical: "borderInlineStart";
|
|
2146
|
+
};
|
|
2147
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1908
2148
|
readonly scale: "borders";
|
|
1909
2149
|
}>;
|
|
1910
2150
|
borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
@@ -1912,14 +2152,22 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1912
2152
|
readonly scale: "borderRadii";
|
|
1913
2153
|
}>;
|
|
1914
2154
|
borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1915
|
-
readonly property:
|
|
2155
|
+
readonly property: {
|
|
2156
|
+
readonly physical: "borderRight";
|
|
2157
|
+
readonly logical: "borderInlineEnd";
|
|
2158
|
+
};
|
|
2159
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1916
2160
|
readonly scale: "borders";
|
|
1917
2161
|
}>;
|
|
1918
2162
|
borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1919
2163
|
readonly property: "borderStyle";
|
|
1920
2164
|
}>;
|
|
1921
2165
|
borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1922
|
-
readonly property:
|
|
2166
|
+
readonly property: {
|
|
2167
|
+
readonly physical: "borderTop";
|
|
2168
|
+
readonly logical: "borderBlockStart";
|
|
2169
|
+
};
|
|
2170
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1923
2171
|
readonly scale: "borders";
|
|
1924
2172
|
}>;
|
|
1925
2173
|
borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
@@ -2055,89 +2303,177 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2055
2303
|
}>;
|
|
2056
2304
|
borderX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2057
2305
|
readonly property: "border";
|
|
2058
|
-
readonly properties:
|
|
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;
|
|
2059
2311
|
readonly scale: "borders";
|
|
2060
2312
|
}>;
|
|
2061
2313
|
borderY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2062
2314
|
readonly property: "border";
|
|
2063
|
-
readonly properties:
|
|
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;
|
|
2064
2320
|
readonly scale: "borders";
|
|
2065
2321
|
}>;
|
|
2066
2322
|
borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2067
2323
|
readonly property: "borderWidth";
|
|
2068
|
-
readonly properties:
|
|
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;
|
|
2069
2329
|
}>;
|
|
2070
2330
|
borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2071
2331
|
readonly property: "borderWidth";
|
|
2072
|
-
readonly properties:
|
|
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;
|
|
2073
2337
|
}>;
|
|
2074
2338
|
borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2075
|
-
readonly property:
|
|
2339
|
+
readonly property: {
|
|
2340
|
+
readonly physical: "borderLeftWidth";
|
|
2341
|
+
readonly logical: "borderInlineStartWidth";
|
|
2342
|
+
};
|
|
2343
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2076
2344
|
}>;
|
|
2077
2345
|
borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2078
|
-
readonly property:
|
|
2346
|
+
readonly property: {
|
|
2347
|
+
readonly physical: "borderRightWidth";
|
|
2348
|
+
readonly logical: "borderInlineEndWidth";
|
|
2349
|
+
};
|
|
2350
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2079
2351
|
}>;
|
|
2080
2352
|
borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2081
|
-
readonly property:
|
|
2353
|
+
readonly property: {
|
|
2354
|
+
readonly physical: "borderTopWidth";
|
|
2355
|
+
readonly logical: "borderBlockStartWidth";
|
|
2356
|
+
};
|
|
2357
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2082
2358
|
}>;
|
|
2083
2359
|
borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2084
|
-
readonly property:
|
|
2360
|
+
readonly property: {
|
|
2361
|
+
readonly physical: "borderBottomWidth";
|
|
2362
|
+
readonly logical: "borderBlockEndWidth";
|
|
2363
|
+
};
|
|
2364
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2085
2365
|
}>;
|
|
2086
2366
|
borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2087
2367
|
readonly property: "borderRadius";
|
|
2088
|
-
readonly properties:
|
|
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;
|
|
2089
2373
|
readonly scale: "borderRadii";
|
|
2090
2374
|
}>;
|
|
2091
2375
|
borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2092
2376
|
readonly property: "borderRadius";
|
|
2093
|
-
readonly properties:
|
|
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;
|
|
2094
2382
|
readonly scale: "borderRadii";
|
|
2095
2383
|
}>;
|
|
2096
2384
|
borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2097
2385
|
readonly property: "borderRadius";
|
|
2098
|
-
readonly properties:
|
|
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;
|
|
2099
2391
|
readonly scale: "borderRadii";
|
|
2100
2392
|
}>;
|
|
2101
2393
|
borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2102
2394
|
readonly property: "borderRadius";
|
|
2103
|
-
readonly properties:
|
|
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;
|
|
2104
2400
|
readonly scale: "borderRadii";
|
|
2105
2401
|
}>;
|
|
2106
2402
|
borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2107
|
-
readonly property:
|
|
2403
|
+
readonly property: {
|
|
2404
|
+
readonly physical: "borderTopLeftRadius";
|
|
2405
|
+
readonly logical: "borderStartStartRadius";
|
|
2406
|
+
};
|
|
2407
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2108
2408
|
readonly scale: "borderRadii";
|
|
2109
2409
|
}>;
|
|
2110
2410
|
borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2111
|
-
readonly property:
|
|
2411
|
+
readonly property: {
|
|
2412
|
+
readonly physical: "borderTopRightRadius";
|
|
2413
|
+
readonly logical: "borderStartEndRadius";
|
|
2414
|
+
};
|
|
2415
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2112
2416
|
readonly scale: "borderRadii";
|
|
2113
2417
|
}>;
|
|
2114
2418
|
borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2115
|
-
readonly property:
|
|
2419
|
+
readonly property: {
|
|
2420
|
+
readonly physical: "borderBottomRightRadius";
|
|
2421
|
+
readonly logical: "borderEndEndRadius";
|
|
2422
|
+
};
|
|
2423
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2116
2424
|
readonly scale: "borderRadii";
|
|
2117
2425
|
}>;
|
|
2118
2426
|
borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2119
|
-
readonly property:
|
|
2427
|
+
readonly property: {
|
|
2428
|
+
readonly physical: "borderBottomLeftRadius";
|
|
2429
|
+
readonly logical: "borderEndStartRadius";
|
|
2430
|
+
};
|
|
2431
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2120
2432
|
readonly scale: "borderRadii";
|
|
2121
2433
|
}>;
|
|
2122
2434
|
borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2123
2435
|
readonly property: "borderStyle";
|
|
2124
|
-
readonly properties:
|
|
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;
|
|
2125
2441
|
}>;
|
|
2126
2442
|
borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2127
2443
|
readonly property: "borderStyle";
|
|
2128
|
-
readonly properties:
|
|
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;
|
|
2129
2449
|
}>;
|
|
2130
2450
|
borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2131
|
-
readonly property:
|
|
2451
|
+
readonly property: {
|
|
2452
|
+
readonly physical: "borderLeftStyle";
|
|
2453
|
+
readonly logical: "borderInlineStartStyle";
|
|
2454
|
+
};
|
|
2455
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2132
2456
|
}>;
|
|
2133
2457
|
borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2134
|
-
readonly property:
|
|
2458
|
+
readonly property: {
|
|
2459
|
+
readonly physical: "borderRightStyle";
|
|
2460
|
+
readonly logical: "borderInlineEndStyle";
|
|
2461
|
+
};
|
|
2462
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2135
2463
|
}>;
|
|
2136
2464
|
borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2137
|
-
readonly property:
|
|
2465
|
+
readonly property: {
|
|
2466
|
+
readonly physical: "borderTopStyle";
|
|
2467
|
+
readonly logical: "borderBlockStartStyle";
|
|
2468
|
+
};
|
|
2469
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2138
2470
|
}>;
|
|
2139
2471
|
borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2140
|
-
readonly property:
|
|
2472
|
+
readonly property: {
|
|
2473
|
+
readonly physical: "borderBottomStyle";
|
|
2474
|
+
readonly logical: "borderBlockEndStyle";
|
|
2475
|
+
};
|
|
2476
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2141
2477
|
}>;
|
|
2142
2478
|
dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2143
2479
|
readonly property: "width";
|
|
@@ -2151,28 +2487,40 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2151
2487
|
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;
|
|
2152
2488
|
borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2153
2489
|
readonly property: "borderColor";
|
|
2154
|
-
readonly properties:
|
|
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;
|
|
2155
2495
|
readonly scale: "colors";
|
|
2156
2496
|
}>;
|
|
2157
2497
|
borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2158
2498
|
readonly property: "borderColor";
|
|
2159
|
-
readonly properties:
|
|
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;
|
|
2160
2504
|
readonly scale: "colors";
|
|
2161
2505
|
}>;
|
|
2162
2506
|
borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2163
2507
|
readonly property: "borderLeftColor";
|
|
2508
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2164
2509
|
readonly scale: "colors";
|
|
2165
2510
|
}>;
|
|
2166
2511
|
borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2167
2512
|
readonly property: "borderRightColor";
|
|
2513
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2168
2514
|
readonly scale: "colors";
|
|
2169
2515
|
}>;
|
|
2170
2516
|
borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2171
2517
|
readonly property: "borderTopColor";
|
|
2518
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2172
2519
|
readonly scale: "colors";
|
|
2173
2520
|
}>;
|
|
2174
2521
|
borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2175
2522
|
readonly property: "borderBottomColor";
|
|
2523
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2176
2524
|
readonly scale: "colors";
|
|
2177
2525
|
}>;
|
|
2178
2526
|
theme?: import("@emotion/react").Theme | undefined;
|