@codecademy/gamut 68.0.1-alpha.8aa868.0 → 68.0.1-alpha.a46571.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 +60 -12
  2. package/dist/Button/shared/styles.d.ts +60 -12
  3. package/dist/Card/elements.d.ts +180 -36
  4. package/dist/Form/elements/Form.d.ts +60 -12
  5. package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts +60 -12
  6. package/dist/List/elements.d.ts +60 -12
  7. package/dist/Menu/elements.d.ts +60 -12
  8. package/dist/Pagination/AnimatedPaginationButtons.d.ts +60 -12
  9. package/dist/Pagination/utils.d.ts +60 -12
  10. package/package.json +7 -7
package/dist/Box/props.d.ts CHANGED
@@ -116,28 +116,52 @@ export declare const boxProps: import("@codecademy/variance/dist/types/config").
116
116
  };
117
117
  readonly borderX: {
118
118
  readonly property: "border";
119
- readonly properties: readonly ["borderLeft", "borderRight"];
119
+ readonly properties: {
120
+ readonly physical: readonly ["borderLeft", "borderRight"];
121
+ readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
122
+ };
123
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
120
124
  readonly scale: "borders";
121
125
  };
122
126
  readonly borderY: {
123
127
  readonly property: "border";
124
- readonly properties: readonly ["borderTop", "borderBottom"];
128
+ readonly properties: {
129
+ readonly physical: readonly ["borderTop", "borderBottom"];
130
+ readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
131
+ };
132
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
125
133
  readonly scale: "borders";
126
134
  };
127
135
  readonly borderTop: {
128
- readonly property: "borderTop";
136
+ readonly property: {
137
+ readonly physical: "borderTop";
138
+ readonly logical: "borderBlockStart";
139
+ };
140
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
129
141
  readonly scale: "borders";
130
142
  };
131
143
  readonly borderRight: {
132
- readonly property: "borderRight";
144
+ readonly property: {
145
+ readonly physical: "borderRight";
146
+ readonly logical: "borderInlineEnd";
147
+ };
148
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
133
149
  readonly scale: "borders";
134
150
  };
135
151
  readonly borderBottom: {
136
- readonly property: "borderBottom";
152
+ readonly property: {
153
+ readonly physical: "borderBottom";
154
+ readonly logical: "borderBlockEnd";
155
+ };
156
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
137
157
  readonly scale: "borders";
138
158
  };
139
159
  readonly borderLeft: {
140
- readonly property: "borderLeft";
160
+ readonly property: {
161
+ readonly physical: "borderLeft";
162
+ readonly logical: "borderInlineStart";
163
+ };
164
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
141
165
  readonly scale: "borders";
142
166
  };
143
167
  readonly borderWidth: {
@@ -145,23 +169,47 @@ export declare const boxProps: import("@codecademy/variance/dist/types/config").
145
169
  };
146
170
  readonly borderWidthX: {
147
171
  readonly property: "borderWidth";
148
- readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
172
+ readonly properties: {
173
+ readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
174
+ readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
175
+ };
176
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
149
177
  };
150
178
  readonly borderWidthY: {
151
179
  readonly property: "borderWidth";
152
- readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
180
+ readonly properties: {
181
+ readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
182
+ readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
183
+ };
184
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
153
185
  };
154
186
  readonly borderWidthLeft: {
155
- readonly property: "borderLeftWidth";
187
+ readonly property: {
188
+ readonly physical: "borderLeftWidth";
189
+ readonly logical: "borderInlineStartWidth";
190
+ };
191
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
156
192
  };
157
193
  readonly borderWidthRight: {
158
- readonly property: "borderRightWidth";
194
+ readonly property: {
195
+ readonly physical: "borderRightWidth";
196
+ readonly logical: "borderInlineEndWidth";
197
+ };
198
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
159
199
  };
160
200
  readonly borderWidthTop: {
161
- readonly property: "borderTopWidth";
201
+ readonly property: {
202
+ readonly physical: "borderTopWidth";
203
+ readonly logical: "borderBlockStartWidth";
204
+ };
205
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
162
206
  };
163
207
  readonly borderWidthBottom: {
164
- readonly property: "borderBottomWidth";
208
+ readonly property: {
209
+ readonly physical: "borderBottomWidth";
210
+ readonly logical: "borderBlockEndWidth";
211
+ };
212
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
165
213
  };
166
214
  readonly borderRadius: {
167
215
  readonly property: "borderRadius";
package/dist/Button/shared/styles.d.ts CHANGED
@@ -238,28 +238,52 @@ export declare const buttonProps: import("@codecademy/variance/dist/types/config
238
238
  };
239
239
  readonly borderX: {
240
240
  readonly property: "border";
241
- readonly properties: readonly ["borderLeft", "borderRight"];
241
+ readonly properties: {
242
+ readonly physical: readonly ["borderLeft", "borderRight"];
243
+ readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
244
+ };
245
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
242
246
  readonly scale: "borders";
243
247
  };
244
248
  readonly borderY: {
245
249
  readonly property: "border";
246
- readonly properties: readonly ["borderTop", "borderBottom"];
250
+ readonly properties: {
251
+ readonly physical: readonly ["borderTop", "borderBottom"];
252
+ readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
253
+ };
254
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
247
255
  readonly scale: "borders";
248
256
  };
249
257
  readonly borderTop: {
250
- readonly property: "borderTop";
258
+ readonly property: {
259
+ readonly physical: "borderTop";
260
+ readonly logical: "borderBlockStart";
261
+ };
262
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
251
263
  readonly scale: "borders";
252
264
  };
253
265
  readonly borderRight: {
254
- readonly property: "borderRight";
266
+ readonly property: {
267
+ readonly physical: "borderRight";
268
+ readonly logical: "borderInlineEnd";
269
+ };
270
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
255
271
  readonly scale: "borders";
256
272
  };
257
273
  readonly borderBottom: {
258
- readonly property: "borderBottom";
274
+ readonly property: {
275
+ readonly physical: "borderBottom";
276
+ readonly logical: "borderBlockEnd";
277
+ };
278
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
259
279
  readonly scale: "borders";
260
280
  };
261
281
  readonly borderLeft: {
262
- readonly property: "borderLeft";
282
+ readonly property: {
283
+ readonly physical: "borderLeft";
284
+ readonly logical: "borderInlineStart";
285
+ };
286
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
263
287
  readonly scale: "borders";
264
288
  };
265
289
  readonly borderWidth: {
@@ -267,23 +291,47 @@ export declare const buttonProps: import("@codecademy/variance/dist/types/config
267
291
  };
268
292
  readonly borderWidthX: {
269
293
  readonly property: "borderWidth";
270
- readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
294
+ readonly properties: {
295
+ readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
296
+ readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
297
+ };
298
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
271
299
  };
272
300
  readonly borderWidthY: {
273
301
  readonly property: "borderWidth";
274
- readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
302
+ readonly properties: {
303
+ readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
304
+ readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
305
+ };
306
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
275
307
  };
276
308
  readonly borderWidthLeft: {
277
- readonly property: "borderLeftWidth";
309
+ readonly property: {
310
+ readonly physical: "borderLeftWidth";
311
+ readonly logical: "borderInlineStartWidth";
312
+ };
313
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
278
314
  };
279
315
  readonly borderWidthRight: {
280
- readonly property: "borderRightWidth";
316
+ readonly property: {
317
+ readonly physical: "borderRightWidth";
318
+ readonly logical: "borderInlineEndWidth";
319
+ };
320
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
281
321
  };
282
322
  readonly borderWidthTop: {
283
- readonly property: "borderTopWidth";
323
+ readonly property: {
324
+ readonly physical: "borderTopWidth";
325
+ readonly logical: "borderBlockStartWidth";
326
+ };
327
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
284
328
  };
285
329
  readonly borderWidthBottom: {
286
- readonly property: "borderBottomWidth";
330
+ readonly property: {
331
+ readonly physical: "borderBottomWidth";
332
+ readonly logical: "borderBlockEndWidth";
333
+ };
334
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
287
335
  };
288
336
  readonly borderRadius: {
289
337
  readonly property: "borderRadius";
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,33 +621,65 @@ 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";
@@ -1179,7 +1227,11 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1179
1227
  readonly property: "backgroundPosition";
1180
1228
  }>;
1181
1229
  borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1182
- readonly property: "borderBottom";
1230
+ readonly property: {
1231
+ readonly physical: "borderBottom";
1232
+ readonly logical: "borderBlockEnd";
1233
+ };
1234
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1183
1235
  readonly scale: "borders";
1184
1236
  }>;
1185
1237
  borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1187,7 +1239,11 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1187
1239
  readonly scale: "colors";
1188
1240
  }>;
1189
1241
  borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1190
- readonly property: "borderLeft";
1242
+ readonly property: {
1243
+ readonly physical: "borderLeft";
1244
+ readonly logical: "borderInlineStart";
1245
+ };
1246
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1191
1247
  readonly scale: "borders";
1192
1248
  }>;
1193
1249
  borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1195,14 +1251,22 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1195
1251
  readonly scale: "borderRadii";
1196
1252
  }>;
1197
1253
  borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
1198
- readonly property: "borderRight";
1254
+ readonly property: {
1255
+ readonly physical: "borderRight";
1256
+ readonly logical: "borderInlineEnd";
1257
+ };
1258
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1199
1259
  readonly scale: "borders";
1200
1260
  }>;
1201
1261
  borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
1202
1262
  readonly property: "borderStyle";
1203
1263
  }>;
1204
1264
  borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
1205
- readonly property: "borderTop";
1265
+ readonly property: {
1266
+ readonly physical: "borderTop";
1267
+ readonly logical: "borderBlockStart";
1268
+ };
1269
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1206
1270
  readonly scale: "borders";
1207
1271
  }>;
1208
1272
  borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1338,33 +1402,65 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1338
1402
  }>;
1339
1403
  borderX?: import("@codecademy/variance/dist/types/config").Scale<{
1340
1404
  readonly property: "border";
1341
- readonly properties: readonly ["borderLeft", "borderRight"];
1405
+ readonly properties: {
1406
+ readonly physical: readonly ["borderLeft", "borderRight"];
1407
+ readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
1408
+ };
1409
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1342
1410
  readonly scale: "borders";
1343
1411
  }>;
1344
1412
  borderY?: import("@codecademy/variance/dist/types/config").Scale<{
1345
1413
  readonly property: "border";
1346
- readonly properties: readonly ["borderTop", "borderBottom"];
1414
+ readonly properties: {
1415
+ readonly physical: readonly ["borderTop", "borderBottom"];
1416
+ readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
1417
+ };
1418
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1347
1419
  readonly scale: "borders";
1348
1420
  }>;
1349
1421
  borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
1350
1422
  readonly property: "borderWidth";
1351
- readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
1423
+ readonly properties: {
1424
+ readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
1425
+ readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
1426
+ };
1427
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1352
1428
  }>;
1353
1429
  borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
1354
1430
  readonly property: "borderWidth";
1355
- readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
1431
+ readonly properties: {
1432
+ readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
1433
+ readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
1434
+ };
1435
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1356
1436
  }>;
1357
1437
  borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1358
- readonly property: "borderLeftWidth";
1438
+ readonly property: {
1439
+ readonly physical: "borderLeftWidth";
1440
+ readonly logical: "borderInlineStartWidth";
1441
+ };
1442
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1359
1443
  }>;
1360
1444
  borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
1361
- readonly property: "borderRightWidth";
1445
+ readonly property: {
1446
+ readonly physical: "borderRightWidth";
1447
+ readonly logical: "borderInlineEndWidth";
1448
+ };
1449
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1362
1450
  }>;
1363
1451
  borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
1364
- readonly property: "borderTopWidth";
1452
+ readonly property: {
1453
+ readonly physical: "borderTopWidth";
1454
+ readonly logical: "borderBlockStartWidth";
1455
+ };
1456
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1365
1457
  }>;
1366
1458
  borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1367
- readonly property: "borderBottomWidth";
1459
+ readonly property: {
1460
+ readonly physical: "borderBottomWidth";
1461
+ readonly logical: "borderBlockEndWidth";
1462
+ };
1463
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1368
1464
  }>;
1369
1465
  borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1370
1466
  readonly property: "borderRadius";
@@ -1896,7 +1992,11 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1896
1992
  readonly property: "backgroundPosition";
1897
1993
  }>;
1898
1994
  borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1899
- readonly property: "borderBottom";
1995
+ readonly property: {
1996
+ readonly physical: "borderBottom";
1997
+ readonly logical: "borderBlockEnd";
1998
+ };
1999
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1900
2000
  readonly scale: "borders";
1901
2001
  }>;
1902
2002
  borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1904,7 +2004,11 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1904
2004
  readonly scale: "colors";
1905
2005
  }>;
1906
2006
  borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1907
- readonly property: "borderLeft";
2007
+ readonly property: {
2008
+ readonly physical: "borderLeft";
2009
+ readonly logical: "borderInlineStart";
2010
+ };
2011
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1908
2012
  readonly scale: "borders";
1909
2013
  }>;
1910
2014
  borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1912,14 +2016,22 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1912
2016
  readonly scale: "borderRadii";
1913
2017
  }>;
1914
2018
  borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
1915
- readonly property: "borderRight";
2019
+ readonly property: {
2020
+ readonly physical: "borderRight";
2021
+ readonly logical: "borderInlineEnd";
2022
+ };
2023
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1916
2024
  readonly scale: "borders";
1917
2025
  }>;
1918
2026
  borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
1919
2027
  readonly property: "borderStyle";
1920
2028
  }>;
1921
2029
  borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
1922
- readonly property: "borderTop";
2030
+ readonly property: {
2031
+ readonly physical: "borderTop";
2032
+ readonly logical: "borderBlockStart";
2033
+ };
2034
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1923
2035
  readonly scale: "borders";
1924
2036
  }>;
1925
2037
  borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -2055,33 +2167,65 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
2055
2167
  }>;
2056
2168
  borderX?: import("@codecademy/variance/dist/types/config").Scale<{
2057
2169
  readonly property: "border";
2058
- readonly properties: readonly ["borderLeft", "borderRight"];
2170
+ readonly properties: {
2171
+ readonly physical: readonly ["borderLeft", "borderRight"];
2172
+ readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
2173
+ };
2174
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2059
2175
  readonly scale: "borders";
2060
2176
  }>;
2061
2177
  borderY?: import("@codecademy/variance/dist/types/config").Scale<{
2062
2178
  readonly property: "border";
2063
- readonly properties: readonly ["borderTop", "borderBottom"];
2179
+ readonly properties: {
2180
+ readonly physical: readonly ["borderTop", "borderBottom"];
2181
+ readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
2182
+ };
2183
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2064
2184
  readonly scale: "borders";
2065
2185
  }>;
2066
2186
  borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
2067
2187
  readonly property: "borderWidth";
2068
- readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
2188
+ readonly properties: {
2189
+ readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
2190
+ readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
2191
+ };
2192
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2069
2193
  }>;
2070
2194
  borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
2071
2195
  readonly property: "borderWidth";
2072
- readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
2196
+ readonly properties: {
2197
+ readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
2198
+ readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
2199
+ };
2200
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2073
2201
  }>;
2074
2202
  borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
2075
- readonly property: "borderLeftWidth";
2203
+ readonly property: {
2204
+ readonly physical: "borderLeftWidth";
2205
+ readonly logical: "borderInlineStartWidth";
2206
+ };
2207
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2076
2208
  }>;
2077
2209
  borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
2078
- readonly property: "borderRightWidth";
2210
+ readonly property: {
2211
+ readonly physical: "borderRightWidth";
2212
+ readonly logical: "borderInlineEndWidth";
2213
+ };
2214
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2079
2215
  }>;
2080
2216
  borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
2081
- readonly property: "borderTopWidth";
2217
+ readonly property: {
2218
+ readonly physical: "borderTopWidth";
2219
+ readonly logical: "borderBlockStartWidth";
2220
+ };
2221
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2082
2222
  }>;
2083
2223
  borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
2084
- readonly property: "borderBottomWidth";
2224
+ readonly property: {
2225
+ readonly physical: "borderBottomWidth";
2226
+ readonly logical: "borderBlockEndWidth";
2227
+ };
2228
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2085
2229
  }>;
2086
2230
  borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
2087
2231
  readonly property: "borderRadius";