@codecademy/gamut-styles 17.12.0-alpha.120c57.0 → 17.12.0-alpha.262211.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 (6) hide show
  1. package/dist/ColorMode.d.ts +135 -126
  2. package/dist/variance/config.d.ts +90 -84
  3. package/dist/variance/config.js +45 -42
  4. package/dist/variance/props.d.ts +180 -168
  5. package/dist/variance/utils.d.ts +2 -2
  6. package/package.json +3 -3
package/dist/ColorMode.d.ts CHANGED
@@ -60,51 +60,74 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
60
60
  readonly property: "overflow";
61
61
  };
62
62
  readonly overflowX: {
63
- readonly property: {
64
- readonly physical: "overflowX";
65
- readonly logical: "overflowInline";
66
- };
67
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
63
+ readonly property: "overflowX";
68
64
  };
69
65
  readonly overflowY: {
70
- readonly property: {
71
- readonly physical: "overflowY";
72
- readonly logical: "overflowBlock";
73
- };
74
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
66
+ readonly property: "overflowY";
75
67
  };
76
68
  readonly dimensions: {
77
69
  readonly property: "width";
78
- readonly properties: readonly ["width", "height"];
70
+ readonly properties: {
71
+ readonly physical: readonly ["width", "height"];
72
+ readonly logical: readonly ["inlineSize", "blockSize"];
73
+ };
74
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
79
75
  readonly transform: (value: string | number) => string | 0;
80
76
  };
81
77
  readonly width: {
82
- readonly property: "width";
78
+ readonly property: {
79
+ readonly physical: "width";
80
+ readonly logical: "inlineSize";
81
+ };
82
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
83
83
  readonly transform: (value: string | number) => string | 0;
84
84
  };
85
85
  readonly minWidth: {
86
- readonly property: "minWidth";
86
+ readonly property: {
87
+ readonly physical: "minWidth";
88
+ readonly logical: "minInlineSize";
89
+ };
90
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
87
91
  readonly transform: (value: string | number) => string | 0;
88
92
  };
89
93
  readonly maxWidth: {
90
- readonly property: "maxWidth";
94
+ readonly property: {
95
+ readonly physical: "maxWidth";
96
+ readonly logical: "maxInlineSize";
97
+ };
98
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
91
99
  readonly transform: (value: string | number) => string | 0;
92
100
  };
93
101
  readonly height: {
94
- readonly property: "height";
102
+ readonly property: {
103
+ readonly physical: "height";
104
+ readonly logical: "blockSize";
105
+ };
106
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
95
107
  readonly transform: (value: string | number) => string | 0;
96
108
  };
97
109
  readonly minHeight: {
98
- readonly property: "minHeight";
110
+ readonly property: {
111
+ readonly physical: "minHeight";
112
+ readonly logical: "minBlockSize";
113
+ };
114
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
99
115
  readonly transform: (value: string | number) => string | 0;
100
116
  };
101
117
  readonly maxHeight: {
102
- readonly property: "maxHeight";
118
+ readonly property: {
119
+ readonly physical: "maxHeight";
120
+ readonly logical: "maxBlockSize";
121
+ };
122
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
103
123
  readonly transform: (value: string | number) => string | 0;
104
124
  };
105
125
  readonly verticalAlign: {
106
126
  readonly property: "verticalAlign";
107
127
  };
128
+ readonly direction: {
129
+ readonly property: "direction";
130
+ };
108
131
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
109
132
  readonly color: {
110
133
  readonly property: "color";
@@ -279,43 +302,23 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
279
302
  };
280
303
  readonly inset: {
281
304
  readonly property: "inset";
282
- readonly properties: {
283
- readonly physical: readonly ["top", "right", "bottom", "left"];
284
- readonly logical: readonly ["insetBlockStart", "insetInlineEnd", "insetBlockEnd", "insetInlineStart"];
285
- };
286
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
305
+ readonly properties: readonly ["top", "right", "bottom", "left"];
287
306
  readonly transform: (value: string | number) => string | 0;
288
307
  };
289
308
  readonly top: {
290
- readonly property: {
291
- readonly physical: "top";
292
- readonly logical: "insetBlockStart";
293
- };
294
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
309
+ readonly property: "top";
295
310
  readonly transform: (value: string | number) => string | 0;
296
311
  };
297
312
  readonly right: {
298
- readonly property: {
299
- readonly physical: "right";
300
- readonly logical: "insetInlineEnd";
301
- };
302
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
313
+ readonly property: "right";
303
314
  readonly transform: (value: string | number) => string | 0;
304
315
  };
305
316
  readonly bottom: {
306
- readonly property: {
307
- readonly physical: "bottom";
308
- readonly logical: "insetBlockEnd";
309
- };
310
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
317
+ readonly property: "bottom";
311
318
  readonly transform: (value: string | number) => string | 0;
312
319
  };
313
320
  readonly left: {
314
- readonly property: {
315
- readonly physical: "left";
316
- readonly logical: "insetInlineStart";
317
- };
318
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
321
+ readonly property: "left";
319
322
  readonly transform: (value: string | number) => string | 0;
320
323
  };
321
324
  readonly zIndex: {
@@ -720,11 +723,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
720
723
  readonly property: "backgroundSize";
721
724
  }>;
722
725
  bottom?: import("@codecademy/variance/dist/types/config").Scale<{
723
- readonly property: {
724
- readonly physical: "bottom";
725
- readonly logical: "insetBlockEnd";
726
- };
727
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
726
+ readonly property: "bottom";
728
727
  readonly transform: (value: string | number) => string | 0;
729
728
  }>;
730
729
  columnGap?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -734,6 +733,9 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
734
733
  containerType?: import("@codecademy/variance/dist/types/config").Scale<{
735
734
  readonly property: "containerType";
736
735
  }>;
736
+ direction?: import("@codecademy/variance/dist/types/config").Scale<{
737
+ readonly property: "direction";
738
+ }>;
737
739
  display?: import("@codecademy/variance/dist/types/config").Scale<{
738
740
  readonly property: "display";
739
741
  }>;
@@ -783,7 +785,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
783
785
  readonly property: "gridTemplateRows";
784
786
  }>;
785
787
  height?: import("@codecademy/variance/dist/types/config").Scale<{
786
- readonly property: "height";
788
+ readonly property: {
789
+ readonly physical: "height";
790
+ readonly logical: "blockSize";
791
+ };
792
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
787
793
  readonly transform: (value: string | number) => string | 0;
788
794
  }>;
789
795
  justifyContent?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -796,27 +802,39 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
796
802
  readonly property: "justifySelf";
797
803
  }>;
798
804
  left?: import("@codecademy/variance/dist/types/config").Scale<{
799
- readonly property: {
800
- readonly physical: "left";
801
- readonly logical: "insetInlineStart";
802
- };
803
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
805
+ readonly property: "left";
804
806
  readonly transform: (value: string | number) => string | 0;
805
807
  }>;
806
808
  maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
807
- readonly property: "maxHeight";
809
+ readonly property: {
810
+ readonly physical: "maxHeight";
811
+ readonly logical: "maxBlockSize";
812
+ };
813
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
808
814
  readonly transform: (value: string | number) => string | 0;
809
815
  }>;
810
816
  maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
811
- readonly property: "maxWidth";
817
+ readonly property: {
818
+ readonly physical: "maxWidth";
819
+ readonly logical: "maxInlineSize";
820
+ };
821
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
812
822
  readonly transform: (value: string | number) => string | 0;
813
823
  }>;
814
824
  minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
815
- readonly property: "minHeight";
825
+ readonly property: {
826
+ readonly physical: "minHeight";
827
+ readonly logical: "minBlockSize";
828
+ };
829
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
816
830
  readonly transform: (value: string | number) => string | 0;
817
831
  }>;
818
832
  minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
819
- readonly property: "minWidth";
833
+ readonly property: {
834
+ readonly physical: "minWidth";
835
+ readonly logical: "minInlineSize";
836
+ };
837
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
820
838
  readonly transform: (value: string | number) => string | 0;
821
839
  }>;
822
840
  opacity?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -826,28 +844,16 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
826
844
  readonly property: "order";
827
845
  }>;
828
846
  overflowX?: import("@codecademy/variance/dist/types/config").Scale<{
829
- readonly property: {
830
- readonly physical: "overflowX";
831
- readonly logical: "overflowInline";
832
- };
833
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
847
+ readonly property: "overflowX";
834
848
  }>;
835
849
  overflowY?: import("@codecademy/variance/dist/types/config").Scale<{
836
- readonly property: {
837
- readonly physical: "overflowY";
838
- readonly logical: "overflowBlock";
839
- };
840
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
850
+ readonly property: "overflowY";
841
851
  }>;
842
852
  position?: import("@codecademy/variance/dist/types/config").Scale<{
843
853
  readonly property: "position";
844
854
  }>;
845
855
  right?: import("@codecademy/variance/dist/types/config").Scale<{
846
- readonly property: {
847
- readonly physical: "right";
848
- readonly logical: "insetInlineEnd";
849
- };
850
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
856
+ readonly property: "right";
851
857
  readonly transform: (value: string | number) => string | 0;
852
858
  }>;
853
859
  rowGap?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -855,18 +861,18 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
855
861
  readonly scale: "spacing";
856
862
  }>;
857
863
  top?: import("@codecademy/variance/dist/types/config").Scale<{
858
- readonly property: {
859
- readonly physical: "top";
860
- readonly logical: "insetBlockStart";
861
- };
862
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
864
+ readonly property: "top";
863
865
  readonly transform: (value: string | number) => string | 0;
864
866
  }>;
865
867
  verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{
866
868
  readonly property: "verticalAlign";
867
869
  }>;
868
870
  width?: import("@codecademy/variance/dist/types/config").Scale<{
869
- readonly property: "width";
871
+ readonly property: {
872
+ readonly physical: "width";
873
+ readonly logical: "inlineSize";
874
+ };
875
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
870
876
  readonly transform: (value: string | number) => string | 0;
871
877
  }>;
872
878
  zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -939,11 +945,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
939
945
  }>;
940
946
  inset?: import("@codecademy/variance/dist/types/config").Scale<{
941
947
  readonly property: "inset";
942
- readonly properties: {
943
- readonly physical: readonly ["top", "right", "bottom", "left"];
944
- readonly logical: readonly ["insetBlockStart", "insetInlineEnd", "insetBlockEnd", "insetInlineStart"];
945
- };
946
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
948
+ readonly properties: readonly ["top", "right", "bottom", "left"];
947
949
  readonly transform: (value: string | number) => string | 0;
948
950
  }>;
949
951
  overflow?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -951,7 +953,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
951
953
  }>;
952
954
  dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
953
955
  readonly property: "width";
954
- readonly properties: readonly ["width", "height"];
956
+ readonly properties: {
957
+ readonly physical: readonly ["width", "height"];
958
+ readonly logical: readonly ["inlineSize", "blockSize"];
959
+ };
960
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
955
961
  readonly transform: (value: string | number) => string | 0;
956
962
  }>;
957
963
  textColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1322,11 +1328,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1322
1328
  readonly property: "backgroundSize";
1323
1329
  }>;
1324
1330
  bottom?: import("@codecademy/variance/dist/types/config").Scale<{
1325
- readonly property: {
1326
- readonly physical: "bottom";
1327
- readonly logical: "insetBlockEnd";
1328
- };
1329
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1331
+ readonly property: "bottom";
1330
1332
  readonly transform: (value: string | number) => string | 0;
1331
1333
  }>;
1332
1334
  columnGap?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1336,6 +1338,9 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1336
1338
  containerType?: import("@codecademy/variance/dist/types/config").Scale<{
1337
1339
  readonly property: "containerType";
1338
1340
  }>;
1341
+ direction?: import("@codecademy/variance/dist/types/config").Scale<{
1342
+ readonly property: "direction";
1343
+ }>;
1339
1344
  display?: import("@codecademy/variance/dist/types/config").Scale<{
1340
1345
  readonly property: "display";
1341
1346
  }>;
@@ -1385,7 +1390,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1385
1390
  readonly property: "gridTemplateRows";
1386
1391
  }>;
1387
1392
  height?: import("@codecademy/variance/dist/types/config").Scale<{
1388
- readonly property: "height";
1393
+ readonly property: {
1394
+ readonly physical: "height";
1395
+ readonly logical: "blockSize";
1396
+ };
1397
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1389
1398
  readonly transform: (value: string | number) => string | 0;
1390
1399
  }>;
1391
1400
  justifyContent?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1398,27 +1407,39 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1398
1407
  readonly property: "justifySelf";
1399
1408
  }>;
1400
1409
  left?: import("@codecademy/variance/dist/types/config").Scale<{
1401
- readonly property: {
1402
- readonly physical: "left";
1403
- readonly logical: "insetInlineStart";
1404
- };
1405
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1410
+ readonly property: "left";
1406
1411
  readonly transform: (value: string | number) => string | 0;
1407
1412
  }>;
1408
1413
  maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
1409
- readonly property: "maxHeight";
1414
+ readonly property: {
1415
+ readonly physical: "maxHeight";
1416
+ readonly logical: "maxBlockSize";
1417
+ };
1418
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1410
1419
  readonly transform: (value: string | number) => string | 0;
1411
1420
  }>;
1412
1421
  maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
1413
- readonly property: "maxWidth";
1422
+ readonly property: {
1423
+ readonly physical: "maxWidth";
1424
+ readonly logical: "maxInlineSize";
1425
+ };
1426
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1414
1427
  readonly transform: (value: string | number) => string | 0;
1415
1428
  }>;
1416
1429
  minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
1417
- readonly property: "minHeight";
1430
+ readonly property: {
1431
+ readonly physical: "minHeight";
1432
+ readonly logical: "minBlockSize";
1433
+ };
1434
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1418
1435
  readonly transform: (value: string | number) => string | 0;
1419
1436
  }>;
1420
1437
  minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
1421
- readonly property: "minWidth";
1438
+ readonly property: {
1439
+ readonly physical: "minWidth";
1440
+ readonly logical: "minInlineSize";
1441
+ };
1442
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1422
1443
  readonly transform: (value: string | number) => string | 0;
1423
1444
  }>;
1424
1445
  opacity?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1428,28 +1449,16 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1428
1449
  readonly property: "order";
1429
1450
  }>;
1430
1451
  overflowX?: import("@codecademy/variance/dist/types/config").Scale<{
1431
- readonly property: {
1432
- readonly physical: "overflowX";
1433
- readonly logical: "overflowInline";
1434
- };
1435
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1452
+ readonly property: "overflowX";
1436
1453
  }>;
1437
1454
  overflowY?: import("@codecademy/variance/dist/types/config").Scale<{
1438
- readonly property: {
1439
- readonly physical: "overflowY";
1440
- readonly logical: "overflowBlock";
1441
- };
1442
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1455
+ readonly property: "overflowY";
1443
1456
  }>;
1444
1457
  position?: import("@codecademy/variance/dist/types/config").Scale<{
1445
1458
  readonly property: "position";
1446
1459
  }>;
1447
1460
  right?: import("@codecademy/variance/dist/types/config").Scale<{
1448
- readonly property: {
1449
- readonly physical: "right";
1450
- readonly logical: "insetInlineEnd";
1451
- };
1452
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1461
+ readonly property: "right";
1453
1462
  readonly transform: (value: string | number) => string | 0;
1454
1463
  }>;
1455
1464
  rowGap?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1457,18 +1466,18 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1457
1466
  readonly scale: "spacing";
1458
1467
  }>;
1459
1468
  top?: import("@codecademy/variance/dist/types/config").Scale<{
1460
- readonly property: {
1461
- readonly physical: "top";
1462
- readonly logical: "insetBlockStart";
1463
- };
1464
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1469
+ readonly property: "top";
1465
1470
  readonly transform: (value: string | number) => string | 0;
1466
1471
  }>;
1467
1472
  verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{
1468
1473
  readonly property: "verticalAlign";
1469
1474
  }>;
1470
1475
  width?: import("@codecademy/variance/dist/types/config").Scale<{
1471
- readonly property: "width";
1476
+ readonly property: {
1477
+ readonly physical: "width";
1478
+ readonly logical: "inlineSize";
1479
+ };
1480
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1472
1481
  readonly transform: (value: string | number) => string | 0;
1473
1482
  }>;
1474
1483
  zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1541,11 +1550,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1541
1550
  }>;
1542
1551
  inset?: import("@codecademy/variance/dist/types/config").Scale<{
1543
1552
  readonly property: "inset";
1544
- readonly properties: {
1545
- readonly physical: readonly ["top", "right", "bottom", "left"];
1546
- readonly logical: readonly ["insetBlockStart", "insetInlineEnd", "insetBlockEnd", "insetInlineStart"];
1547
- };
1548
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1553
+ readonly properties: readonly ["top", "right", "bottom", "left"];
1549
1554
  readonly transform: (value: string | number) => string | 0;
1550
1555
  }>;
1551
1556
  overflow?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1553,7 +1558,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1553
1558
  }>;
1554
1559
  dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
1555
1560
  readonly property: "width";
1556
- readonly properties: readonly ["width", "height"];
1561
+ readonly properties: {
1562
+ readonly physical: readonly ["width", "height"];
1563
+ readonly logical: readonly ["inlineSize", "blockSize"];
1564
+ };
1565
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1557
1566
  readonly transform: (value: string | number) => string | 0;
1558
1567
  }>;
1559
1568
  textColor?: import("@codecademy/variance/dist/types/config").Scale<{