@codecademy/gamut 68.0.1-alpha.e68684.0 → 68.0.1-alpha.e71051.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.
- package/dist/Anchor/index.d.ts +93 -18
- package/dist/Badge/index.d.ts +93 -18
- package/dist/Box/props.d.ts +93 -18
- package/dist/Button/shared/styles.d.ts +93 -18
- package/dist/Card/elements.d.ts +279 -54
- package/dist/Form/elements/Form.d.ts +93 -18
- package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts +33 -6
- package/dist/InternalFloatingCard/InternalFloatingCard.d.ts +63 -12
- package/dist/Layout/Column.d.ts +93 -18
- package/dist/Layout/LayoutGrid.d.ts +60 -12
- package/dist/List/elements.d.ts +186 -36
- package/dist/Menu/elements.d.ts +93 -18
- package/dist/Pagination/AnimatedPaginationButtons.d.ts +95 -20
- package/dist/Pagination/EllipsisButton.d.ts +5 -5
- package/dist/Pagination/EllipsisButton.js +2 -2
- package/dist/Pagination/index.js +4 -4
- package/dist/Pagination/utils.d.ts +93 -18
- package/dist/Pagination/utils.js +1 -1
- package/dist/Tabs/props.d.ts +93 -18
- package/dist/Tag/types.d.ts +93 -18
- package/dist/Toggle/elements.d.ts +120 -24
- package/dist/Typography/Text.d.ts +93 -18
- package/package.json +7 -7
package/dist/Card/elements.d.ts
CHANGED
|
@@ -38,11 +38,19 @@ export declare const MotionBox: import("react").ComponentType<{
|
|
|
38
38
|
dir?: string | undefined;
|
|
39
39
|
className?: string | undefined;
|
|
40
40
|
height?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
41
|
-
readonly property:
|
|
41
|
+
readonly property: {
|
|
42
|
+
readonly physical: "height";
|
|
43
|
+
readonly logical: "blockSize";
|
|
44
|
+
};
|
|
45
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
42
46
|
readonly transform: (value: string | number) => string | 0;
|
|
43
47
|
}>;
|
|
44
48
|
width?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
45
|
-
readonly property:
|
|
49
|
+
readonly property: {
|
|
50
|
+
readonly physical: "width";
|
|
51
|
+
readonly logical: "inlineSize";
|
|
52
|
+
};
|
|
53
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
46
54
|
readonly transform: (value: string | number) => string | 0;
|
|
47
55
|
}>;
|
|
48
56
|
"aria-hidden"?: (boolean | "false" | "true") | undefined;
|
|
@@ -327,6 +335,9 @@ export declare const MotionBox: import("react").ComponentType<{
|
|
|
327
335
|
containerType?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
328
336
|
readonly property: "containerType";
|
|
329
337
|
}>;
|
|
338
|
+
direction?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
339
|
+
readonly property: "direction";
|
|
340
|
+
}>;
|
|
330
341
|
display?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
331
342
|
readonly property: "display";
|
|
332
343
|
}>;
|
|
@@ -384,19 +395,35 @@ export declare const MotionBox: import("react").ComponentType<{
|
|
|
384
395
|
readonly property: "listStyleType";
|
|
385
396
|
}>;
|
|
386
397
|
maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
387
|
-
readonly property:
|
|
398
|
+
readonly property: {
|
|
399
|
+
readonly physical: "maxHeight";
|
|
400
|
+
readonly logical: "maxBlockSize";
|
|
401
|
+
};
|
|
402
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
388
403
|
readonly transform: (value: string | number) => string | 0;
|
|
389
404
|
}>;
|
|
390
405
|
maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
391
|
-
readonly property:
|
|
406
|
+
readonly property: {
|
|
407
|
+
readonly physical: "maxWidth";
|
|
408
|
+
readonly logical: "maxInlineSize";
|
|
409
|
+
};
|
|
410
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
392
411
|
readonly transform: (value: string | number) => string | 0;
|
|
393
412
|
}>;
|
|
394
413
|
minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
395
|
-
readonly property:
|
|
414
|
+
readonly property: {
|
|
415
|
+
readonly physical: "minHeight";
|
|
416
|
+
readonly logical: "minBlockSize";
|
|
417
|
+
};
|
|
418
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
396
419
|
readonly transform: (value: string | number) => string | 0;
|
|
397
420
|
}>;
|
|
398
421
|
minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
399
|
-
readonly property:
|
|
422
|
+
readonly property: {
|
|
423
|
+
readonly physical: "minWidth";
|
|
424
|
+
readonly logical: "minInlineSize";
|
|
425
|
+
};
|
|
426
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
400
427
|
readonly transform: (value: string | number) => string | 0;
|
|
401
428
|
}>;
|
|
402
429
|
opacity?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
@@ -501,29 +528,53 @@ export declare const MotionBox: import("react").ComponentType<{
|
|
|
501
528
|
}>;
|
|
502
529
|
px?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
503
530
|
readonly property: "padding";
|
|
504
|
-
readonly properties:
|
|
531
|
+
readonly properties: {
|
|
532
|
+
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
533
|
+
readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
|
|
534
|
+
};
|
|
505
535
|
readonly scale: "spacing";
|
|
536
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
506
537
|
}>;
|
|
507
538
|
py?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
508
539
|
readonly property: "padding";
|
|
509
|
-
readonly properties:
|
|
540
|
+
readonly properties: {
|
|
541
|
+
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
542
|
+
readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
|
|
543
|
+
};
|
|
510
544
|
readonly scale: "spacing";
|
|
545
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
511
546
|
}>;
|
|
512
547
|
pt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
513
|
-
readonly property:
|
|
548
|
+
readonly property: {
|
|
549
|
+
readonly physical: "paddingTop";
|
|
550
|
+
readonly logical: "paddingBlockStart";
|
|
551
|
+
};
|
|
514
552
|
readonly scale: "spacing";
|
|
553
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
515
554
|
}>;
|
|
516
555
|
pb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
517
|
-
readonly property:
|
|
556
|
+
readonly property: {
|
|
557
|
+
readonly physical: "paddingBottom";
|
|
558
|
+
readonly logical: "paddingBlockEnd";
|
|
559
|
+
};
|
|
518
560
|
readonly scale: "spacing";
|
|
561
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
519
562
|
}>;
|
|
520
563
|
pr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
521
|
-
readonly property:
|
|
564
|
+
readonly property: {
|
|
565
|
+
readonly physical: "paddingRight";
|
|
566
|
+
readonly logical: "paddingInlineEnd";
|
|
567
|
+
};
|
|
522
568
|
readonly scale: "spacing";
|
|
569
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
523
570
|
}>;
|
|
524
571
|
pl?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
525
|
-
readonly property:
|
|
572
|
+
readonly property: {
|
|
573
|
+
readonly physical: "paddingLeft";
|
|
574
|
+
readonly logical: "paddingInlineStart";
|
|
575
|
+
};
|
|
526
576
|
readonly scale: "spacing";
|
|
577
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
527
578
|
}>;
|
|
528
579
|
m?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
529
580
|
readonly property: "margin";
|
|
@@ -531,29 +582,53 @@ export declare const MotionBox: import("react").ComponentType<{
|
|
|
531
582
|
}>;
|
|
532
583
|
mx?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
533
584
|
readonly property: "margin";
|
|
534
|
-
readonly properties:
|
|
585
|
+
readonly properties: {
|
|
586
|
+
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
587
|
+
readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
|
|
588
|
+
};
|
|
589
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
535
590
|
readonly scale: "spacing";
|
|
536
591
|
}>;
|
|
537
592
|
my?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
538
593
|
readonly property: "margin";
|
|
539
|
-
readonly properties:
|
|
594
|
+
readonly properties: {
|
|
595
|
+
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
596
|
+
readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
|
|
597
|
+
};
|
|
598
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
540
599
|
readonly scale: "spacing";
|
|
541
600
|
}>;
|
|
542
601
|
mt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
543
|
-
readonly property:
|
|
602
|
+
readonly property: {
|
|
603
|
+
readonly physical: "marginTop";
|
|
604
|
+
readonly logical: "marginBlockStart";
|
|
605
|
+
};
|
|
544
606
|
readonly scale: "spacing";
|
|
607
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
545
608
|
}>;
|
|
546
609
|
mb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
547
|
-
readonly property:
|
|
610
|
+
readonly property: {
|
|
611
|
+
readonly physical: "marginBottom";
|
|
612
|
+
readonly logical: "marginBlockEnd";
|
|
613
|
+
};
|
|
548
614
|
readonly scale: "spacing";
|
|
615
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
549
616
|
}>;
|
|
550
617
|
mr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
551
|
-
readonly property:
|
|
618
|
+
readonly property: {
|
|
619
|
+
readonly physical: "marginRight";
|
|
620
|
+
readonly logical: "marginInlineEnd";
|
|
621
|
+
};
|
|
552
622
|
readonly scale: "spacing";
|
|
623
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
553
624
|
}>;
|
|
554
625
|
ml?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
555
|
-
readonly property:
|
|
626
|
+
readonly property: {
|
|
627
|
+
readonly physical: "marginLeft";
|
|
628
|
+
readonly logical: "marginInlineStart";
|
|
629
|
+
};
|
|
556
630
|
readonly scale: "spacing";
|
|
631
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
557
632
|
}>;
|
|
558
633
|
borderX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
559
634
|
readonly property: "border";
|
|
@@ -723,11 +798,19 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
723
798
|
dir?: string | undefined;
|
|
724
799
|
className?: string | undefined;
|
|
725
800
|
height?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
726
|
-
readonly property:
|
|
801
|
+
readonly property: {
|
|
802
|
+
readonly physical: "height";
|
|
803
|
+
readonly logical: "blockSize";
|
|
804
|
+
};
|
|
805
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
727
806
|
readonly transform: (value: string | number) => string | 0;
|
|
728
807
|
}>;
|
|
729
808
|
width?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
730
|
-
readonly property:
|
|
809
|
+
readonly property: {
|
|
810
|
+
readonly physical: "width";
|
|
811
|
+
readonly logical: "inlineSize";
|
|
812
|
+
};
|
|
813
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
731
814
|
readonly transform: (value: string | number) => string | 0;
|
|
732
815
|
}>;
|
|
733
816
|
"aria-hidden"?: (boolean | "false" | "true") | undefined;
|
|
@@ -1012,6 +1095,9 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1012
1095
|
containerType?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1013
1096
|
readonly property: "containerType";
|
|
1014
1097
|
}>;
|
|
1098
|
+
direction?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1099
|
+
readonly property: "direction";
|
|
1100
|
+
}>;
|
|
1015
1101
|
display?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1016
1102
|
readonly property: "display";
|
|
1017
1103
|
}>;
|
|
@@ -1069,19 +1155,35 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1069
1155
|
readonly property: "listStyleType";
|
|
1070
1156
|
}>;
|
|
1071
1157
|
maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1072
|
-
readonly property:
|
|
1158
|
+
readonly property: {
|
|
1159
|
+
readonly physical: "maxHeight";
|
|
1160
|
+
readonly logical: "maxBlockSize";
|
|
1161
|
+
};
|
|
1162
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1073
1163
|
readonly transform: (value: string | number) => string | 0;
|
|
1074
1164
|
}>;
|
|
1075
1165
|
maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1076
|
-
readonly property:
|
|
1166
|
+
readonly property: {
|
|
1167
|
+
readonly physical: "maxWidth";
|
|
1168
|
+
readonly logical: "maxInlineSize";
|
|
1169
|
+
};
|
|
1170
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1077
1171
|
readonly transform: (value: string | number) => string | 0;
|
|
1078
1172
|
}>;
|
|
1079
1173
|
minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1080
|
-
readonly property:
|
|
1174
|
+
readonly property: {
|
|
1175
|
+
readonly physical: "minHeight";
|
|
1176
|
+
readonly logical: "minBlockSize";
|
|
1177
|
+
};
|
|
1178
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1081
1179
|
readonly transform: (value: string | number) => string | 0;
|
|
1082
1180
|
}>;
|
|
1083
1181
|
minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1084
|
-
readonly property:
|
|
1182
|
+
readonly property: {
|
|
1183
|
+
readonly physical: "minWidth";
|
|
1184
|
+
readonly logical: "minInlineSize";
|
|
1185
|
+
};
|
|
1186
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1085
1187
|
readonly transform: (value: string | number) => string | 0;
|
|
1086
1188
|
}>;
|
|
1087
1189
|
opacity?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
@@ -1186,29 +1288,53 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1186
1288
|
}>;
|
|
1187
1289
|
px?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1188
1290
|
readonly property: "padding";
|
|
1189
|
-
readonly properties:
|
|
1291
|
+
readonly properties: {
|
|
1292
|
+
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
1293
|
+
readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
|
|
1294
|
+
};
|
|
1190
1295
|
readonly scale: "spacing";
|
|
1296
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1191
1297
|
}>;
|
|
1192
1298
|
py?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1193
1299
|
readonly property: "padding";
|
|
1194
|
-
readonly properties:
|
|
1300
|
+
readonly properties: {
|
|
1301
|
+
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
1302
|
+
readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
|
|
1303
|
+
};
|
|
1195
1304
|
readonly scale: "spacing";
|
|
1305
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1196
1306
|
}>;
|
|
1197
1307
|
pt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1198
|
-
readonly property:
|
|
1308
|
+
readonly property: {
|
|
1309
|
+
readonly physical: "paddingTop";
|
|
1310
|
+
readonly logical: "paddingBlockStart";
|
|
1311
|
+
};
|
|
1199
1312
|
readonly scale: "spacing";
|
|
1313
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1200
1314
|
}>;
|
|
1201
1315
|
pb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1202
|
-
readonly property:
|
|
1316
|
+
readonly property: {
|
|
1317
|
+
readonly physical: "paddingBottom";
|
|
1318
|
+
readonly logical: "paddingBlockEnd";
|
|
1319
|
+
};
|
|
1203
1320
|
readonly scale: "spacing";
|
|
1321
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1204
1322
|
}>;
|
|
1205
1323
|
pr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1206
|
-
readonly property:
|
|
1324
|
+
readonly property: {
|
|
1325
|
+
readonly physical: "paddingRight";
|
|
1326
|
+
readonly logical: "paddingInlineEnd";
|
|
1327
|
+
};
|
|
1207
1328
|
readonly scale: "spacing";
|
|
1329
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1208
1330
|
}>;
|
|
1209
1331
|
pl?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1210
|
-
readonly property:
|
|
1332
|
+
readonly property: {
|
|
1333
|
+
readonly physical: "paddingLeft";
|
|
1334
|
+
readonly logical: "paddingInlineStart";
|
|
1335
|
+
};
|
|
1211
1336
|
readonly scale: "spacing";
|
|
1337
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1212
1338
|
}>;
|
|
1213
1339
|
m?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1214
1340
|
readonly property: "margin";
|
|
@@ -1216,29 +1342,53 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1216
1342
|
}>;
|
|
1217
1343
|
mx?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1218
1344
|
readonly property: "margin";
|
|
1219
|
-
readonly properties:
|
|
1345
|
+
readonly properties: {
|
|
1346
|
+
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
1347
|
+
readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
|
|
1348
|
+
};
|
|
1349
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1220
1350
|
readonly scale: "spacing";
|
|
1221
1351
|
}>;
|
|
1222
1352
|
my?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1223
1353
|
readonly property: "margin";
|
|
1224
|
-
readonly properties:
|
|
1354
|
+
readonly properties: {
|
|
1355
|
+
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
1356
|
+
readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
|
|
1357
|
+
};
|
|
1358
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1225
1359
|
readonly scale: "spacing";
|
|
1226
1360
|
}>;
|
|
1227
1361
|
mt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1228
|
-
readonly property:
|
|
1362
|
+
readonly property: {
|
|
1363
|
+
readonly physical: "marginTop";
|
|
1364
|
+
readonly logical: "marginBlockStart";
|
|
1365
|
+
};
|
|
1229
1366
|
readonly scale: "spacing";
|
|
1367
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1230
1368
|
}>;
|
|
1231
1369
|
mb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1232
|
-
readonly property:
|
|
1370
|
+
readonly property: {
|
|
1371
|
+
readonly physical: "marginBottom";
|
|
1372
|
+
readonly logical: "marginBlockEnd";
|
|
1373
|
+
};
|
|
1233
1374
|
readonly scale: "spacing";
|
|
1375
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1234
1376
|
}>;
|
|
1235
1377
|
mr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1236
|
-
readonly property:
|
|
1378
|
+
readonly property: {
|
|
1379
|
+
readonly physical: "marginRight";
|
|
1380
|
+
readonly logical: "marginInlineEnd";
|
|
1381
|
+
};
|
|
1237
1382
|
readonly scale: "spacing";
|
|
1383
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1238
1384
|
}>;
|
|
1239
1385
|
ml?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1240
|
-
readonly property:
|
|
1386
|
+
readonly property: {
|
|
1387
|
+
readonly physical: "marginLeft";
|
|
1388
|
+
readonly logical: "marginInlineStart";
|
|
1389
|
+
};
|
|
1241
1390
|
readonly scale: "spacing";
|
|
1391
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1242
1392
|
}>;
|
|
1243
1393
|
borderX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1244
1394
|
readonly property: "border";
|
|
@@ -1394,11 +1544,19 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1394
1544
|
dir?: string | undefined;
|
|
1395
1545
|
className?: string | undefined;
|
|
1396
1546
|
height?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1397
|
-
readonly property:
|
|
1547
|
+
readonly property: {
|
|
1548
|
+
readonly physical: "height";
|
|
1549
|
+
readonly logical: "blockSize";
|
|
1550
|
+
};
|
|
1551
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1398
1552
|
readonly transform: (value: string | number) => string | 0;
|
|
1399
1553
|
}>;
|
|
1400
1554
|
width?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1401
|
-
readonly property:
|
|
1555
|
+
readonly property: {
|
|
1556
|
+
readonly physical: "width";
|
|
1557
|
+
readonly logical: "inlineSize";
|
|
1558
|
+
};
|
|
1559
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1402
1560
|
readonly transform: (value: string | number) => string | 0;
|
|
1403
1561
|
}>;
|
|
1404
1562
|
"aria-hidden"?: (boolean | "false" | "true") | undefined;
|
|
@@ -1686,6 +1844,9 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1686
1844
|
containerType?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1687
1845
|
readonly property: "containerType";
|
|
1688
1846
|
}>;
|
|
1847
|
+
direction?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1848
|
+
readonly property: "direction";
|
|
1849
|
+
}>;
|
|
1689
1850
|
display?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1690
1851
|
readonly property: "display";
|
|
1691
1852
|
}>;
|
|
@@ -1748,19 +1909,35 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1748
1909
|
readonly transform: (value: string | number) => string | 0;
|
|
1749
1910
|
}>;
|
|
1750
1911
|
maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1751
|
-
readonly property:
|
|
1912
|
+
readonly property: {
|
|
1913
|
+
readonly physical: "maxHeight";
|
|
1914
|
+
readonly logical: "maxBlockSize";
|
|
1915
|
+
};
|
|
1916
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1752
1917
|
readonly transform: (value: string | number) => string | 0;
|
|
1753
1918
|
}>;
|
|
1754
1919
|
maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1755
|
-
readonly property:
|
|
1920
|
+
readonly property: {
|
|
1921
|
+
readonly physical: "maxWidth";
|
|
1922
|
+
readonly logical: "maxInlineSize";
|
|
1923
|
+
};
|
|
1924
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1756
1925
|
readonly transform: (value: string | number) => string | 0;
|
|
1757
1926
|
}>;
|
|
1758
1927
|
minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1759
|
-
readonly property:
|
|
1928
|
+
readonly property: {
|
|
1929
|
+
readonly physical: "minHeight";
|
|
1930
|
+
readonly logical: "minBlockSize";
|
|
1931
|
+
};
|
|
1932
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1760
1933
|
readonly transform: (value: string | number) => string | 0;
|
|
1761
1934
|
}>;
|
|
1762
1935
|
minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1763
|
-
readonly property:
|
|
1936
|
+
readonly property: {
|
|
1937
|
+
readonly physical: "minWidth";
|
|
1938
|
+
readonly logical: "minInlineSize";
|
|
1939
|
+
};
|
|
1940
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1764
1941
|
readonly transform: (value: string | number) => string | 0;
|
|
1765
1942
|
}>;
|
|
1766
1943
|
opacity?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
@@ -1855,29 +2032,53 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1855
2032
|
}>;
|
|
1856
2033
|
px?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1857
2034
|
readonly property: "padding";
|
|
1858
|
-
readonly properties:
|
|
2035
|
+
readonly properties: {
|
|
2036
|
+
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
2037
|
+
readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
|
|
2038
|
+
};
|
|
1859
2039
|
readonly scale: "spacing";
|
|
2040
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1860
2041
|
}>;
|
|
1861
2042
|
py?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1862
2043
|
readonly property: "padding";
|
|
1863
|
-
readonly properties:
|
|
2044
|
+
readonly properties: {
|
|
2045
|
+
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
2046
|
+
readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
|
|
2047
|
+
};
|
|
1864
2048
|
readonly scale: "spacing";
|
|
2049
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1865
2050
|
}>;
|
|
1866
2051
|
pt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1867
|
-
readonly property:
|
|
2052
|
+
readonly property: {
|
|
2053
|
+
readonly physical: "paddingTop";
|
|
2054
|
+
readonly logical: "paddingBlockStart";
|
|
2055
|
+
};
|
|
1868
2056
|
readonly scale: "spacing";
|
|
2057
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1869
2058
|
}>;
|
|
1870
2059
|
pb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1871
|
-
readonly property:
|
|
2060
|
+
readonly property: {
|
|
2061
|
+
readonly physical: "paddingBottom";
|
|
2062
|
+
readonly logical: "paddingBlockEnd";
|
|
2063
|
+
};
|
|
1872
2064
|
readonly scale: "spacing";
|
|
2065
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1873
2066
|
}>;
|
|
1874
2067
|
pr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1875
|
-
readonly property:
|
|
2068
|
+
readonly property: {
|
|
2069
|
+
readonly physical: "paddingRight";
|
|
2070
|
+
readonly logical: "paddingInlineEnd";
|
|
2071
|
+
};
|
|
1876
2072
|
readonly scale: "spacing";
|
|
2073
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1877
2074
|
}>;
|
|
1878
2075
|
pl?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1879
|
-
readonly property:
|
|
2076
|
+
readonly property: {
|
|
2077
|
+
readonly physical: "paddingLeft";
|
|
2078
|
+
readonly logical: "paddingInlineStart";
|
|
2079
|
+
};
|
|
1880
2080
|
readonly scale: "spacing";
|
|
2081
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1881
2082
|
}>;
|
|
1882
2083
|
m?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1883
2084
|
readonly property: "margin";
|
|
@@ -1885,29 +2086,53 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1885
2086
|
}>;
|
|
1886
2087
|
mx?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1887
2088
|
readonly property: "margin";
|
|
1888
|
-
readonly properties:
|
|
2089
|
+
readonly properties: {
|
|
2090
|
+
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
2091
|
+
readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
|
|
2092
|
+
};
|
|
2093
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1889
2094
|
readonly scale: "spacing";
|
|
1890
2095
|
}>;
|
|
1891
2096
|
my?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1892
2097
|
readonly property: "margin";
|
|
1893
|
-
readonly properties:
|
|
2098
|
+
readonly properties: {
|
|
2099
|
+
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
2100
|
+
readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
|
|
2101
|
+
};
|
|
2102
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1894
2103
|
readonly scale: "spacing";
|
|
1895
2104
|
}>;
|
|
1896
2105
|
mt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1897
|
-
readonly property:
|
|
2106
|
+
readonly property: {
|
|
2107
|
+
readonly physical: "marginTop";
|
|
2108
|
+
readonly logical: "marginBlockStart";
|
|
2109
|
+
};
|
|
1898
2110
|
readonly scale: "spacing";
|
|
2111
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1899
2112
|
}>;
|
|
1900
2113
|
mb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1901
|
-
readonly property:
|
|
2114
|
+
readonly property: {
|
|
2115
|
+
readonly physical: "marginBottom";
|
|
2116
|
+
readonly logical: "marginBlockEnd";
|
|
2117
|
+
};
|
|
1902
2118
|
readonly scale: "spacing";
|
|
2119
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1903
2120
|
}>;
|
|
1904
2121
|
mr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1905
|
-
readonly property:
|
|
2122
|
+
readonly property: {
|
|
2123
|
+
readonly physical: "marginRight";
|
|
2124
|
+
readonly logical: "marginInlineEnd";
|
|
2125
|
+
};
|
|
1906
2126
|
readonly scale: "spacing";
|
|
2127
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1907
2128
|
}>;
|
|
1908
2129
|
ml?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1909
|
-
readonly property:
|
|
2130
|
+
readonly property: {
|
|
2131
|
+
readonly physical: "marginLeft";
|
|
2132
|
+
readonly logical: "marginInlineStart";
|
|
2133
|
+
};
|
|
1910
2134
|
readonly scale: "spacing";
|
|
2135
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1911
2136
|
}>;
|
|
1912
2137
|
borderX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1913
2138
|
readonly property: "border";
|