@codecademy/gamut 68.0.1-alpha.42d772.0 → 68.0.1-alpha.4746be.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/Badge/index.d.ts +14 -2
  2. package/dist/Box/props.d.ts +14 -2
  3. package/dist/Card/elements.d.ts +42 -6
  4. package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts +14 -2
  5. package/dist/List/elements.d.ts +14 -2
  6. package/dist/Menu/elements.d.ts +14 -2
  7. package/dist/Toggle/elements.d.ts +14 -2
  8. package/dist/Typography/Text.d.ts +14 -2
  9. package/package.json +7 -7
package/dist/Badge/index.d.ts CHANGED
@@ -274,28 +274,40 @@ declare const badgeProps: import("@codecademy/variance/dist/types/config").Parse
274
274
  };
275
275
  readonly borderColorX: {
276
276
  readonly property: "borderColor";
277
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
277
+ readonly properties: {
278
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
279
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
280
+ };
281
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
278
282
  readonly scale: "colors";
279
283
  };
280
284
  readonly borderColorY: {
281
285
  readonly property: "borderColor";
282
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
286
+ readonly properties: {
287
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
288
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
289
+ };
290
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
283
291
  readonly scale: "colors";
284
292
  };
285
293
  readonly borderColorLeft: {
286
294
  readonly property: "borderLeftColor";
295
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
287
296
  readonly scale: "colors";
288
297
  };
289
298
  readonly borderColorRight: {
290
299
  readonly property: "borderRightColor";
300
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
291
301
  readonly scale: "colors";
292
302
  };
293
303
  readonly borderColorTop: {
294
304
  readonly property: "borderTopColor";
305
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
295
306
  readonly scale: "colors";
296
307
  };
297
308
  readonly borderColorBottom: {
298
309
  readonly property: "borderBottomColor";
310
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
299
311
  readonly scale: "colors";
300
312
  };
301
313
  }>>]>>;
package/dist/Box/props.d.ts CHANGED
@@ -436,28 +436,40 @@ export declare const boxProps: import("@codecademy/variance/dist/types/config").
436
436
  };
437
437
  readonly borderColorX: {
438
438
  readonly property: "borderColor";
439
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
439
+ readonly properties: {
440
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
441
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
442
+ };
443
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
440
444
  readonly scale: "colors";
441
445
  };
442
446
  readonly borderColorY: {
443
447
  readonly property: "borderColor";
444
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
448
+ readonly properties: {
449
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
450
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
451
+ };
452
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
445
453
  readonly scale: "colors";
446
454
  };
447
455
  readonly borderColorLeft: {
448
456
  readonly property: "borderLeftColor";
457
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
449
458
  readonly scale: "colors";
450
459
  };
451
460
  readonly borderColorRight: {
452
461
  readonly property: "borderRightColor";
462
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
453
463
  readonly scale: "colors";
454
464
  };
455
465
  readonly borderColorTop: {
456
466
  readonly property: "borderTopColor";
467
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
457
468
  readonly scale: "colors";
458
469
  };
459
470
  readonly borderColorBottom: {
460
471
  readonly property: "borderBottomColor";
472
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
461
473
  readonly scale: "colors";
462
474
  };
463
475
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
package/dist/Card/elements.d.ts CHANGED
@@ -808,28 +808,40 @@ export declare const MotionBox: import("react").ComponentType<{
808
808
  }>;
809
809
  borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
810
810
  readonly property: "borderColor";
811
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
811
+ readonly properties: {
812
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
813
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
814
+ };
815
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
812
816
  readonly scale: "colors";
813
817
  }>;
814
818
  borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
815
819
  readonly property: "borderColor";
816
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
820
+ readonly properties: {
821
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
822
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
823
+ };
824
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
817
825
  readonly scale: "colors";
818
826
  }>;
819
827
  borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
820
828
  readonly property: "borderLeftColor";
829
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
821
830
  readonly scale: "colors";
822
831
  }>;
823
832
  borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
824
833
  readonly property: "borderRightColor";
834
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
825
835
  readonly scale: "colors";
826
836
  }>;
827
837
  borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
828
838
  readonly property: "borderTopColor";
839
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
829
840
  readonly scale: "colors";
830
841
  }>;
831
842
  borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
832
843
  readonly property: "borderBottomColor";
844
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
833
845
  readonly scale: "colors";
834
846
  }>;
835
847
  theme?: import("@emotion/react").Theme | undefined;
@@ -1645,28 +1657,40 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1645
1657
  }>;
1646
1658
  borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
1647
1659
  readonly property: "borderColor";
1648
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
1660
+ readonly properties: {
1661
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
1662
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
1663
+ };
1664
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1649
1665
  readonly scale: "colors";
1650
1666
  }>;
1651
1667
  borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
1652
1668
  readonly property: "borderColor";
1653
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
1669
+ readonly properties: {
1670
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
1671
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
1672
+ };
1673
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1654
1674
  readonly scale: "colors";
1655
1675
  }>;
1656
1676
  borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1657
1677
  readonly property: "borderLeftColor";
1678
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1658
1679
  readonly scale: "colors";
1659
1680
  }>;
1660
1681
  borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
1661
1682
  readonly property: "borderRightColor";
1683
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1662
1684
  readonly scale: "colors";
1663
1685
  }>;
1664
1686
  borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
1665
1687
  readonly property: "borderTopColor";
1688
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1666
1689
  readonly scale: "colors";
1667
1690
  }>;
1668
1691
  borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1669
1692
  readonly property: "borderBottomColor";
1693
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1670
1694
  readonly scale: "colors";
1671
1695
  }>;
1672
1696
  theme?: import("@emotion/react").Theme | undefined;
@@ -2463,28 +2487,40 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
2463
2487
  bg?: "beige" | "blue" | "green" | "hyper" | "lightBlue" | "lightGreen" | "navy" | "orange" | "paleBlue" | "paleGreen" | "palePink" | "paleYellow" | "pink" | "paleRed" | "red" | "yellow" | "black" | "white" | "beige-100" | "blue-0" | "blue-100" | "blue-300" | "blue-400" | "blue-500" | "blue-800" | "navy-100" | "navy-300" | "navy-400" | "navy-500" | "navy-800" | "navy-200" | "navy-600" | "navy-700" | "navy-900" | "green-0" | "green-100" | "green-400" | "green-700" | "green-900" | "yellow-0" | "yellow-400" | "yellow-500" | "yellow-900" | "pink-0" | "pink-400" | "red-0" | "red-300" | "red-400" | "red-500" | "red-600" | "red-900" | "orange-100" | "orange-500" | "hyper-400" | "hyper-500" | "gray-100" | "gray-300" | "gray-800" | "gray-200" | "gray-600" | "gray-900" | "white-100" | "white-300" | "white-400" | "white-500" | "white-200" | "white-600" | "white-700" | "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "text-secondary" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-primary" | "background-disabled" | "background-error" | "background-success" | "background-warning" | "background-contrast" | "background-current" | "background-selected" | "background-hover" | "shadow-primary" | "shadow-secondary" | "primary-hover" | "primary-inverse" | "secondary-hover" | "danger-hover" | "interface-hover" | "border-primary" | "border-secondary" | "border-disabled" | "border-tertiary" | undefined;
2464
2488
  borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
2465
2489
  readonly property: "borderColor";
2466
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
2490
+ readonly properties: {
2491
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
2492
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
2493
+ };
2494
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2467
2495
  readonly scale: "colors";
2468
2496
  }>;
2469
2497
  borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
2470
2498
  readonly property: "borderColor";
2471
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
2499
+ readonly properties: {
2500
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
2501
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
2502
+ };
2503
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2472
2504
  readonly scale: "colors";
2473
2505
  }>;
2474
2506
  borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
2475
2507
  readonly property: "borderLeftColor";
2508
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2476
2509
  readonly scale: "colors";
2477
2510
  }>;
2478
2511
  borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
2479
2512
  readonly property: "borderRightColor";
2513
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2480
2514
  readonly scale: "colors";
2481
2515
  }>;
2482
2516
  borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
2483
2517
  readonly property: "borderTopColor";
2518
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2484
2519
  readonly scale: "colors";
2485
2520
  }>;
2486
2521
  borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
2487
2522
  readonly property: "borderBottomColor";
2523
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2488
2524
  readonly scale: "colors";
2489
2525
  }>;
2490
2526
  theme?: import("@emotion/react").Theme | undefined;
package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts CHANGED
@@ -240,28 +240,40 @@ declare const hrProps: import("@codecademy/variance/dist/types/config").Parser<i
240
240
  };
241
241
  readonly borderColorX: {
242
242
  readonly property: "borderColor";
243
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
243
+ readonly properties: {
244
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
245
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
246
+ };
247
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
244
248
  readonly scale: "colors";
245
249
  };
246
250
  readonly borderColorY: {
247
251
  readonly property: "borderColor";
248
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
252
+ readonly properties: {
253
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
254
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
255
+ };
256
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
249
257
  readonly scale: "colors";
250
258
  };
251
259
  readonly borderColorLeft: {
252
260
  readonly property: "borderLeftColor";
261
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
253
262
  readonly scale: "colors";
254
263
  };
255
264
  readonly borderColorRight: {
256
265
  readonly property: "borderRightColor";
266
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
257
267
  readonly scale: "colors";
258
268
  };
259
269
  readonly borderColorTop: {
260
270
  readonly property: "borderTopColor";
271
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
261
272
  readonly scale: "colors";
262
273
  };
263
274
  readonly borderColorBottom: {
264
275
  readonly property: "borderBottomColor";
276
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
265
277
  readonly scale: "colors";
266
278
  };
267
279
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
package/dist/List/elements.d.ts CHANGED
@@ -1189,28 +1189,40 @@ export declare const AnimatedListWrapper: import("@emotion/styled").StyledCompon
1189
1189
  }>;
1190
1190
  borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
1191
1191
  readonly property: "borderColor";
1192
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
1192
+ readonly properties: {
1193
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
1194
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
1195
+ };
1196
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1193
1197
  readonly scale: "colors";
1194
1198
  }>;
1195
1199
  borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
1196
1200
  readonly property: "borderColor";
1197
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
1201
+ readonly properties: {
1202
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
1203
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
1204
+ };
1205
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1198
1206
  readonly scale: "colors";
1199
1207
  }>;
1200
1208
  borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1201
1209
  readonly property: "borderLeftColor";
1210
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1202
1211
  readonly scale: "colors";
1203
1212
  }>;
1204
1213
  borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
1205
1214
  readonly property: "borderRightColor";
1215
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1206
1216
  readonly scale: "colors";
1207
1217
  }>;
1208
1218
  borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
1209
1219
  readonly property: "borderTopColor";
1220
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1210
1221
  readonly scale: "colors";
1211
1222
  }>;
1212
1223
  borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1213
1224
  readonly property: "borderBottomColor";
1225
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1214
1226
  readonly scale: "colors";
1215
1227
  }>;
1216
1228
  theme?: import("@emotion/react").Theme | undefined;
package/dist/Menu/elements.d.ts CHANGED
@@ -506,28 +506,40 @@ declare const listProps: import("@codecademy/variance/dist/types/config").Parser
506
506
  };
507
507
  readonly borderColorX: {
508
508
  readonly property: "borderColor";
509
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
509
+ readonly properties: {
510
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
511
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
512
+ };
513
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
510
514
  readonly scale: "colors";
511
515
  };
512
516
  readonly borderColorY: {
513
517
  readonly property: "borderColor";
514
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
518
+ readonly properties: {
519
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
520
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
521
+ };
522
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
515
523
  readonly scale: "colors";
516
524
  };
517
525
  readonly borderColorLeft: {
518
526
  readonly property: "borderLeftColor";
527
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
519
528
  readonly scale: "colors";
520
529
  };
521
530
  readonly borderColorRight: {
522
531
  readonly property: "borderRightColor";
532
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
523
533
  readonly scale: "colors";
524
534
  };
525
535
  readonly borderColorTop: {
526
536
  readonly property: "borderTopColor";
537
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
527
538
  readonly scale: "colors";
528
539
  };
529
540
  readonly borderColorBottom: {
530
541
  readonly property: "borderBottomColor";
542
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
531
543
  readonly scale: "colors";
532
544
  };
533
545
  }>>]>>;
package/dist/Toggle/elements.d.ts CHANGED
@@ -143,28 +143,40 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
143
143
  }>;
144
144
  borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
145
145
  readonly property: "borderColor";
146
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
146
+ readonly properties: {
147
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
148
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
149
+ };
150
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
147
151
  readonly scale: "colors";
148
152
  }>;
149
153
  borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
150
154
  readonly property: "borderColor";
151
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
155
+ readonly properties: {
156
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
157
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
158
+ };
159
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
152
160
  readonly scale: "colors";
153
161
  }>;
154
162
  borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
155
163
  readonly property: "borderLeftColor";
164
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
156
165
  readonly scale: "colors";
157
166
  }>;
158
167
  borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
159
168
  readonly property: "borderRightColor";
169
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
160
170
  readonly scale: "colors";
161
171
  }>;
162
172
  borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
163
173
  readonly property: "borderTopColor";
174
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
164
175
  readonly scale: "colors";
165
176
  }>;
166
177
  borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
167
178
  readonly property: "borderBottomColor";
179
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
168
180
  readonly scale: "colors";
169
181
  }>;
170
182
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
package/dist/Typography/Text.d.ts CHANGED
@@ -153,28 +153,40 @@ declare const textProps: import("@codecademy/variance/dist/types/config").Parser
153
153
  };
154
154
  readonly borderColorX: {
155
155
  readonly property: "borderColor";
156
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
156
+ readonly properties: {
157
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
158
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
159
+ };
160
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
157
161
  readonly scale: "colors";
158
162
  };
159
163
  readonly borderColorY: {
160
164
  readonly property: "borderColor";
161
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
165
+ readonly properties: {
166
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
167
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
168
+ };
169
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
162
170
  readonly scale: "colors";
163
171
  };
164
172
  readonly borderColorLeft: {
165
173
  readonly property: "borderLeftColor";
174
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
166
175
  readonly scale: "colors";
167
176
  };
168
177
  readonly borderColorRight: {
169
178
  readonly property: "borderRightColor";
179
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
170
180
  readonly scale: "colors";
171
181
  };
172
182
  readonly borderColorTop: {
173
183
  readonly property: "borderTopColor";
184
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
174
185
  readonly scale: "colors";
175
186
  };
176
187
  readonly borderColorBottom: {
177
188
  readonly property: "borderBottomColor";
189
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
178
190
  readonly scale: "colors";
179
191
  };
180
192
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@codecademy/gamut",
3
3
  "description": "Styleguide & Component library for Codecademy",
4
- "version": "68.0.1-alpha.42d772.0",
4
+ "version": "68.0.1-alpha.4746be.0",
5
5
  "author": "Codecademy Engineering <dev@codecademy.com>",
6
6
  "dependencies": {
7
- "@codecademy/gamut-icons": "9.54.3-alpha.42d772.0",
8
- "@codecademy/gamut-illustrations": "0.58.3-alpha.42d772.0",
9
- "@codecademy/gamut-patterns": "0.10.22-alpha.42d772.0",
10
- "@codecademy/gamut-styles": "17.11.3-alpha.42d772.0",
11
- "@codecademy/variance": "0.25.3-alpha.42d772.0",
7
+ "@codecademy/gamut-icons": "9.54.3-alpha.4746be.0",
8
+ "@codecademy/gamut-illustrations": "0.58.3-alpha.4746be.0",
9
+ "@codecademy/gamut-patterns": "0.10.22-alpha.4746be.0",
10
+ "@codecademy/gamut-styles": "17.11.3-alpha.4746be.0",
11
+ "@codecademy/variance": "0.25.3-alpha.4746be.0",
12
12
  "@types/marked": "^4.0.8",
13
13
  "@vidstack/react": "^1.12.12",
14
14
  "classnames": "^2.2.5",
@@ -56,5 +56,5 @@
56
56
  "dist/**/[A-Z]**/[A-Z]*.js",
57
57
  "dist/**/[A-Z]**/index.js"
58
58
  ],
59
- "gitHead": "966031e40ea496ab35d908bbeeabd37314f5fbed"
59
+ "gitHead": "cb33dc6a45070d633af69f28a74cb3e059cd8fab"
60
60
  }