@codecademy/gamut 68.0.1-alpha.897add.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.
- package/LICENSE +21 -0
- package/dist/Anchor/index.d.ts +60 -12
- package/dist/Badge/index.d.ts +60 -12
- package/dist/Box/props.d.ts +120 -24
- package/dist/Button/shared/styles.d.ts +120 -24
- package/dist/Card/elements.d.ts +360 -72
- package/dist/Form/elements/Form.d.ts +120 -24
- package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts +60 -12
- package/dist/InternalFloatingCard/InternalFloatingCard.d.ts +30 -6
- package/dist/Layout/Column.d.ts +60 -12
- package/dist/Layout/LayoutGrid.d.ts +60 -12
- package/dist/List/elements.d.ts +180 -36
- package/dist/Menu/elements.d.ts +120 -24
- package/dist/Pagination/AnimatedPaginationButtons.d.ts +120 -24
- package/dist/Pagination/utils.d.ts +120 -24
- package/dist/Tabs/props.d.ts +60 -12
- package/dist/Tag/types.d.ts +60 -12
- package/dist/Toggle/elements.d.ts +120 -24
- package/dist/Typography/Text.d.ts +60 -12
- package/package.json +8 -7
|
@@ -369,11 +369,19 @@ export declare const AnimatedFadeButton: (props: {
|
|
|
369
369
|
readonly property: "zIndex";
|
|
370
370
|
}>;
|
|
371
371
|
borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
372
|
-
readonly property:
|
|
372
|
+
readonly property: {
|
|
373
|
+
readonly physical: "borderBottom";
|
|
374
|
+
readonly logical: "borderBlockEnd";
|
|
375
|
+
};
|
|
376
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
373
377
|
readonly scale: "borders";
|
|
374
378
|
}>;
|
|
375
379
|
borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
376
|
-
readonly property:
|
|
380
|
+
readonly property: {
|
|
381
|
+
readonly physical: "borderLeft";
|
|
382
|
+
readonly logical: "borderInlineStart";
|
|
383
|
+
};
|
|
384
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
377
385
|
readonly scale: "borders";
|
|
378
386
|
}>;
|
|
379
387
|
borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
@@ -381,14 +389,22 @@ export declare const AnimatedFadeButton: (props: {
|
|
|
381
389
|
readonly scale: "borderRadii";
|
|
382
390
|
}>;
|
|
383
391
|
borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
384
|
-
readonly property:
|
|
392
|
+
readonly property: {
|
|
393
|
+
readonly physical: "borderRight";
|
|
394
|
+
readonly logical: "borderInlineEnd";
|
|
395
|
+
};
|
|
396
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
385
397
|
readonly scale: "borders";
|
|
386
398
|
}>;
|
|
387
399
|
borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
388
400
|
readonly property: "borderStyle";
|
|
389
401
|
}>;
|
|
390
402
|
borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
391
|
-
readonly property:
|
|
403
|
+
readonly property: {
|
|
404
|
+
readonly physical: "borderTop";
|
|
405
|
+
readonly logical: "borderBlockStart";
|
|
406
|
+
};
|
|
407
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
392
408
|
readonly scale: "borders";
|
|
393
409
|
}>;
|
|
394
410
|
borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
@@ -418,29 +434,53 @@ export declare const AnimatedFadeButton: (props: {
|
|
|
418
434
|
ellipsis?: boolean | undefined;
|
|
419
435
|
px?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
420
436
|
readonly property: "padding";
|
|
421
|
-
readonly properties:
|
|
437
|
+
readonly properties: {
|
|
438
|
+
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
439
|
+
readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
|
|
440
|
+
};
|
|
422
441
|
readonly scale: "spacing";
|
|
442
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
423
443
|
}>;
|
|
424
444
|
py?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
425
445
|
readonly property: "padding";
|
|
426
|
-
readonly properties:
|
|
446
|
+
readonly properties: {
|
|
447
|
+
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
448
|
+
readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
|
|
449
|
+
};
|
|
427
450
|
readonly scale: "spacing";
|
|
451
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
428
452
|
}>;
|
|
429
453
|
pt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
430
|
-
readonly property:
|
|
454
|
+
readonly property: {
|
|
455
|
+
readonly physical: "paddingTop";
|
|
456
|
+
readonly logical: "paddingBlockStart";
|
|
457
|
+
};
|
|
431
458
|
readonly scale: "spacing";
|
|
459
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
432
460
|
}>;
|
|
433
461
|
pb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
434
|
-
readonly property:
|
|
462
|
+
readonly property: {
|
|
463
|
+
readonly physical: "paddingBottom";
|
|
464
|
+
readonly logical: "paddingBlockEnd";
|
|
465
|
+
};
|
|
435
466
|
readonly scale: "spacing";
|
|
467
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
436
468
|
}>;
|
|
437
469
|
pr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
438
|
-
readonly property:
|
|
470
|
+
readonly property: {
|
|
471
|
+
readonly physical: "paddingRight";
|
|
472
|
+
readonly logical: "paddingInlineEnd";
|
|
473
|
+
};
|
|
439
474
|
readonly scale: "spacing";
|
|
475
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
440
476
|
}>;
|
|
441
477
|
pl?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
442
|
-
readonly property:
|
|
478
|
+
readonly property: {
|
|
479
|
+
readonly physical: "paddingLeft";
|
|
480
|
+
readonly logical: "paddingInlineStart";
|
|
481
|
+
};
|
|
443
482
|
readonly scale: "spacing";
|
|
483
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
444
484
|
}>;
|
|
445
485
|
m?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
446
486
|
readonly property: "margin";
|
|
@@ -448,59 +488,115 @@ export declare const AnimatedFadeButton: (props: {
|
|
|
448
488
|
}>;
|
|
449
489
|
mx?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
450
490
|
readonly property: "margin";
|
|
451
|
-
readonly properties:
|
|
491
|
+
readonly properties: {
|
|
492
|
+
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
493
|
+
readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
|
|
494
|
+
};
|
|
495
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
452
496
|
readonly scale: "spacing";
|
|
453
497
|
}>;
|
|
454
498
|
my?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
455
499
|
readonly property: "margin";
|
|
456
|
-
readonly properties:
|
|
500
|
+
readonly properties: {
|
|
501
|
+
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
502
|
+
readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
|
|
503
|
+
};
|
|
504
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
457
505
|
readonly scale: "spacing";
|
|
458
506
|
}>;
|
|
459
507
|
mt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
460
|
-
readonly property:
|
|
508
|
+
readonly property: {
|
|
509
|
+
readonly physical: "marginTop";
|
|
510
|
+
readonly logical: "marginBlockStart";
|
|
511
|
+
};
|
|
461
512
|
readonly scale: "spacing";
|
|
513
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
462
514
|
}>;
|
|
463
515
|
mb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
464
|
-
readonly property:
|
|
516
|
+
readonly property: {
|
|
517
|
+
readonly physical: "marginBottom";
|
|
518
|
+
readonly logical: "marginBlockEnd";
|
|
519
|
+
};
|
|
465
520
|
readonly scale: "spacing";
|
|
521
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
466
522
|
}>;
|
|
467
523
|
mr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
468
|
-
readonly property:
|
|
524
|
+
readonly property: {
|
|
525
|
+
readonly physical: "marginRight";
|
|
526
|
+
readonly logical: "marginInlineEnd";
|
|
527
|
+
};
|
|
469
528
|
readonly scale: "spacing";
|
|
529
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
470
530
|
}>;
|
|
471
531
|
ml?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
472
|
-
readonly property:
|
|
532
|
+
readonly property: {
|
|
533
|
+
readonly physical: "marginLeft";
|
|
534
|
+
readonly logical: "marginInlineStart";
|
|
535
|
+
};
|
|
473
536
|
readonly scale: "spacing";
|
|
537
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
474
538
|
}>;
|
|
475
539
|
borderX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
476
540
|
readonly property: "border";
|
|
477
|
-
readonly properties:
|
|
541
|
+
readonly properties: {
|
|
542
|
+
readonly physical: readonly ["borderLeft", "borderRight"];
|
|
543
|
+
readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
|
|
544
|
+
};
|
|
545
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
478
546
|
readonly scale: "borders";
|
|
479
547
|
}>;
|
|
480
548
|
borderY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
481
549
|
readonly property: "border";
|
|
482
|
-
readonly properties:
|
|
550
|
+
readonly properties: {
|
|
551
|
+
readonly physical: readonly ["borderTop", "borderBottom"];
|
|
552
|
+
readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
|
|
553
|
+
};
|
|
554
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
483
555
|
readonly scale: "borders";
|
|
484
556
|
}>;
|
|
485
557
|
borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
486
558
|
readonly property: "borderWidth";
|
|
487
|
-
readonly properties:
|
|
559
|
+
readonly properties: {
|
|
560
|
+
readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
|
|
561
|
+
readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
|
|
562
|
+
};
|
|
563
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
488
564
|
}>;
|
|
489
565
|
borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
490
566
|
readonly property: "borderWidth";
|
|
491
|
-
readonly properties:
|
|
567
|
+
readonly properties: {
|
|
568
|
+
readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
|
|
569
|
+
readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
|
|
570
|
+
};
|
|
571
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
492
572
|
}>;
|
|
493
573
|
borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
494
|
-
readonly property:
|
|
574
|
+
readonly property: {
|
|
575
|
+
readonly physical: "borderLeftWidth";
|
|
576
|
+
readonly logical: "borderInlineStartWidth";
|
|
577
|
+
};
|
|
578
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
495
579
|
}>;
|
|
496
580
|
borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
497
|
-
readonly property:
|
|
581
|
+
readonly property: {
|
|
582
|
+
readonly physical: "borderRightWidth";
|
|
583
|
+
readonly logical: "borderInlineEndWidth";
|
|
584
|
+
};
|
|
585
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
498
586
|
}>;
|
|
499
587
|
borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
500
|
-
readonly property:
|
|
588
|
+
readonly property: {
|
|
589
|
+
readonly physical: "borderTopWidth";
|
|
590
|
+
readonly logical: "borderBlockStartWidth";
|
|
591
|
+
};
|
|
592
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
501
593
|
}>;
|
|
502
594
|
borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
503
|
-
readonly property:
|
|
595
|
+
readonly property: {
|
|
596
|
+
readonly physical: "borderBottomWidth";
|
|
597
|
+
readonly logical: "borderBlockEndWidth";
|
|
598
|
+
};
|
|
599
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
504
600
|
}>;
|
|
505
601
|
borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
506
602
|
readonly property: "borderRadius";
|
|
@@ -381,11 +381,19 @@ export declare const createAnimatedFadeButton: (WrappedComponent: typeof Paginat
|
|
|
381
381
|
readonly property: "zIndex";
|
|
382
382
|
}>;
|
|
383
383
|
borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
384
|
-
readonly property:
|
|
384
|
+
readonly property: {
|
|
385
|
+
readonly physical: "borderBottom";
|
|
386
|
+
readonly logical: "borderBlockEnd";
|
|
387
|
+
};
|
|
388
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
385
389
|
readonly scale: "borders";
|
|
386
390
|
}>;
|
|
387
391
|
borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
388
|
-
readonly property:
|
|
392
|
+
readonly property: {
|
|
393
|
+
readonly physical: "borderLeft";
|
|
394
|
+
readonly logical: "borderInlineStart";
|
|
395
|
+
};
|
|
396
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
389
397
|
readonly scale: "borders";
|
|
390
398
|
}>;
|
|
391
399
|
borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
@@ -393,14 +401,22 @@ export declare const createAnimatedFadeButton: (WrappedComponent: typeof Paginat
|
|
|
393
401
|
readonly scale: "borderRadii";
|
|
394
402
|
}>;
|
|
395
403
|
borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
396
|
-
readonly property:
|
|
404
|
+
readonly property: {
|
|
405
|
+
readonly physical: "borderRight";
|
|
406
|
+
readonly logical: "borderInlineEnd";
|
|
407
|
+
};
|
|
408
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
397
409
|
readonly scale: "borders";
|
|
398
410
|
}>;
|
|
399
411
|
borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
400
412
|
readonly property: "borderStyle";
|
|
401
413
|
}>;
|
|
402
414
|
borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
403
|
-
readonly property:
|
|
415
|
+
readonly property: {
|
|
416
|
+
readonly physical: "borderTop";
|
|
417
|
+
readonly logical: "borderBlockStart";
|
|
418
|
+
};
|
|
419
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
404
420
|
readonly scale: "borders";
|
|
405
421
|
}>;
|
|
406
422
|
borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
@@ -430,29 +446,53 @@ export declare const createAnimatedFadeButton: (WrappedComponent: typeof Paginat
|
|
|
430
446
|
ellipsis?: boolean | undefined;
|
|
431
447
|
px?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
432
448
|
readonly property: "padding";
|
|
433
|
-
readonly properties:
|
|
449
|
+
readonly properties: {
|
|
450
|
+
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
451
|
+
readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
|
|
452
|
+
};
|
|
434
453
|
readonly scale: "spacing";
|
|
454
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
435
455
|
}>;
|
|
436
456
|
py?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
437
457
|
readonly property: "padding";
|
|
438
|
-
readonly properties:
|
|
458
|
+
readonly properties: {
|
|
459
|
+
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
460
|
+
readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
|
|
461
|
+
};
|
|
439
462
|
readonly scale: "spacing";
|
|
463
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
440
464
|
}>;
|
|
441
465
|
pt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
442
|
-
readonly property:
|
|
466
|
+
readonly property: {
|
|
467
|
+
readonly physical: "paddingTop";
|
|
468
|
+
readonly logical: "paddingBlockStart";
|
|
469
|
+
};
|
|
443
470
|
readonly scale: "spacing";
|
|
471
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
444
472
|
}>;
|
|
445
473
|
pb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
446
|
-
readonly property:
|
|
474
|
+
readonly property: {
|
|
475
|
+
readonly physical: "paddingBottom";
|
|
476
|
+
readonly logical: "paddingBlockEnd";
|
|
477
|
+
};
|
|
447
478
|
readonly scale: "spacing";
|
|
479
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
448
480
|
}>;
|
|
449
481
|
pr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
450
|
-
readonly property:
|
|
482
|
+
readonly property: {
|
|
483
|
+
readonly physical: "paddingRight";
|
|
484
|
+
readonly logical: "paddingInlineEnd";
|
|
485
|
+
};
|
|
451
486
|
readonly scale: "spacing";
|
|
487
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
452
488
|
}>;
|
|
453
489
|
pl?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
454
|
-
readonly property:
|
|
490
|
+
readonly property: {
|
|
491
|
+
readonly physical: "paddingLeft";
|
|
492
|
+
readonly logical: "paddingInlineStart";
|
|
493
|
+
};
|
|
455
494
|
readonly scale: "spacing";
|
|
495
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
456
496
|
}>;
|
|
457
497
|
m?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
458
498
|
readonly property: "margin";
|
|
@@ -460,59 +500,115 @@ export declare const createAnimatedFadeButton: (WrappedComponent: typeof Paginat
|
|
|
460
500
|
}>;
|
|
461
501
|
mx?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
462
502
|
readonly property: "margin";
|
|
463
|
-
readonly properties:
|
|
503
|
+
readonly properties: {
|
|
504
|
+
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
505
|
+
readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
|
|
506
|
+
};
|
|
507
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
464
508
|
readonly scale: "spacing";
|
|
465
509
|
}>;
|
|
466
510
|
my?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
467
511
|
readonly property: "margin";
|
|
468
|
-
readonly properties:
|
|
512
|
+
readonly properties: {
|
|
513
|
+
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
514
|
+
readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
|
|
515
|
+
};
|
|
516
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
469
517
|
readonly scale: "spacing";
|
|
470
518
|
}>;
|
|
471
519
|
mt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
472
|
-
readonly property:
|
|
520
|
+
readonly property: {
|
|
521
|
+
readonly physical: "marginTop";
|
|
522
|
+
readonly logical: "marginBlockStart";
|
|
523
|
+
};
|
|
473
524
|
readonly scale: "spacing";
|
|
525
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
474
526
|
}>;
|
|
475
527
|
mb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
476
|
-
readonly property:
|
|
528
|
+
readonly property: {
|
|
529
|
+
readonly physical: "marginBottom";
|
|
530
|
+
readonly logical: "marginBlockEnd";
|
|
531
|
+
};
|
|
477
532
|
readonly scale: "spacing";
|
|
533
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
478
534
|
}>;
|
|
479
535
|
mr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
480
|
-
readonly property:
|
|
536
|
+
readonly property: {
|
|
537
|
+
readonly physical: "marginRight";
|
|
538
|
+
readonly logical: "marginInlineEnd";
|
|
539
|
+
};
|
|
481
540
|
readonly scale: "spacing";
|
|
541
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
482
542
|
}>;
|
|
483
543
|
ml?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
484
|
-
readonly property:
|
|
544
|
+
readonly property: {
|
|
545
|
+
readonly physical: "marginLeft";
|
|
546
|
+
readonly logical: "marginInlineStart";
|
|
547
|
+
};
|
|
485
548
|
readonly scale: "spacing";
|
|
549
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
486
550
|
}>;
|
|
487
551
|
borderX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
488
552
|
readonly property: "border";
|
|
489
|
-
readonly properties:
|
|
553
|
+
readonly properties: {
|
|
554
|
+
readonly physical: readonly ["borderLeft", "borderRight"];
|
|
555
|
+
readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
|
|
556
|
+
};
|
|
557
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
490
558
|
readonly scale: "borders";
|
|
491
559
|
}>;
|
|
492
560
|
borderY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
493
561
|
readonly property: "border";
|
|
494
|
-
readonly properties:
|
|
562
|
+
readonly properties: {
|
|
563
|
+
readonly physical: readonly ["borderTop", "borderBottom"];
|
|
564
|
+
readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
|
|
565
|
+
};
|
|
566
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
495
567
|
readonly scale: "borders";
|
|
496
568
|
}>;
|
|
497
569
|
borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
498
570
|
readonly property: "borderWidth";
|
|
499
|
-
readonly properties:
|
|
571
|
+
readonly properties: {
|
|
572
|
+
readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
|
|
573
|
+
readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
|
|
574
|
+
};
|
|
575
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
500
576
|
}>;
|
|
501
577
|
borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
502
578
|
readonly property: "borderWidth";
|
|
503
|
-
readonly properties:
|
|
579
|
+
readonly properties: {
|
|
580
|
+
readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
|
|
581
|
+
readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
|
|
582
|
+
};
|
|
583
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
504
584
|
}>;
|
|
505
585
|
borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
506
|
-
readonly property:
|
|
586
|
+
readonly property: {
|
|
587
|
+
readonly physical: "borderLeftWidth";
|
|
588
|
+
readonly logical: "borderInlineStartWidth";
|
|
589
|
+
};
|
|
590
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
507
591
|
}>;
|
|
508
592
|
borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
509
|
-
readonly property:
|
|
593
|
+
readonly property: {
|
|
594
|
+
readonly physical: "borderRightWidth";
|
|
595
|
+
readonly logical: "borderInlineEndWidth";
|
|
596
|
+
};
|
|
597
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
510
598
|
}>;
|
|
511
599
|
borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
512
|
-
readonly property:
|
|
600
|
+
readonly property: {
|
|
601
|
+
readonly physical: "borderTopWidth";
|
|
602
|
+
readonly logical: "borderBlockStartWidth";
|
|
603
|
+
};
|
|
604
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
513
605
|
}>;
|
|
514
606
|
borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
515
|
-
readonly property:
|
|
607
|
+
readonly property: {
|
|
608
|
+
readonly physical: "borderBottomWidth";
|
|
609
|
+
readonly logical: "borderBlockEndWidth";
|
|
610
|
+
};
|
|
611
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
516
612
|
}>;
|
|
517
613
|
borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
518
614
|
readonly property: "borderRadius";
|
package/dist/Tabs/props.d.ts
CHANGED
|
@@ -135,29 +135,53 @@ export declare const tabElementBaseProps: import("@codecademy/variance/dist/type
|
|
|
135
135
|
};
|
|
136
136
|
readonly px: {
|
|
137
137
|
readonly property: "padding";
|
|
138
|
-
readonly properties:
|
|
138
|
+
readonly properties: {
|
|
139
|
+
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
140
|
+
readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
|
|
141
|
+
};
|
|
139
142
|
readonly scale: "spacing";
|
|
143
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
140
144
|
};
|
|
141
145
|
readonly py: {
|
|
142
146
|
readonly property: "padding";
|
|
143
|
-
readonly properties:
|
|
147
|
+
readonly properties: {
|
|
148
|
+
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
149
|
+
readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
|
|
150
|
+
};
|
|
144
151
|
readonly scale: "spacing";
|
|
152
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
145
153
|
};
|
|
146
154
|
readonly pt: {
|
|
147
|
-
readonly property:
|
|
155
|
+
readonly property: {
|
|
156
|
+
readonly physical: "paddingTop";
|
|
157
|
+
readonly logical: "paddingBlockStart";
|
|
158
|
+
};
|
|
148
159
|
readonly scale: "spacing";
|
|
160
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
149
161
|
};
|
|
150
162
|
readonly pb: {
|
|
151
|
-
readonly property:
|
|
163
|
+
readonly property: {
|
|
164
|
+
readonly physical: "paddingBottom";
|
|
165
|
+
readonly logical: "paddingBlockEnd";
|
|
166
|
+
};
|
|
152
167
|
readonly scale: "spacing";
|
|
168
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
153
169
|
};
|
|
154
170
|
readonly pr: {
|
|
155
|
-
readonly property:
|
|
171
|
+
readonly property: {
|
|
172
|
+
readonly physical: "paddingRight";
|
|
173
|
+
readonly logical: "paddingInlineEnd";
|
|
174
|
+
};
|
|
156
175
|
readonly scale: "spacing";
|
|
176
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
157
177
|
};
|
|
158
178
|
readonly pl: {
|
|
159
|
-
readonly property:
|
|
179
|
+
readonly property: {
|
|
180
|
+
readonly physical: "paddingLeft";
|
|
181
|
+
readonly logical: "paddingInlineStart";
|
|
182
|
+
};
|
|
160
183
|
readonly scale: "spacing";
|
|
184
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
161
185
|
};
|
|
162
186
|
readonly m: {
|
|
163
187
|
readonly property: "margin";
|
|
@@ -165,28 +189,52 @@ export declare const tabElementBaseProps: import("@codecademy/variance/dist/type
|
|
|
165
189
|
};
|
|
166
190
|
readonly mx: {
|
|
167
191
|
readonly property: "margin";
|
|
168
|
-
readonly properties:
|
|
192
|
+
readonly properties: {
|
|
193
|
+
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
194
|
+
readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
|
|
195
|
+
};
|
|
196
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
169
197
|
readonly scale: "spacing";
|
|
170
198
|
};
|
|
171
199
|
readonly my: {
|
|
172
200
|
readonly property: "margin";
|
|
173
|
-
readonly properties:
|
|
201
|
+
readonly properties: {
|
|
202
|
+
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
203
|
+
readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
|
|
204
|
+
};
|
|
205
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
174
206
|
readonly scale: "spacing";
|
|
175
207
|
};
|
|
176
208
|
readonly mt: {
|
|
177
|
-
readonly property:
|
|
209
|
+
readonly property: {
|
|
210
|
+
readonly physical: "marginTop";
|
|
211
|
+
readonly logical: "marginBlockStart";
|
|
212
|
+
};
|
|
178
213
|
readonly scale: "spacing";
|
|
214
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
179
215
|
};
|
|
180
216
|
readonly mb: {
|
|
181
|
-
readonly property:
|
|
217
|
+
readonly property: {
|
|
218
|
+
readonly physical: "marginBottom";
|
|
219
|
+
readonly logical: "marginBlockEnd";
|
|
220
|
+
};
|
|
182
221
|
readonly scale: "spacing";
|
|
222
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
183
223
|
};
|
|
184
224
|
readonly mr: {
|
|
185
|
-
readonly property:
|
|
225
|
+
readonly property: {
|
|
226
|
+
readonly physical: "marginRight";
|
|
227
|
+
readonly logical: "marginInlineEnd";
|
|
228
|
+
};
|
|
186
229
|
readonly scale: "spacing";
|
|
230
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
187
231
|
};
|
|
188
232
|
readonly ml: {
|
|
189
|
-
readonly property:
|
|
233
|
+
readonly property: {
|
|
234
|
+
readonly physical: "marginLeft";
|
|
235
|
+
readonly logical: "marginInlineStart";
|
|
236
|
+
};
|
|
190
237
|
readonly scale: "spacing";
|
|
238
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
191
239
|
};
|
|
192
240
|
}>>]>>;
|