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