@codecademy/gamut-styles 17.1.1-alpha.ff844f.0 → 17.1.2-alpha.2ab0c4.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/ColorMode.d.ts +236 -236
- package/dist/styles/fontSmoothing.d.ts +1 -1
- package/dist/themes/admin.d.ts +10 -10
- package/dist/themes/core.d.ts +6 -6
- package/dist/themes/platform.d.ts +12 -12
- package/dist/variance/props.d.ts +16 -16
- package/dist/variance/utils.d.ts +2 -2
- package/package.json +3 -3
package/dist/ColorMode.d.ts
CHANGED
|
@@ -10,7 +10,7 @@ export type ColorModeProps = {
|
|
|
10
10
|
mode: ColorModes | 'system';
|
|
11
11
|
bg?: Colors;
|
|
12
12
|
};
|
|
13
|
-
export declare const providerProps: import("
|
|
13
|
+
export declare const providerProps: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").Compose<[import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
14
14
|
readonly flexBasis: {
|
|
15
15
|
readonly property: "flexBasis";
|
|
16
16
|
};
|
|
@@ -94,7 +94,7 @@ export declare const providerProps: import("packages/variance/dist/types/config"
|
|
|
94
94
|
readonly verticalAlign: {
|
|
95
95
|
readonly property: "verticalAlign";
|
|
96
96
|
};
|
|
97
|
-
}>>, import("
|
|
97
|
+
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
98
98
|
readonly color: {
|
|
99
99
|
readonly property: "color";
|
|
100
100
|
readonly scale: "colors";
|
|
@@ -137,7 +137,7 @@ export declare const providerProps: import("packages/variance/dist/types/config"
|
|
|
137
137
|
readonly property: "borderBottomColor";
|
|
138
138
|
readonly scale: "colors";
|
|
139
139
|
};
|
|
140
|
-
}>>, import("
|
|
140
|
+
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
141
141
|
readonly gridColumn: {
|
|
142
142
|
readonly property: "gridColumn";
|
|
143
143
|
};
|
|
@@ -207,7 +207,7 @@ export declare const providerProps: import("packages/variance/dist/types/config"
|
|
|
207
207
|
readonly property: "columnGap";
|
|
208
208
|
readonly scale: "spacing";
|
|
209
209
|
};
|
|
210
|
-
}>>, import("
|
|
210
|
+
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
211
211
|
readonly flexBasis: {
|
|
212
212
|
readonly property: "flexBasis";
|
|
213
213
|
};
|
|
@@ -250,7 +250,7 @@ export declare const providerProps: import("packages/variance/dist/types/config"
|
|
|
250
250
|
readonly flex: {
|
|
251
251
|
readonly property: "flex";
|
|
252
252
|
};
|
|
253
|
-
}>>, import("
|
|
253
|
+
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
254
254
|
readonly position: {
|
|
255
255
|
readonly property: "position";
|
|
256
256
|
};
|
|
@@ -281,7 +281,7 @@ export declare const providerProps: import("packages/variance/dist/types/config"
|
|
|
281
281
|
readonly opacity: {
|
|
282
282
|
readonly property: "opacity";
|
|
283
283
|
};
|
|
284
|
-
}>>, import("
|
|
284
|
+
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
285
285
|
readonly p: {
|
|
286
286
|
readonly property: "padding";
|
|
287
287
|
readonly scale: "spacing";
|
|
@@ -342,7 +342,7 @@ export declare const providerProps: import("packages/variance/dist/types/config"
|
|
|
342
342
|
readonly property: "marginLeft";
|
|
343
343
|
readonly scale: "spacing";
|
|
344
344
|
};
|
|
345
|
-
}>>, import("
|
|
345
|
+
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
346
346
|
readonly border: {
|
|
347
347
|
readonly property: "border";
|
|
348
348
|
readonly scale: "borders";
|
|
@@ -459,7 +459,7 @@ export declare const providerProps: import("packages/variance/dist/types/config"
|
|
|
459
459
|
readonly borderStyleBottom: {
|
|
460
460
|
readonly property: "borderBottomStyle";
|
|
461
461
|
};
|
|
462
|
-
}>>, import("
|
|
462
|
+
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
463
463
|
readonly background: {
|
|
464
464
|
readonly property: "background";
|
|
465
465
|
};
|
|
@@ -491,401 +491,401 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
|
|
|
491
491
|
theme?: Theme | undefined;
|
|
492
492
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
493
493
|
} & {
|
|
494
|
-
p?: import("
|
|
494
|
+
p?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
495
495
|
readonly property: "padding";
|
|
496
496
|
readonly scale: "spacing";
|
|
497
497
|
}>;
|
|
498
|
-
color?: import("
|
|
498
|
+
color?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
499
499
|
readonly property: "color";
|
|
500
500
|
readonly scale: "colors";
|
|
501
501
|
}>;
|
|
502
|
-
background?: import("
|
|
502
|
+
background?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
503
503
|
readonly property: "background";
|
|
504
504
|
}>;
|
|
505
|
-
alignContent?: import("
|
|
505
|
+
alignContent?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
506
506
|
readonly property: "alignContent";
|
|
507
507
|
}>;
|
|
508
|
-
alignItems?: import("
|
|
508
|
+
alignItems?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
509
509
|
readonly property: "alignItems";
|
|
510
510
|
}>;
|
|
511
|
-
alignSelf?: import("
|
|
511
|
+
alignSelf?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
512
512
|
readonly property: "alignSelf";
|
|
513
513
|
}>;
|
|
514
|
-
backgroundImage?: import("
|
|
514
|
+
backgroundImage?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
515
515
|
readonly property: "backgroundImage";
|
|
516
516
|
}>;
|
|
517
|
-
|
|
518
|
-
readonly property: "backgroundPosition";
|
|
519
|
-
}>;
|
|
520
|
-
backgroundRepeat?: import("packages/variance/dist/types/config").Scale<{
|
|
517
|
+
backgroundRepeat?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
521
518
|
readonly property: "backgroundRepeat";
|
|
522
519
|
}>;
|
|
523
|
-
backgroundSize?: import("
|
|
520
|
+
backgroundSize?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
524
521
|
readonly property: "backgroundSize";
|
|
525
522
|
}>;
|
|
526
|
-
bottom?: import("
|
|
523
|
+
bottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
527
524
|
readonly property: "bottom";
|
|
528
525
|
readonly transform: (value: string | number) => string | 0;
|
|
529
526
|
}>;
|
|
530
|
-
columnGap?: import("
|
|
527
|
+
columnGap?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
531
528
|
readonly property: "columnGap";
|
|
532
529
|
readonly scale: "spacing";
|
|
533
530
|
}>;
|
|
534
|
-
display?: import("
|
|
531
|
+
display?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
535
532
|
readonly property: "display";
|
|
536
533
|
}>;
|
|
537
|
-
flexBasis?: import("
|
|
534
|
+
flexBasis?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
538
535
|
readonly property: "flexBasis";
|
|
539
536
|
}>;
|
|
540
|
-
flexDirection?: import("
|
|
537
|
+
flexDirection?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
541
538
|
readonly property: "flexDirection";
|
|
542
539
|
}>;
|
|
543
|
-
flexGrow?: import("
|
|
540
|
+
flexGrow?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
544
541
|
readonly property: "flexGrow";
|
|
545
542
|
}>;
|
|
546
|
-
flexShrink?: import("
|
|
543
|
+
flexShrink?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
547
544
|
readonly property: "flexShrink";
|
|
548
545
|
}>;
|
|
549
|
-
flexWrap?: import("
|
|
546
|
+
flexWrap?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
550
547
|
readonly property: "flexWrap";
|
|
551
548
|
}>;
|
|
552
|
-
gridAutoColumns?: import("
|
|
549
|
+
gridAutoColumns?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
553
550
|
readonly property: "gridAutoColumns";
|
|
554
551
|
}>;
|
|
555
|
-
gridAutoFlow?: import("
|
|
552
|
+
gridAutoFlow?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
556
553
|
readonly property: "gridAutoFlow";
|
|
557
554
|
}>;
|
|
558
|
-
gridAutoRows?: import("
|
|
555
|
+
gridAutoRows?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
559
556
|
readonly property: "gridAutoRows";
|
|
560
557
|
}>;
|
|
561
|
-
gridColumnEnd?: import("
|
|
558
|
+
gridColumnEnd?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
562
559
|
readonly property: "gridColumnEnd";
|
|
563
560
|
}>;
|
|
564
|
-
gridColumnStart?: import("
|
|
561
|
+
gridColumnStart?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
565
562
|
readonly property: "gridColumnStart";
|
|
566
563
|
}>;
|
|
567
|
-
gridRowEnd?: import("
|
|
564
|
+
gridRowEnd?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
568
565
|
readonly property: "gridRowEnd";
|
|
569
566
|
}>;
|
|
570
|
-
gridRowStart?: import("
|
|
567
|
+
gridRowStart?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
571
568
|
readonly property: "gridRowStart";
|
|
572
569
|
}>;
|
|
573
|
-
gridTemplateAreas?: import("
|
|
570
|
+
gridTemplateAreas?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
574
571
|
readonly property: "gridTemplateAreas";
|
|
575
572
|
}>;
|
|
576
|
-
gridTemplateColumns?: import("
|
|
573
|
+
gridTemplateColumns?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
577
574
|
readonly property: "gridTemplateColumns";
|
|
578
575
|
}>;
|
|
579
|
-
gridTemplateRows?: import("
|
|
576
|
+
gridTemplateRows?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
580
577
|
readonly property: "gridTemplateRows";
|
|
581
578
|
}>;
|
|
582
|
-
height?: import("
|
|
579
|
+
height?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
583
580
|
readonly property: "height";
|
|
584
581
|
readonly transform: (value: string | number) => string | 0;
|
|
585
582
|
}>;
|
|
586
|
-
|
|
587
|
-
readonly property: "inset";
|
|
588
|
-
readonly properties: readonly ["top", "right", "bottom", "left"];
|
|
589
|
-
readonly transform: (value: string | number) => string | 0;
|
|
590
|
-
}>;
|
|
591
|
-
justifyContent?: import("packages/variance/dist/types/config").Scale<{
|
|
583
|
+
justifyContent?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
592
584
|
readonly property: "justifyContent";
|
|
593
585
|
}>;
|
|
594
|
-
justifyItems?: import("
|
|
586
|
+
justifyItems?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
595
587
|
readonly property: "justifyItems";
|
|
596
588
|
}>;
|
|
597
|
-
justifySelf?: import("
|
|
589
|
+
justifySelf?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
598
590
|
readonly property: "justifySelf";
|
|
599
591
|
}>;
|
|
600
|
-
left?: import("
|
|
592
|
+
left?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
601
593
|
readonly property: "left";
|
|
602
594
|
readonly transform: (value: string | number) => string | 0;
|
|
603
595
|
}>;
|
|
604
|
-
maxHeight?: import("
|
|
596
|
+
maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
605
597
|
readonly property: "maxHeight";
|
|
606
598
|
readonly transform: (value: string | number) => string | 0;
|
|
607
599
|
}>;
|
|
608
|
-
maxWidth?: import("
|
|
600
|
+
maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
609
601
|
readonly property: "maxWidth";
|
|
610
602
|
readonly transform: (value: string | number) => string | 0;
|
|
611
603
|
}>;
|
|
612
|
-
minHeight?: import("
|
|
604
|
+
minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
613
605
|
readonly property: "minHeight";
|
|
614
606
|
readonly transform: (value: string | number) => string | 0;
|
|
615
607
|
}>;
|
|
616
|
-
minWidth?: import("
|
|
608
|
+
minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
617
609
|
readonly property: "minWidth";
|
|
618
610
|
readonly transform: (value: string | number) => string | 0;
|
|
619
611
|
}>;
|
|
620
|
-
opacity?: import("
|
|
612
|
+
opacity?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
621
613
|
readonly property: "opacity";
|
|
622
614
|
}>;
|
|
623
|
-
order?: import("
|
|
615
|
+
order?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
624
616
|
readonly property: "order";
|
|
625
617
|
}>;
|
|
626
|
-
overflowX?: import("
|
|
618
|
+
overflowX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
627
619
|
readonly property: "overflowX";
|
|
628
620
|
}>;
|
|
629
|
-
overflowY?: import("
|
|
621
|
+
overflowY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
630
622
|
readonly property: "overflowY";
|
|
631
623
|
}>;
|
|
632
|
-
position?: import("
|
|
624
|
+
position?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
633
625
|
readonly property: "position";
|
|
634
626
|
}>;
|
|
635
|
-
right?: import("
|
|
627
|
+
right?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
636
628
|
readonly property: "right";
|
|
637
629
|
readonly transform: (value: string | number) => string | 0;
|
|
638
630
|
}>;
|
|
639
|
-
rowGap?: import("
|
|
631
|
+
rowGap?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
640
632
|
readonly property: "rowGap";
|
|
641
633
|
readonly scale: "spacing";
|
|
642
634
|
}>;
|
|
643
|
-
top?: import("
|
|
635
|
+
top?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
644
636
|
readonly property: "top";
|
|
645
637
|
readonly transform: (value: string | number) => string | 0;
|
|
646
638
|
}>;
|
|
647
|
-
verticalAlign?: import("
|
|
639
|
+
verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
648
640
|
readonly property: "verticalAlign";
|
|
649
641
|
}>;
|
|
650
|
-
width?: import("
|
|
642
|
+
width?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
651
643
|
readonly property: "width";
|
|
652
644
|
readonly transform: (value: string | number) => string | 0;
|
|
653
645
|
}>;
|
|
654
|
-
zIndex?: import("
|
|
646
|
+
zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
655
647
|
readonly property: "zIndex";
|
|
656
648
|
}>;
|
|
657
|
-
|
|
649
|
+
backgroundPosition?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
650
|
+
readonly property: "backgroundPosition";
|
|
651
|
+
}>;
|
|
652
|
+
border?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
658
653
|
readonly property: "border";
|
|
659
654
|
readonly scale: "borders";
|
|
660
655
|
}>;
|
|
661
|
-
borderBottom?: import("
|
|
656
|
+
borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
662
657
|
readonly property: "borderBottom";
|
|
663
658
|
readonly scale: "borders";
|
|
664
659
|
}>;
|
|
665
|
-
borderColor?: import("
|
|
660
|
+
borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
666
661
|
readonly property: "borderColor";
|
|
667
662
|
readonly scale: "colors";
|
|
668
663
|
}>;
|
|
669
|
-
borderLeft?: import("
|
|
664
|
+
borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
670
665
|
readonly property: "borderLeft";
|
|
671
666
|
readonly scale: "borders";
|
|
672
667
|
}>;
|
|
673
|
-
borderRadius?: import("
|
|
668
|
+
borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
674
669
|
readonly property: "borderRadius";
|
|
675
670
|
readonly scale: "borderRadii";
|
|
676
671
|
}>;
|
|
677
|
-
borderRight?: import("
|
|
672
|
+
borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
678
673
|
readonly property: "borderRight";
|
|
679
674
|
readonly scale: "borders";
|
|
680
675
|
}>;
|
|
681
|
-
borderStyle?: import("
|
|
676
|
+
borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
682
677
|
readonly property: "borderStyle";
|
|
683
678
|
}>;
|
|
684
|
-
borderTop?: import("
|
|
679
|
+
borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
685
680
|
readonly property: "borderTop";
|
|
686
681
|
readonly scale: "borders";
|
|
687
682
|
}>;
|
|
688
|
-
borderWidth?: import("
|
|
683
|
+
borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
689
684
|
readonly property: "borderWidth";
|
|
690
685
|
}>;
|
|
691
|
-
flex?: import("
|
|
686
|
+
flex?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
692
687
|
readonly property: "flex";
|
|
693
688
|
}>;
|
|
694
|
-
gap?: import("
|
|
689
|
+
gap?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
695
690
|
readonly property: "gap";
|
|
696
691
|
readonly scale: "spacing";
|
|
697
692
|
}>;
|
|
698
|
-
gridArea?: import("
|
|
693
|
+
gridArea?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
699
694
|
readonly property: "gridArea";
|
|
700
695
|
}>;
|
|
701
|
-
gridColumn?: import("
|
|
696
|
+
gridColumn?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
702
697
|
readonly property: "gridColumn";
|
|
703
698
|
}>;
|
|
704
|
-
gridRow?: import("
|
|
699
|
+
gridRow?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
705
700
|
readonly property: "gridRow";
|
|
706
701
|
}>;
|
|
707
|
-
|
|
702
|
+
inset?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
703
|
+
readonly property: "inset";
|
|
704
|
+
readonly properties: readonly ["top", "right", "bottom", "left"];
|
|
705
|
+
readonly transform: (value: string | number) => string | 0;
|
|
706
|
+
}>;
|
|
707
|
+
overflow?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
708
708
|
readonly property: "overflow";
|
|
709
709
|
}>;
|
|
710
|
-
dimensions?: import("
|
|
710
|
+
dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
711
711
|
readonly property: "width";
|
|
712
712
|
readonly properties: readonly ["width", "height"];
|
|
713
713
|
readonly transform: (value: string | number) => string | 0;
|
|
714
714
|
}>;
|
|
715
|
-
textColor?: import("
|
|
715
|
+
textColor?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
716
716
|
readonly property: "color";
|
|
717
717
|
readonly scale: "colors";
|
|
718
718
|
}>;
|
|
719
|
-
bg?: import("
|
|
719
|
+
bg?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
720
720
|
readonly property: "backgroundColor";
|
|
721
721
|
readonly scale: "colors";
|
|
722
722
|
}>;
|
|
723
|
-
borderColorX?: import("
|
|
723
|
+
borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
724
724
|
readonly property: "borderColor";
|
|
725
725
|
readonly properties: readonly ["borderLeftColor", "borderRightColor"];
|
|
726
726
|
readonly scale: "colors";
|
|
727
727
|
}>;
|
|
728
|
-
borderColorY?: import("
|
|
728
|
+
borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
729
729
|
readonly property: "borderColor";
|
|
730
730
|
readonly properties: readonly ["borderTopColor", "borderBottomColor"];
|
|
731
731
|
readonly scale: "colors";
|
|
732
732
|
}>;
|
|
733
|
-
borderColorLeft?: import("
|
|
733
|
+
borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
734
734
|
readonly property: "borderLeftColor";
|
|
735
735
|
readonly scale: "colors";
|
|
736
736
|
}>;
|
|
737
|
-
borderColorRight?: import("
|
|
737
|
+
borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
738
738
|
readonly property: "borderRightColor";
|
|
739
739
|
readonly scale: "colors";
|
|
740
740
|
}>;
|
|
741
|
-
borderColorTop?: import("
|
|
741
|
+
borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
742
742
|
readonly property: "borderTopColor";
|
|
743
743
|
readonly scale: "colors";
|
|
744
744
|
}>;
|
|
745
|
-
borderColorBottom?: import("
|
|
745
|
+
borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
746
746
|
readonly property: "borderBottomColor";
|
|
747
747
|
readonly scale: "colors";
|
|
748
748
|
}>;
|
|
749
|
-
px?: import("
|
|
749
|
+
px?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
750
750
|
readonly property: "padding";
|
|
751
751
|
readonly properties: readonly ["paddingLeft", "paddingRight"];
|
|
752
752
|
readonly scale: "spacing";
|
|
753
753
|
}>;
|
|
754
|
-
py?: import("
|
|
754
|
+
py?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
755
755
|
readonly property: "padding";
|
|
756
756
|
readonly properties: readonly ["paddingTop", "paddingBottom"];
|
|
757
757
|
readonly scale: "spacing";
|
|
758
758
|
}>;
|
|
759
|
-
pt?: import("
|
|
759
|
+
pt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
760
760
|
readonly property: "paddingTop";
|
|
761
761
|
readonly scale: "spacing";
|
|
762
762
|
}>;
|
|
763
|
-
pb?: import("
|
|
763
|
+
pb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
764
764
|
readonly property: "paddingBottom";
|
|
765
765
|
readonly scale: "spacing";
|
|
766
766
|
}>;
|
|
767
|
-
pr?: import("
|
|
767
|
+
pr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
768
768
|
readonly property: "paddingRight";
|
|
769
769
|
readonly scale: "spacing";
|
|
770
770
|
}>;
|
|
771
|
-
pl?: import("
|
|
771
|
+
pl?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
772
772
|
readonly property: "paddingLeft";
|
|
773
773
|
readonly scale: "spacing";
|
|
774
774
|
}>;
|
|
775
|
-
m?: import("
|
|
775
|
+
m?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
776
776
|
readonly property: "margin";
|
|
777
777
|
readonly scale: "spacing";
|
|
778
778
|
}>;
|
|
779
|
-
mx?: import("
|
|
779
|
+
mx?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
780
780
|
readonly property: "margin";
|
|
781
781
|
readonly properties: readonly ["marginLeft", "marginRight"];
|
|
782
782
|
readonly scale: "spacing";
|
|
783
783
|
}>;
|
|
784
|
-
my?: import("
|
|
784
|
+
my?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
785
785
|
readonly property: "margin";
|
|
786
786
|
readonly properties: readonly ["marginTop", "marginBottom"];
|
|
787
787
|
readonly scale: "spacing";
|
|
788
788
|
}>;
|
|
789
|
-
mt?: import("
|
|
789
|
+
mt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
790
790
|
readonly property: "marginTop";
|
|
791
791
|
readonly scale: "spacing";
|
|
792
792
|
}>;
|
|
793
|
-
mb?: import("
|
|
793
|
+
mb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
794
794
|
readonly property: "marginBottom";
|
|
795
795
|
readonly scale: "spacing";
|
|
796
796
|
}>;
|
|
797
|
-
mr?: import("
|
|
797
|
+
mr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
798
798
|
readonly property: "marginRight";
|
|
799
799
|
readonly scale: "spacing";
|
|
800
800
|
}>;
|
|
801
|
-
ml?: import("
|
|
801
|
+
ml?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
802
802
|
readonly property: "marginLeft";
|
|
803
803
|
readonly scale: "spacing";
|
|
804
804
|
}>;
|
|
805
|
-
borderX?: import("
|
|
805
|
+
borderX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
806
806
|
readonly property: "border";
|
|
807
807
|
readonly properties: readonly ["borderLeft", "borderRight"];
|
|
808
808
|
readonly scale: "borders";
|
|
809
809
|
}>;
|
|
810
|
-
borderY?: import("
|
|
810
|
+
borderY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
811
811
|
readonly property: "border";
|
|
812
812
|
readonly properties: readonly ["borderTop", "borderBottom"];
|
|
813
813
|
readonly scale: "borders";
|
|
814
814
|
}>;
|
|
815
|
-
borderWidthX?: import("
|
|
815
|
+
borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
816
816
|
readonly property: "borderWidth";
|
|
817
817
|
readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
|
|
818
818
|
}>;
|
|
819
|
-
borderWidthY?: import("
|
|
819
|
+
borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
820
820
|
readonly property: "borderWidth";
|
|
821
821
|
readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
|
|
822
822
|
}>;
|
|
823
|
-
borderWidthLeft?: import("
|
|
823
|
+
borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
824
824
|
readonly property: "borderLeftWidth";
|
|
825
825
|
}>;
|
|
826
|
-
borderWidthRight?: import("
|
|
826
|
+
borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
827
827
|
readonly property: "borderRightWidth";
|
|
828
828
|
}>;
|
|
829
|
-
borderWidthTop?: import("
|
|
829
|
+
borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
830
830
|
readonly property: "borderTopWidth";
|
|
831
831
|
}>;
|
|
832
|
-
borderWidthBottom?: import("
|
|
832
|
+
borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
833
833
|
readonly property: "borderBottomWidth";
|
|
834
834
|
}>;
|
|
835
|
-
borderRadiusLeft?: import("
|
|
835
|
+
borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
836
836
|
readonly property: "borderRadius";
|
|
837
837
|
readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
|
|
838
838
|
readonly scale: "borderRadii";
|
|
839
839
|
}>;
|
|
840
|
-
borderRadiusTop?: import("
|
|
840
|
+
borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
841
841
|
readonly property: "borderRadius";
|
|
842
842
|
readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
|
|
843
843
|
readonly scale: "borderRadii";
|
|
844
844
|
}>;
|
|
845
|
-
borderRadiusBottom?: import("
|
|
845
|
+
borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
846
846
|
readonly property: "borderRadius";
|
|
847
847
|
readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
|
|
848
848
|
readonly scale: "borderRadii";
|
|
849
849
|
}>;
|
|
850
|
-
borderRadiusRight?: import("
|
|
850
|
+
borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
851
851
|
readonly property: "borderRadius";
|
|
852
852
|
readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
|
|
853
853
|
readonly scale: "borderRadii";
|
|
854
854
|
}>;
|
|
855
|
-
borderRadiusTopLeft?: import("
|
|
855
|
+
borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
856
856
|
readonly property: "borderTopLeftRadius";
|
|
857
857
|
readonly scale: "borderRadii";
|
|
858
858
|
}>;
|
|
859
|
-
borderRadiusTopRight?: import("
|
|
859
|
+
borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
860
860
|
readonly property: "borderTopRightRadius";
|
|
861
861
|
readonly scale: "borderRadii";
|
|
862
862
|
}>;
|
|
863
|
-
borderRadiusBottomRight?: import("
|
|
863
|
+
borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
864
864
|
readonly property: "borderBottomRightRadius";
|
|
865
865
|
readonly scale: "borderRadii";
|
|
866
866
|
}>;
|
|
867
|
-
borderRadiusBottomLeft?: import("
|
|
867
|
+
borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
868
868
|
readonly property: "borderBottomLeftRadius";
|
|
869
869
|
readonly scale: "borderRadii";
|
|
870
870
|
}>;
|
|
871
|
-
borderStyleX?: import("
|
|
871
|
+
borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
872
872
|
readonly property: "borderStyle";
|
|
873
873
|
readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
|
|
874
874
|
}>;
|
|
875
|
-
borderStyleY?: import("
|
|
875
|
+
borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
876
876
|
readonly property: "borderStyle";
|
|
877
877
|
readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
|
|
878
878
|
}>;
|
|
879
|
-
borderStyleLeft?: import("
|
|
879
|
+
borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
880
880
|
readonly property: "borderLeftStyle";
|
|
881
881
|
}>;
|
|
882
|
-
borderStyleRight?: import("
|
|
882
|
+
borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
883
883
|
readonly property: "borderRightStyle";
|
|
884
884
|
}>;
|
|
885
|
-
borderStyleTop?: import("
|
|
885
|
+
borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
886
886
|
readonly property: "borderTopStyle";
|
|
887
887
|
}>;
|
|
888
|
-
borderStyleBottom?: import("
|
|
888
|
+
borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
889
889
|
readonly property: "borderBottomStyle";
|
|
890
890
|
}>;
|
|
891
891
|
} & {
|
|
@@ -898,401 +898,401 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
|
|
|
898
898
|
theme?: Theme | undefined;
|
|
899
899
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
900
900
|
} & {
|
|
901
|
-
p?: import("
|
|
901
|
+
p?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
902
902
|
readonly property: "padding";
|
|
903
903
|
readonly scale: "spacing";
|
|
904
904
|
}>;
|
|
905
|
-
color?: import("
|
|
905
|
+
color?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
906
906
|
readonly property: "color";
|
|
907
907
|
readonly scale: "colors";
|
|
908
908
|
}>;
|
|
909
|
-
background?: import("
|
|
909
|
+
background?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
910
910
|
readonly property: "background";
|
|
911
911
|
}>;
|
|
912
|
-
alignContent?: import("
|
|
912
|
+
alignContent?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
913
913
|
readonly property: "alignContent";
|
|
914
914
|
}>;
|
|
915
|
-
alignItems?: import("
|
|
915
|
+
alignItems?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
916
916
|
readonly property: "alignItems";
|
|
917
917
|
}>;
|
|
918
|
-
alignSelf?: import("
|
|
918
|
+
alignSelf?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
919
919
|
readonly property: "alignSelf";
|
|
920
920
|
}>;
|
|
921
|
-
backgroundImage?: import("
|
|
921
|
+
backgroundImage?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
922
922
|
readonly property: "backgroundImage";
|
|
923
923
|
}>;
|
|
924
|
-
|
|
925
|
-
readonly property: "backgroundPosition";
|
|
926
|
-
}>;
|
|
927
|
-
backgroundRepeat?: import("packages/variance/dist/types/config").Scale<{
|
|
924
|
+
backgroundRepeat?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
928
925
|
readonly property: "backgroundRepeat";
|
|
929
926
|
}>;
|
|
930
|
-
backgroundSize?: import("
|
|
927
|
+
backgroundSize?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
931
928
|
readonly property: "backgroundSize";
|
|
932
929
|
}>;
|
|
933
|
-
bottom?: import("
|
|
930
|
+
bottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
934
931
|
readonly property: "bottom";
|
|
935
932
|
readonly transform: (value: string | number) => string | 0;
|
|
936
933
|
}>;
|
|
937
|
-
columnGap?: import("
|
|
934
|
+
columnGap?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
938
935
|
readonly property: "columnGap";
|
|
939
936
|
readonly scale: "spacing";
|
|
940
937
|
}>;
|
|
941
|
-
display?: import("
|
|
938
|
+
display?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
942
939
|
readonly property: "display";
|
|
943
940
|
}>;
|
|
944
|
-
flexBasis?: import("
|
|
941
|
+
flexBasis?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
945
942
|
readonly property: "flexBasis";
|
|
946
943
|
}>;
|
|
947
|
-
flexDirection?: import("
|
|
944
|
+
flexDirection?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
948
945
|
readonly property: "flexDirection";
|
|
949
946
|
}>;
|
|
950
|
-
flexGrow?: import("
|
|
947
|
+
flexGrow?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
951
948
|
readonly property: "flexGrow";
|
|
952
949
|
}>;
|
|
953
|
-
flexShrink?: import("
|
|
950
|
+
flexShrink?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
954
951
|
readonly property: "flexShrink";
|
|
955
952
|
}>;
|
|
956
|
-
flexWrap?: import("
|
|
953
|
+
flexWrap?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
957
954
|
readonly property: "flexWrap";
|
|
958
955
|
}>;
|
|
959
|
-
gridAutoColumns?: import("
|
|
956
|
+
gridAutoColumns?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
960
957
|
readonly property: "gridAutoColumns";
|
|
961
958
|
}>;
|
|
962
|
-
gridAutoFlow?: import("
|
|
959
|
+
gridAutoFlow?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
963
960
|
readonly property: "gridAutoFlow";
|
|
964
961
|
}>;
|
|
965
|
-
gridAutoRows?: import("
|
|
962
|
+
gridAutoRows?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
966
963
|
readonly property: "gridAutoRows";
|
|
967
964
|
}>;
|
|
968
|
-
gridColumnEnd?: import("
|
|
965
|
+
gridColumnEnd?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
969
966
|
readonly property: "gridColumnEnd";
|
|
970
967
|
}>;
|
|
971
|
-
gridColumnStart?: import("
|
|
968
|
+
gridColumnStart?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
972
969
|
readonly property: "gridColumnStart";
|
|
973
970
|
}>;
|
|
974
|
-
gridRowEnd?: import("
|
|
971
|
+
gridRowEnd?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
975
972
|
readonly property: "gridRowEnd";
|
|
976
973
|
}>;
|
|
977
|
-
gridRowStart?: import("
|
|
974
|
+
gridRowStart?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
978
975
|
readonly property: "gridRowStart";
|
|
979
976
|
}>;
|
|
980
|
-
gridTemplateAreas?: import("
|
|
977
|
+
gridTemplateAreas?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
981
978
|
readonly property: "gridTemplateAreas";
|
|
982
979
|
}>;
|
|
983
|
-
gridTemplateColumns?: import("
|
|
980
|
+
gridTemplateColumns?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
984
981
|
readonly property: "gridTemplateColumns";
|
|
985
982
|
}>;
|
|
986
|
-
gridTemplateRows?: import("
|
|
983
|
+
gridTemplateRows?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
987
984
|
readonly property: "gridTemplateRows";
|
|
988
985
|
}>;
|
|
989
|
-
height?: import("
|
|
986
|
+
height?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
990
987
|
readonly property: "height";
|
|
991
988
|
readonly transform: (value: string | number) => string | 0;
|
|
992
989
|
}>;
|
|
993
|
-
|
|
994
|
-
readonly property: "inset";
|
|
995
|
-
readonly properties: readonly ["top", "right", "bottom", "left"];
|
|
996
|
-
readonly transform: (value: string | number) => string | 0;
|
|
997
|
-
}>;
|
|
998
|
-
justifyContent?: import("packages/variance/dist/types/config").Scale<{
|
|
990
|
+
justifyContent?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
999
991
|
readonly property: "justifyContent";
|
|
1000
992
|
}>;
|
|
1001
|
-
justifyItems?: import("
|
|
993
|
+
justifyItems?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1002
994
|
readonly property: "justifyItems";
|
|
1003
995
|
}>;
|
|
1004
|
-
justifySelf?: import("
|
|
996
|
+
justifySelf?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1005
997
|
readonly property: "justifySelf";
|
|
1006
998
|
}>;
|
|
1007
|
-
left?: import("
|
|
999
|
+
left?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1008
1000
|
readonly property: "left";
|
|
1009
1001
|
readonly transform: (value: string | number) => string | 0;
|
|
1010
1002
|
}>;
|
|
1011
|
-
maxHeight?: import("
|
|
1003
|
+
maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1012
1004
|
readonly property: "maxHeight";
|
|
1013
1005
|
readonly transform: (value: string | number) => string | 0;
|
|
1014
1006
|
}>;
|
|
1015
|
-
maxWidth?: import("
|
|
1007
|
+
maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1016
1008
|
readonly property: "maxWidth";
|
|
1017
1009
|
readonly transform: (value: string | number) => string | 0;
|
|
1018
1010
|
}>;
|
|
1019
|
-
minHeight?: import("
|
|
1011
|
+
minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1020
1012
|
readonly property: "minHeight";
|
|
1021
1013
|
readonly transform: (value: string | number) => string | 0;
|
|
1022
1014
|
}>;
|
|
1023
|
-
minWidth?: import("
|
|
1015
|
+
minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1024
1016
|
readonly property: "minWidth";
|
|
1025
1017
|
readonly transform: (value: string | number) => string | 0;
|
|
1026
1018
|
}>;
|
|
1027
|
-
opacity?: import("
|
|
1019
|
+
opacity?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1028
1020
|
readonly property: "opacity";
|
|
1029
1021
|
}>;
|
|
1030
|
-
order?: import("
|
|
1022
|
+
order?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1031
1023
|
readonly property: "order";
|
|
1032
1024
|
}>;
|
|
1033
|
-
overflowX?: import("
|
|
1025
|
+
overflowX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1034
1026
|
readonly property: "overflowX";
|
|
1035
1027
|
}>;
|
|
1036
|
-
overflowY?: import("
|
|
1028
|
+
overflowY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1037
1029
|
readonly property: "overflowY";
|
|
1038
1030
|
}>;
|
|
1039
|
-
position?: import("
|
|
1031
|
+
position?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1040
1032
|
readonly property: "position";
|
|
1041
1033
|
}>;
|
|
1042
|
-
right?: import("
|
|
1034
|
+
right?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1043
1035
|
readonly property: "right";
|
|
1044
1036
|
readonly transform: (value: string | number) => string | 0;
|
|
1045
1037
|
}>;
|
|
1046
|
-
rowGap?: import("
|
|
1038
|
+
rowGap?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1047
1039
|
readonly property: "rowGap";
|
|
1048
1040
|
readonly scale: "spacing";
|
|
1049
1041
|
}>;
|
|
1050
|
-
top?: import("
|
|
1042
|
+
top?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1051
1043
|
readonly property: "top";
|
|
1052
1044
|
readonly transform: (value: string | number) => string | 0;
|
|
1053
1045
|
}>;
|
|
1054
|
-
verticalAlign?: import("
|
|
1046
|
+
verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1055
1047
|
readonly property: "verticalAlign";
|
|
1056
1048
|
}>;
|
|
1057
|
-
width?: import("
|
|
1049
|
+
width?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1058
1050
|
readonly property: "width";
|
|
1059
1051
|
readonly transform: (value: string | number) => string | 0;
|
|
1060
1052
|
}>;
|
|
1061
|
-
zIndex?: import("
|
|
1053
|
+
zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1062
1054
|
readonly property: "zIndex";
|
|
1063
1055
|
}>;
|
|
1064
|
-
|
|
1056
|
+
backgroundPosition?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1057
|
+
readonly property: "backgroundPosition";
|
|
1058
|
+
}>;
|
|
1059
|
+
border?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1065
1060
|
readonly property: "border";
|
|
1066
1061
|
readonly scale: "borders";
|
|
1067
1062
|
}>;
|
|
1068
|
-
borderBottom?: import("
|
|
1063
|
+
borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1069
1064
|
readonly property: "borderBottom";
|
|
1070
1065
|
readonly scale: "borders";
|
|
1071
1066
|
}>;
|
|
1072
|
-
borderColor?: import("
|
|
1067
|
+
borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1073
1068
|
readonly property: "borderColor";
|
|
1074
1069
|
readonly scale: "colors";
|
|
1075
1070
|
}>;
|
|
1076
|
-
borderLeft?: import("
|
|
1071
|
+
borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1077
1072
|
readonly property: "borderLeft";
|
|
1078
1073
|
readonly scale: "borders";
|
|
1079
1074
|
}>;
|
|
1080
|
-
borderRadius?: import("
|
|
1075
|
+
borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1081
1076
|
readonly property: "borderRadius";
|
|
1082
1077
|
readonly scale: "borderRadii";
|
|
1083
1078
|
}>;
|
|
1084
|
-
borderRight?: import("
|
|
1079
|
+
borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1085
1080
|
readonly property: "borderRight";
|
|
1086
1081
|
readonly scale: "borders";
|
|
1087
1082
|
}>;
|
|
1088
|
-
borderStyle?: import("
|
|
1083
|
+
borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1089
1084
|
readonly property: "borderStyle";
|
|
1090
1085
|
}>;
|
|
1091
|
-
borderTop?: import("
|
|
1086
|
+
borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1092
1087
|
readonly property: "borderTop";
|
|
1093
1088
|
readonly scale: "borders";
|
|
1094
1089
|
}>;
|
|
1095
|
-
borderWidth?: import("
|
|
1090
|
+
borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1096
1091
|
readonly property: "borderWidth";
|
|
1097
1092
|
}>;
|
|
1098
|
-
flex?: import("
|
|
1093
|
+
flex?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1099
1094
|
readonly property: "flex";
|
|
1100
1095
|
}>;
|
|
1101
|
-
gap?: import("
|
|
1096
|
+
gap?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1102
1097
|
readonly property: "gap";
|
|
1103
1098
|
readonly scale: "spacing";
|
|
1104
1099
|
}>;
|
|
1105
|
-
gridArea?: import("
|
|
1100
|
+
gridArea?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1106
1101
|
readonly property: "gridArea";
|
|
1107
1102
|
}>;
|
|
1108
|
-
gridColumn?: import("
|
|
1103
|
+
gridColumn?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1109
1104
|
readonly property: "gridColumn";
|
|
1110
1105
|
}>;
|
|
1111
|
-
gridRow?: import("
|
|
1106
|
+
gridRow?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1112
1107
|
readonly property: "gridRow";
|
|
1113
1108
|
}>;
|
|
1114
|
-
|
|
1109
|
+
inset?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1110
|
+
readonly property: "inset";
|
|
1111
|
+
readonly properties: readonly ["top", "right", "bottom", "left"];
|
|
1112
|
+
readonly transform: (value: string | number) => string | 0;
|
|
1113
|
+
}>;
|
|
1114
|
+
overflow?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1115
1115
|
readonly property: "overflow";
|
|
1116
1116
|
}>;
|
|
1117
|
-
dimensions?: import("
|
|
1117
|
+
dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1118
1118
|
readonly property: "width";
|
|
1119
1119
|
readonly properties: readonly ["width", "height"];
|
|
1120
1120
|
readonly transform: (value: string | number) => string | 0;
|
|
1121
1121
|
}>;
|
|
1122
|
-
textColor?: import("
|
|
1122
|
+
textColor?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1123
1123
|
readonly property: "color";
|
|
1124
1124
|
readonly scale: "colors";
|
|
1125
1125
|
}>;
|
|
1126
|
-
bg?: import("
|
|
1126
|
+
bg?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1127
1127
|
readonly property: "backgroundColor";
|
|
1128
1128
|
readonly scale: "colors";
|
|
1129
1129
|
}>;
|
|
1130
|
-
borderColorX?: import("
|
|
1130
|
+
borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1131
1131
|
readonly property: "borderColor";
|
|
1132
1132
|
readonly properties: readonly ["borderLeftColor", "borderRightColor"];
|
|
1133
1133
|
readonly scale: "colors";
|
|
1134
1134
|
}>;
|
|
1135
|
-
borderColorY?: import("
|
|
1135
|
+
borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1136
1136
|
readonly property: "borderColor";
|
|
1137
1137
|
readonly properties: readonly ["borderTopColor", "borderBottomColor"];
|
|
1138
1138
|
readonly scale: "colors";
|
|
1139
1139
|
}>;
|
|
1140
|
-
borderColorLeft?: import("
|
|
1140
|
+
borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1141
1141
|
readonly property: "borderLeftColor";
|
|
1142
1142
|
readonly scale: "colors";
|
|
1143
1143
|
}>;
|
|
1144
|
-
borderColorRight?: import("
|
|
1144
|
+
borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1145
1145
|
readonly property: "borderRightColor";
|
|
1146
1146
|
readonly scale: "colors";
|
|
1147
1147
|
}>;
|
|
1148
|
-
borderColorTop?: import("
|
|
1148
|
+
borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1149
1149
|
readonly property: "borderTopColor";
|
|
1150
1150
|
readonly scale: "colors";
|
|
1151
1151
|
}>;
|
|
1152
|
-
borderColorBottom?: import("
|
|
1152
|
+
borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1153
1153
|
readonly property: "borderBottomColor";
|
|
1154
1154
|
readonly scale: "colors";
|
|
1155
1155
|
}>;
|
|
1156
|
-
px?: import("
|
|
1156
|
+
px?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1157
1157
|
readonly property: "padding";
|
|
1158
1158
|
readonly properties: readonly ["paddingLeft", "paddingRight"];
|
|
1159
1159
|
readonly scale: "spacing";
|
|
1160
1160
|
}>;
|
|
1161
|
-
py?: import("
|
|
1161
|
+
py?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1162
1162
|
readonly property: "padding";
|
|
1163
1163
|
readonly properties: readonly ["paddingTop", "paddingBottom"];
|
|
1164
1164
|
readonly scale: "spacing";
|
|
1165
1165
|
}>;
|
|
1166
|
-
pt?: import("
|
|
1166
|
+
pt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1167
1167
|
readonly property: "paddingTop";
|
|
1168
1168
|
readonly scale: "spacing";
|
|
1169
1169
|
}>;
|
|
1170
|
-
pb?: import("
|
|
1170
|
+
pb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1171
1171
|
readonly property: "paddingBottom";
|
|
1172
1172
|
readonly scale: "spacing";
|
|
1173
1173
|
}>;
|
|
1174
|
-
pr?: import("
|
|
1174
|
+
pr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1175
1175
|
readonly property: "paddingRight";
|
|
1176
1176
|
readonly scale: "spacing";
|
|
1177
1177
|
}>;
|
|
1178
|
-
pl?: import("
|
|
1178
|
+
pl?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1179
1179
|
readonly property: "paddingLeft";
|
|
1180
1180
|
readonly scale: "spacing";
|
|
1181
1181
|
}>;
|
|
1182
|
-
m?: import("
|
|
1182
|
+
m?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1183
1183
|
readonly property: "margin";
|
|
1184
1184
|
readonly scale: "spacing";
|
|
1185
1185
|
}>;
|
|
1186
|
-
mx?: import("
|
|
1186
|
+
mx?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1187
1187
|
readonly property: "margin";
|
|
1188
1188
|
readonly properties: readonly ["marginLeft", "marginRight"];
|
|
1189
1189
|
readonly scale: "spacing";
|
|
1190
1190
|
}>;
|
|
1191
|
-
my?: import("
|
|
1191
|
+
my?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1192
1192
|
readonly property: "margin";
|
|
1193
1193
|
readonly properties: readonly ["marginTop", "marginBottom"];
|
|
1194
1194
|
readonly scale: "spacing";
|
|
1195
1195
|
}>;
|
|
1196
|
-
mt?: import("
|
|
1196
|
+
mt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1197
1197
|
readonly property: "marginTop";
|
|
1198
1198
|
readonly scale: "spacing";
|
|
1199
1199
|
}>;
|
|
1200
|
-
mb?: import("
|
|
1200
|
+
mb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1201
1201
|
readonly property: "marginBottom";
|
|
1202
1202
|
readonly scale: "spacing";
|
|
1203
1203
|
}>;
|
|
1204
|
-
mr?: import("
|
|
1204
|
+
mr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1205
1205
|
readonly property: "marginRight";
|
|
1206
1206
|
readonly scale: "spacing";
|
|
1207
1207
|
}>;
|
|
1208
|
-
ml?: import("
|
|
1208
|
+
ml?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1209
1209
|
readonly property: "marginLeft";
|
|
1210
1210
|
readonly scale: "spacing";
|
|
1211
1211
|
}>;
|
|
1212
|
-
borderX?: import("
|
|
1212
|
+
borderX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1213
1213
|
readonly property: "border";
|
|
1214
1214
|
readonly properties: readonly ["borderLeft", "borderRight"];
|
|
1215
1215
|
readonly scale: "borders";
|
|
1216
1216
|
}>;
|
|
1217
|
-
borderY?: import("
|
|
1217
|
+
borderY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1218
1218
|
readonly property: "border";
|
|
1219
1219
|
readonly properties: readonly ["borderTop", "borderBottom"];
|
|
1220
1220
|
readonly scale: "borders";
|
|
1221
1221
|
}>;
|
|
1222
|
-
borderWidthX?: import("
|
|
1222
|
+
borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1223
1223
|
readonly property: "borderWidth";
|
|
1224
1224
|
readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
|
|
1225
1225
|
}>;
|
|
1226
|
-
borderWidthY?: import("
|
|
1226
|
+
borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1227
1227
|
readonly property: "borderWidth";
|
|
1228
1228
|
readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
|
|
1229
1229
|
}>;
|
|
1230
|
-
borderWidthLeft?: import("
|
|
1230
|
+
borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1231
1231
|
readonly property: "borderLeftWidth";
|
|
1232
1232
|
}>;
|
|
1233
|
-
borderWidthRight?: import("
|
|
1233
|
+
borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1234
1234
|
readonly property: "borderRightWidth";
|
|
1235
1235
|
}>;
|
|
1236
|
-
borderWidthTop?: import("
|
|
1236
|
+
borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1237
1237
|
readonly property: "borderTopWidth";
|
|
1238
1238
|
}>;
|
|
1239
|
-
borderWidthBottom?: import("
|
|
1239
|
+
borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1240
1240
|
readonly property: "borderBottomWidth";
|
|
1241
1241
|
}>;
|
|
1242
|
-
borderRadiusLeft?: import("
|
|
1242
|
+
borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1243
1243
|
readonly property: "borderRadius";
|
|
1244
1244
|
readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
|
|
1245
1245
|
readonly scale: "borderRadii";
|
|
1246
1246
|
}>;
|
|
1247
|
-
borderRadiusTop?: import("
|
|
1247
|
+
borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1248
1248
|
readonly property: "borderRadius";
|
|
1249
1249
|
readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
|
|
1250
1250
|
readonly scale: "borderRadii";
|
|
1251
1251
|
}>;
|
|
1252
|
-
borderRadiusBottom?: import("
|
|
1252
|
+
borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1253
1253
|
readonly property: "borderRadius";
|
|
1254
1254
|
readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
|
|
1255
1255
|
readonly scale: "borderRadii";
|
|
1256
1256
|
}>;
|
|
1257
|
-
borderRadiusRight?: import("
|
|
1257
|
+
borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1258
1258
|
readonly property: "borderRadius";
|
|
1259
1259
|
readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
|
|
1260
1260
|
readonly scale: "borderRadii";
|
|
1261
1261
|
}>;
|
|
1262
|
-
borderRadiusTopLeft?: import("
|
|
1262
|
+
borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1263
1263
|
readonly property: "borderTopLeftRadius";
|
|
1264
1264
|
readonly scale: "borderRadii";
|
|
1265
1265
|
}>;
|
|
1266
|
-
borderRadiusTopRight?: import("
|
|
1266
|
+
borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1267
1267
|
readonly property: "borderTopRightRadius";
|
|
1268
1268
|
readonly scale: "borderRadii";
|
|
1269
1269
|
}>;
|
|
1270
|
-
borderRadiusBottomRight?: import("
|
|
1270
|
+
borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1271
1271
|
readonly property: "borderBottomRightRadius";
|
|
1272
1272
|
readonly scale: "borderRadii";
|
|
1273
1273
|
}>;
|
|
1274
|
-
borderRadiusBottomLeft?: import("
|
|
1274
|
+
borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1275
1275
|
readonly property: "borderBottomLeftRadius";
|
|
1276
1276
|
readonly scale: "borderRadii";
|
|
1277
1277
|
}>;
|
|
1278
|
-
borderStyleX?: import("
|
|
1278
|
+
borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1279
1279
|
readonly property: "borderStyle";
|
|
1280
1280
|
readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
|
|
1281
1281
|
}>;
|
|
1282
|
-
borderStyleY?: import("
|
|
1282
|
+
borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1283
1283
|
readonly property: "borderStyle";
|
|
1284
1284
|
readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
|
|
1285
1285
|
}>;
|
|
1286
|
-
borderStyleLeft?: import("
|
|
1286
|
+
borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1287
1287
|
readonly property: "borderLeftStyle";
|
|
1288
1288
|
}>;
|
|
1289
|
-
borderStyleRight?: import("
|
|
1289
|
+
borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1290
1290
|
readonly property: "borderRightStyle";
|
|
1291
1291
|
}>;
|
|
1292
|
-
borderStyleTop?: import("
|
|
1292
|
+
borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1293
1293
|
readonly property: "borderTopStyle";
|
|
1294
1294
|
}>;
|
|
1295
|
-
borderStyleBottom?: import("
|
|
1295
|
+
borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1296
1296
|
readonly property: "borderBottomStyle";
|
|
1297
1297
|
}>;
|
|
1298
1298
|
} & {
|