@codecademy/gamut 68.0.1-alpha.d8b528.0 → 68.0.1-alpha.f12c24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/Box/props.d.ts +130 -26
  2. package/dist/Button/shared/styles.d.ts +130 -26
  3. package/dist/Card/elements.d.ts +390 -78
  4. package/dist/Form/elements/Form.d.ts +130 -26
  5. package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts +130 -26
  6. package/dist/List/elements.d.ts +130 -26
  7. package/dist/Menu/elements.d.ts +130 -26
  8. package/dist/Pagination/AnimatedPaginationButtons.d.ts +130 -26
  9. package/dist/Pagination/utils.d.ts +130 -26
  10. 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: "borderBottom";
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: "borderLeft";
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: "borderRight";
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: "borderTop";
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: readonly ["borderLeft", "borderRight"];
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: readonly ["borderTop", "borderBottom"];
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: readonly ["borderLeftWidth", "borderRightWidth"];
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: readonly ["borderTopWidth", "borderBottomWidth"];
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: "borderLeftWidth";
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: "borderRightWidth";
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: "borderTopWidth";
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: "borderBottomWidth";
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: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
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: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
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: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
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: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
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: "borderTopLeftRadius";
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: "borderTopRightRadius";
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: "borderBottomRightRadius";
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: "borderBottomLeftRadius";
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: readonly ["borderLeftStyle", "borderRightStyle"];
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: readonly ["borderTopStyle", "borderBottomStyle"];
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: "borderLeftStyle";
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: "borderRightStyle";
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: "borderTopStyle";
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: "borderBottomStyle";
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";
@@ -1179,7 +1283,11 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1179
1283
  readonly property: "backgroundPosition";
1180
1284
  }>;
1181
1285
  borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1182
- readonly property: "borderBottom";
1286
+ readonly property: {
1287
+ readonly physical: "borderBottom";
1288
+ readonly logical: "borderBlockEnd";
1289
+ };
1290
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1183
1291
  readonly scale: "borders";
1184
1292
  }>;
1185
1293
  borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1187,7 +1295,11 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1187
1295
  readonly scale: "colors";
1188
1296
  }>;
1189
1297
  borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1190
- readonly property: "borderLeft";
1298
+ readonly property: {
1299
+ readonly physical: "borderLeft";
1300
+ readonly logical: "borderInlineStart";
1301
+ };
1302
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1191
1303
  readonly scale: "borders";
1192
1304
  }>;
1193
1305
  borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1195,14 +1307,22 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1195
1307
  readonly scale: "borderRadii";
1196
1308
  }>;
1197
1309
  borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
1198
- readonly property: "borderRight";
1310
+ readonly property: {
1311
+ readonly physical: "borderRight";
1312
+ readonly logical: "borderInlineEnd";
1313
+ };
1314
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1199
1315
  readonly scale: "borders";
1200
1316
  }>;
1201
1317
  borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
1202
1318
  readonly property: "borderStyle";
1203
1319
  }>;
1204
1320
  borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
1205
- readonly property: "borderTop";
1321
+ readonly property: {
1322
+ readonly physical: "borderTop";
1323
+ readonly logical: "borderBlockStart";
1324
+ };
1325
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1206
1326
  readonly scale: "borders";
1207
1327
  }>;
1208
1328
  borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1338,89 +1458,177 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1338
1458
  }>;
1339
1459
  borderX?: import("@codecademy/variance/dist/types/config").Scale<{
1340
1460
  readonly property: "border";
1341
- readonly properties: readonly ["borderLeft", "borderRight"];
1461
+ readonly properties: {
1462
+ readonly physical: readonly ["borderLeft", "borderRight"];
1463
+ readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
1464
+ };
1465
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1342
1466
  readonly scale: "borders";
1343
1467
  }>;
1344
1468
  borderY?: import("@codecademy/variance/dist/types/config").Scale<{
1345
1469
  readonly property: "border";
1346
- readonly properties: readonly ["borderTop", "borderBottom"];
1470
+ readonly properties: {
1471
+ readonly physical: readonly ["borderTop", "borderBottom"];
1472
+ readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
1473
+ };
1474
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1347
1475
  readonly scale: "borders";
1348
1476
  }>;
1349
1477
  borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
1350
1478
  readonly property: "borderWidth";
1351
- readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
1479
+ readonly properties: {
1480
+ readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
1481
+ readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
1482
+ };
1483
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1352
1484
  }>;
1353
1485
  borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
1354
1486
  readonly property: "borderWidth";
1355
- readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
1487
+ readonly properties: {
1488
+ readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
1489
+ readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
1490
+ };
1491
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1356
1492
  }>;
1357
1493
  borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1358
- readonly property: "borderLeftWidth";
1494
+ readonly property: {
1495
+ readonly physical: "borderLeftWidth";
1496
+ readonly logical: "borderInlineStartWidth";
1497
+ };
1498
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1359
1499
  }>;
1360
1500
  borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
1361
- readonly property: "borderRightWidth";
1501
+ readonly property: {
1502
+ readonly physical: "borderRightWidth";
1503
+ readonly logical: "borderInlineEndWidth";
1504
+ };
1505
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1362
1506
  }>;
1363
1507
  borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
1364
- readonly property: "borderTopWidth";
1508
+ readonly property: {
1509
+ readonly physical: "borderTopWidth";
1510
+ readonly logical: "borderBlockStartWidth";
1511
+ };
1512
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1365
1513
  }>;
1366
1514
  borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1367
- readonly property: "borderBottomWidth";
1515
+ readonly property: {
1516
+ readonly physical: "borderBottomWidth";
1517
+ readonly logical: "borderBlockEndWidth";
1518
+ };
1519
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1368
1520
  }>;
1369
1521
  borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1370
1522
  readonly property: "borderRadius";
1371
- readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
1523
+ readonly properties: {
1524
+ readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
1525
+ readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
1526
+ };
1527
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1372
1528
  readonly scale: "borderRadii";
1373
1529
  }>;
1374
1530
  borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
1375
1531
  readonly property: "borderRadius";
1376
- readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
1532
+ readonly properties: {
1533
+ readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
1534
+ readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
1535
+ };
1536
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1377
1537
  readonly scale: "borderRadii";
1378
1538
  }>;
1379
1539
  borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1380
1540
  readonly property: "borderRadius";
1381
- readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
1541
+ readonly properties: {
1542
+ readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
1543
+ readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
1544
+ };
1545
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1382
1546
  readonly scale: "borderRadii";
1383
1547
  }>;
1384
1548
  borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
1385
1549
  readonly property: "borderRadius";
1386
- readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
1550
+ readonly properties: {
1551
+ readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
1552
+ readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
1553
+ };
1554
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1387
1555
  readonly scale: "borderRadii";
1388
1556
  }>;
1389
1557
  borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1390
- readonly property: "borderTopLeftRadius";
1558
+ readonly property: {
1559
+ readonly physical: "borderTopLeftRadius";
1560
+ readonly logical: "borderStartStartRadius";
1561
+ };
1562
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1391
1563
  readonly scale: "borderRadii";
1392
1564
  }>;
1393
1565
  borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
1394
- readonly property: "borderTopRightRadius";
1566
+ readonly property: {
1567
+ readonly physical: "borderTopRightRadius";
1568
+ readonly logical: "borderStartEndRadius";
1569
+ };
1570
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1395
1571
  readonly scale: "borderRadii";
1396
1572
  }>;
1397
1573
  borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
1398
- readonly property: "borderBottomRightRadius";
1574
+ readonly property: {
1575
+ readonly physical: "borderBottomRightRadius";
1576
+ readonly logical: "borderEndEndRadius";
1577
+ };
1578
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1399
1579
  readonly scale: "borderRadii";
1400
1580
  }>;
1401
1581
  borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1402
- readonly property: "borderBottomLeftRadius";
1582
+ readonly property: {
1583
+ readonly physical: "borderBottomLeftRadius";
1584
+ readonly logical: "borderEndStartRadius";
1585
+ };
1586
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1403
1587
  readonly scale: "borderRadii";
1404
1588
  }>;
1405
1589
  borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
1406
1590
  readonly property: "borderStyle";
1407
- readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
1591
+ readonly properties: {
1592
+ readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
1593
+ readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
1594
+ };
1595
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1408
1596
  }>;
1409
1597
  borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
1410
1598
  readonly property: "borderStyle";
1411
- readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
1599
+ readonly properties: {
1600
+ readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
1601
+ readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
1602
+ };
1603
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1412
1604
  }>;
1413
1605
  borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1414
- readonly property: "borderLeftStyle";
1606
+ readonly property: {
1607
+ readonly physical: "borderLeftStyle";
1608
+ readonly logical: "borderInlineStartStyle";
1609
+ };
1610
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1415
1611
  }>;
1416
1612
  borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
1417
- readonly property: "borderRightStyle";
1613
+ readonly property: {
1614
+ readonly physical: "borderRightStyle";
1615
+ readonly logical: "borderInlineEndStyle";
1616
+ };
1617
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1418
1618
  }>;
1419
1619
  borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
1420
- readonly property: "borderTopStyle";
1620
+ readonly property: {
1621
+ readonly physical: "borderTopStyle";
1622
+ readonly logical: "borderBlockStartStyle";
1623
+ };
1624
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1421
1625
  }>;
1422
1626
  borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1423
- readonly property: "borderBottomStyle";
1627
+ readonly property: {
1628
+ readonly physical: "borderBottomStyle";
1629
+ readonly logical: "borderBlockEndStyle";
1630
+ };
1631
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1424
1632
  }>;
1425
1633
  dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
1426
1634
  readonly property: "width";
@@ -1896,7 +2104,11 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1896
2104
  readonly property: "backgroundPosition";
1897
2105
  }>;
1898
2106
  borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1899
- readonly property: "borderBottom";
2107
+ readonly property: {
2108
+ readonly physical: "borderBottom";
2109
+ readonly logical: "borderBlockEnd";
2110
+ };
2111
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1900
2112
  readonly scale: "borders";
1901
2113
  }>;
1902
2114
  borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1904,7 +2116,11 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1904
2116
  readonly scale: "colors";
1905
2117
  }>;
1906
2118
  borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1907
- readonly property: "borderLeft";
2119
+ readonly property: {
2120
+ readonly physical: "borderLeft";
2121
+ readonly logical: "borderInlineStart";
2122
+ };
2123
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1908
2124
  readonly scale: "borders";
1909
2125
  }>;
1910
2126
  borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1912,14 +2128,22 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1912
2128
  readonly scale: "borderRadii";
1913
2129
  }>;
1914
2130
  borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
1915
- readonly property: "borderRight";
2131
+ readonly property: {
2132
+ readonly physical: "borderRight";
2133
+ readonly logical: "borderInlineEnd";
2134
+ };
2135
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1916
2136
  readonly scale: "borders";
1917
2137
  }>;
1918
2138
  borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
1919
2139
  readonly property: "borderStyle";
1920
2140
  }>;
1921
2141
  borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
1922
- readonly property: "borderTop";
2142
+ readonly property: {
2143
+ readonly physical: "borderTop";
2144
+ readonly logical: "borderBlockStart";
2145
+ };
2146
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1923
2147
  readonly scale: "borders";
1924
2148
  }>;
1925
2149
  borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -2055,89 +2279,177 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
2055
2279
  }>;
2056
2280
  borderX?: import("@codecademy/variance/dist/types/config").Scale<{
2057
2281
  readonly property: "border";
2058
- readonly properties: readonly ["borderLeft", "borderRight"];
2282
+ readonly properties: {
2283
+ readonly physical: readonly ["borderLeft", "borderRight"];
2284
+ readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
2285
+ };
2286
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2059
2287
  readonly scale: "borders";
2060
2288
  }>;
2061
2289
  borderY?: import("@codecademy/variance/dist/types/config").Scale<{
2062
2290
  readonly property: "border";
2063
- readonly properties: readonly ["borderTop", "borderBottom"];
2291
+ readonly properties: {
2292
+ readonly physical: readonly ["borderTop", "borderBottom"];
2293
+ readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
2294
+ };
2295
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2064
2296
  readonly scale: "borders";
2065
2297
  }>;
2066
2298
  borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
2067
2299
  readonly property: "borderWidth";
2068
- readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
2300
+ readonly properties: {
2301
+ readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
2302
+ readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
2303
+ };
2304
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2069
2305
  }>;
2070
2306
  borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
2071
2307
  readonly property: "borderWidth";
2072
- readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
2308
+ readonly properties: {
2309
+ readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
2310
+ readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
2311
+ };
2312
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2073
2313
  }>;
2074
2314
  borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
2075
- readonly property: "borderLeftWidth";
2315
+ readonly property: {
2316
+ readonly physical: "borderLeftWidth";
2317
+ readonly logical: "borderInlineStartWidth";
2318
+ };
2319
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2076
2320
  }>;
2077
2321
  borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
2078
- readonly property: "borderRightWidth";
2322
+ readonly property: {
2323
+ readonly physical: "borderRightWidth";
2324
+ readonly logical: "borderInlineEndWidth";
2325
+ };
2326
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2079
2327
  }>;
2080
2328
  borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
2081
- readonly property: "borderTopWidth";
2329
+ readonly property: {
2330
+ readonly physical: "borderTopWidth";
2331
+ readonly logical: "borderBlockStartWidth";
2332
+ };
2333
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2082
2334
  }>;
2083
2335
  borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
2084
- readonly property: "borderBottomWidth";
2336
+ readonly property: {
2337
+ readonly physical: "borderBottomWidth";
2338
+ readonly logical: "borderBlockEndWidth";
2339
+ };
2340
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2085
2341
  }>;
2086
2342
  borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
2087
2343
  readonly property: "borderRadius";
2088
- readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
2344
+ readonly properties: {
2345
+ readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
2346
+ readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
2347
+ };
2348
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2089
2349
  readonly scale: "borderRadii";
2090
2350
  }>;
2091
2351
  borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
2092
2352
  readonly property: "borderRadius";
2093
- readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
2353
+ readonly properties: {
2354
+ readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
2355
+ readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
2356
+ };
2357
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2094
2358
  readonly scale: "borderRadii";
2095
2359
  }>;
2096
2360
  borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
2097
2361
  readonly property: "borderRadius";
2098
- readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
2362
+ readonly properties: {
2363
+ readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
2364
+ readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
2365
+ };
2366
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2099
2367
  readonly scale: "borderRadii";
2100
2368
  }>;
2101
2369
  borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
2102
2370
  readonly property: "borderRadius";
2103
- readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
2371
+ readonly properties: {
2372
+ readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
2373
+ readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
2374
+ };
2375
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2104
2376
  readonly scale: "borderRadii";
2105
2377
  }>;
2106
2378
  borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
2107
- readonly property: "borderTopLeftRadius";
2379
+ readonly property: {
2380
+ readonly physical: "borderTopLeftRadius";
2381
+ readonly logical: "borderStartStartRadius";
2382
+ };
2383
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2108
2384
  readonly scale: "borderRadii";
2109
2385
  }>;
2110
2386
  borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
2111
- readonly property: "borderTopRightRadius";
2387
+ readonly property: {
2388
+ readonly physical: "borderTopRightRadius";
2389
+ readonly logical: "borderStartEndRadius";
2390
+ };
2391
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2112
2392
  readonly scale: "borderRadii";
2113
2393
  }>;
2114
2394
  borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
2115
- readonly property: "borderBottomRightRadius";
2395
+ readonly property: {
2396
+ readonly physical: "borderBottomRightRadius";
2397
+ readonly logical: "borderEndEndRadius";
2398
+ };
2399
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2116
2400
  readonly scale: "borderRadii";
2117
2401
  }>;
2118
2402
  borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
2119
- readonly property: "borderBottomLeftRadius";
2403
+ readonly property: {
2404
+ readonly physical: "borderBottomLeftRadius";
2405
+ readonly logical: "borderEndStartRadius";
2406
+ };
2407
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2120
2408
  readonly scale: "borderRadii";
2121
2409
  }>;
2122
2410
  borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
2123
2411
  readonly property: "borderStyle";
2124
- readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
2412
+ readonly properties: {
2413
+ readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
2414
+ readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
2415
+ };
2416
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2125
2417
  }>;
2126
2418
  borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
2127
2419
  readonly property: "borderStyle";
2128
- readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
2420
+ readonly properties: {
2421
+ readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
2422
+ readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
2423
+ };
2424
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2129
2425
  }>;
2130
2426
  borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
2131
- readonly property: "borderLeftStyle";
2427
+ readonly property: {
2428
+ readonly physical: "borderLeftStyle";
2429
+ readonly logical: "borderInlineStartStyle";
2430
+ };
2431
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2132
2432
  }>;
2133
2433
  borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
2134
- readonly property: "borderRightStyle";
2434
+ readonly property: {
2435
+ readonly physical: "borderRightStyle";
2436
+ readonly logical: "borderInlineEndStyle";
2437
+ };
2438
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2135
2439
  }>;
2136
2440
  borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
2137
- readonly property: "borderTopStyle";
2441
+ readonly property: {
2442
+ readonly physical: "borderTopStyle";
2443
+ readonly logical: "borderBlockStartStyle";
2444
+ };
2445
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2138
2446
  }>;
2139
2447
  borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
2140
- readonly property: "borderBottomStyle";
2448
+ readonly property: {
2449
+ readonly physical: "borderBottomStyle";
2450
+ readonly logical: "borderBlockEndStyle";
2451
+ };
2452
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2141
2453
  }>;
2142
2454
  dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
2143
2455
  readonly property: "width";