@codecademy/gamut-styles 14.0.1 → 14.0.2-alpha.44a62c.0

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