@codecademy/gamut 72.2.2-alpha.d64fc5.0 → 72.2.2-alpha.dfb0a2.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 (24) hide show
  1. package/dist/Alert/elements.d.ts +2 -2
  2. package/dist/BarChart/BarRow/elements.d.ts +109 -109
  3. package/dist/Button/index.d.ts +1 -1
  4. package/dist/ButtonBase/index.d.ts +1 -1
  5. package/dist/ButtonBase/index.js +1 -1
  6. package/dist/Card/elements.d.ts +327 -327
  7. package/dist/Disclosure/elements.d.ts +6 -6
  8. package/dist/Form/elements/Form.d.ts +78 -78
  9. package/dist/Form/index.d.ts +2 -0
  10. package/dist/Form/index.js +2 -1
  11. package/dist/GridForm/GridFormButtons/index.d.ts +3 -3
  12. package/dist/List/elements.d.ts +109 -109
  13. package/dist/Markdown/index.d.ts +1 -1
  14. package/dist/Markdown/index.js +1 -1
  15. package/dist/Menu/index.d.ts +1 -0
  16. package/dist/Menu/index.js +2 -1
  17. package/dist/Modals/elements.d.ts +34 -34
  18. package/dist/Pagination/AnimatedPaginationButtons.d.ts +79 -79
  19. package/dist/Pagination/EllipsisButton.d.ts +2 -2
  20. package/dist/Pagination/utils.d.ts +79 -79
  21. package/dist/PatternBackdrop/PatternBackdrop.d.ts +34 -34
  22. package/dist/Tag/elements.d.ts +2 -2
  23. package/dist/Toggle/elements.d.ts +38 -38
  24. package/package.json +6 -6
package/dist/BarChart/BarRow/elements.d.ts CHANGED
@@ -40,34 +40,34 @@ export declare const BarWrapper: import("@emotion/styled").StyledComponent<{
40
40
  theme?: import("@emotion/react").Theme;
41
41
  }, {}, {}>;
42
42
  export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
43
- color?: import("@codecademy/variance/dist/types/config").Scale<{
43
+ color?: import("@codecademy/variance").Scale<{
44
44
  readonly property: "color";
45
45
  readonly scale: "colors";
46
46
  }>;
47
- fontSize?: import("@codecademy/variance/dist/types/config").Scale<{
47
+ fontSize?: import("@codecademy/variance").Scale<{
48
48
  readonly property: "fontSize";
49
49
  readonly scale: "fontSize";
50
50
  }>;
51
- fontFamily?: import("@codecademy/variance/dist/types/config").Scale<{
51
+ fontFamily?: import("@codecademy/variance").Scale<{
52
52
  readonly property: "fontFamily";
53
53
  readonly scale: "fontFamily";
54
54
  }>;
55
- lineHeight?: import("@codecademy/variance/dist/types/config").Scale<{
55
+ lineHeight?: import("@codecademy/variance").Scale<{
56
56
  readonly property: "lineHeight";
57
57
  readonly scale: "lineHeight";
58
58
  }>;
59
- fontWeight?: import("@codecademy/variance/dist/types/config").Scale<{
59
+ fontWeight?: import("@codecademy/variance").Scale<{
60
60
  readonly property: "fontWeight";
61
61
  readonly scale: "fontWeight";
62
62
  }>;
63
- background?: import("@codecademy/variance/dist/types/config").Scale<{
63
+ background?: import("@codecademy/variance").Scale<{
64
64
  readonly property: "background";
65
65
  }>;
66
- border?: import("@codecademy/variance/dist/types/config").Scale<{
66
+ border?: import("@codecademy/variance").Scale<{
67
67
  readonly property: "border";
68
68
  readonly scale: "borders";
69
69
  }>;
70
- p?: import("@codecademy/variance/dist/types/config").Scale<{
70
+ p?: import("@codecademy/variance").Scale<{
71
71
  readonly property: "padding";
72
72
  readonly scale: "spacing";
73
73
  }>;
@@ -76,7 +76,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
76
76
  center?: boolean | undefined;
77
77
  dir?: string | undefined;
78
78
  className?: string | undefined;
79
- height?: import("@codecademy/variance/dist/types/config").Scale<{
79
+ height?: import("@codecademy/variance").Scale<{
80
80
  readonly property: {
81
81
  readonly physical: "height";
82
82
  readonly logical: "blockSize";
@@ -84,7 +84,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
84
84
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
85
85
  readonly transform: (value: string | number) => string | 0;
86
86
  }>;
87
- width?: import("@codecademy/variance/dist/types/config").Scale<{
87
+ width?: import("@codecademy/variance").Scale<{
88
88
  readonly property: {
89
89
  readonly physical: "width";
90
90
  readonly logical: "inlineSize";
@@ -352,16 +352,16 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
352
352
  alignContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | undefined;
353
353
  alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "anchor-center" | "baseline" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | undefined;
354
354
  alignSelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "anchor-center" | "auto" | "baseline" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | undefined;
355
- backgroundImage?: import("@codecademy/variance/dist/types/config").Scale<{
355
+ backgroundImage?: import("@codecademy/variance").Scale<{
356
356
  readonly property: "backgroundImage";
357
357
  }>;
358
- backgroundRepeat?: import("@codecademy/variance/dist/types/config").Scale<{
358
+ backgroundRepeat?: import("@codecademy/variance").Scale<{
359
359
  readonly property: "backgroundRepeat";
360
360
  }>;
361
- backgroundSize?: import("@codecademy/variance/dist/types/config").Scale<{
361
+ backgroundSize?: import("@codecademy/variance").Scale<{
362
362
  readonly property: "backgroundSize";
363
363
  }>;
364
- bottom?: import("@codecademy/variance/dist/types/config").Scale<{
364
+ bottom?: import("@codecademy/variance").Scale<{
365
365
  readonly property: {
366
366
  readonly physical: "bottom";
367
367
  readonly logical: "insetBlockEnd";
@@ -369,60 +369,60 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
369
369
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
370
370
  readonly transform: (value: string | number) => string | 0;
371
371
  }>;
372
- boxShadow?: import("@codecademy/variance/dist/types/config").Scale<{
372
+ boxShadow?: import("@codecademy/variance").Scale<{
373
373
  readonly property: "boxShadow";
374
374
  }>;
375
- columnGap?: import("@codecademy/variance/dist/types/config").Scale<{
375
+ columnGap?: import("@codecademy/variance").Scale<{
376
376
  readonly property: "columnGap";
377
377
  readonly scale: "spacing";
378
378
  }>;
379
- containerType?: import("@codecademy/variance/dist/types/config").Scale<{
379
+ containerType?: import("@codecademy/variance").Scale<{
380
380
  readonly property: "containerType";
381
381
  }>;
382
- direction?: import("@codecademy/variance/dist/types/config").Scale<{
382
+ direction?: import("@codecademy/variance").Scale<{
383
383
  readonly property: "direction";
384
384
  }>;
385
- display?: import("@codecademy/variance/dist/types/config").Scale<{
385
+ display?: import("@codecademy/variance").Scale<{
386
386
  readonly property: "display";
387
387
  }>;
388
388
  flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "-webkit-auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | undefined;
389
- flexDirection?: import("@codecademy/variance/dist/types/config").Scale<{
389
+ flexDirection?: import("@codecademy/variance").Scale<{
390
390
  readonly property: "flexDirection";
391
391
  }>;
392
392
  flexGrow?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexGrow | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexGrow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexGrow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexGrow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexGrow | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexGrow | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexGrow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexGrow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexGrow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexGrow | undefined) | undefined> | undefined;
393
393
  flexShrink?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexShrink | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexShrink | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexShrink | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexShrink | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexShrink | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexShrink | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexShrink | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexShrink | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexShrink | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexShrink | undefined) | undefined> | undefined;
394
- flexWrap?: import("@codecademy/variance/dist/types/config").Scale<{
394
+ flexWrap?: import("@codecademy/variance").Scale<{
395
395
  readonly property: "flexWrap";
396
396
  }>;
397
- fontStyle?: import("@codecademy/variance/dist/types/config").Scale<{
397
+ fontStyle?: import("@codecademy/variance").Scale<{
398
398
  readonly property: "fontStyle";
399
399
  }>;
400
- gridAutoColumns?: import("@codecademy/variance/dist/types/config").Scale<{
400
+ gridAutoColumns?: import("@codecademy/variance").Scale<{
401
401
  readonly property: "gridAutoColumns";
402
402
  }>;
403
- gridAutoFlow?: import("@codecademy/variance/dist/types/config").Scale<{
403
+ gridAutoFlow?: import("@codecademy/variance").Scale<{
404
404
  readonly property: "gridAutoFlow";
405
405
  }>;
406
- gridAutoRows?: import("@codecademy/variance/dist/types/config").Scale<{
406
+ gridAutoRows?: import("@codecademy/variance").Scale<{
407
407
  readonly property: "gridAutoRows";
408
408
  }>;
409
409
  gridColumnEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | undefined;
410
410
  gridColumnStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | undefined;
411
411
  gridRowEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | undefined;
412
412
  gridRowStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | undefined;
413
- gridTemplateAreas?: import("@codecademy/variance/dist/types/config").Scale<{
413
+ gridTemplateAreas?: import("@codecademy/variance").Scale<{
414
414
  readonly property: "gridTemplateAreas";
415
415
  }>;
416
- gridTemplateColumns?: import("@codecademy/variance/dist/types/config").Scale<{
416
+ gridTemplateColumns?: import("@codecademy/variance").Scale<{
417
417
  readonly property: "gridTemplateColumns";
418
418
  }>;
419
- gridTemplateRows?: import("@codecademy/variance/dist/types/config").Scale<{
419
+ gridTemplateRows?: import("@codecademy/variance").Scale<{
420
420
  readonly property: "gridTemplateRows";
421
421
  }>;
422
422
  justifyContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "start" | "stretch" | "space-around" | "space-between" | "space-evenly" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | undefined;
423
423
  justifyItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "anchor-center" | "baseline" | "stretch" | "legacy" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | undefined;
424
424
  justifySelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "anchor-center" | "auto" | "baseline" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | undefined;
425
- left?: import("@codecademy/variance/dist/types/config").Scale<{
425
+ left?: import("@codecademy/variance").Scale<{
426
426
  readonly property: {
427
427
  readonly physical: "left";
428
428
  readonly logical: "insetInlineStart";
@@ -430,19 +430,19 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
430
430
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
431
431
  readonly transform: (value: string | number) => string | 0;
432
432
  }>;
433
- letterSpacing?: import("@codecademy/variance/dist/types/config").Scale<{
433
+ letterSpacing?: import("@codecademy/variance").Scale<{
434
434
  readonly property: "letterSpacing";
435
435
  }>;
436
- listStyleImage?: import("@codecademy/variance/dist/types/config").Scale<{
436
+ listStyleImage?: import("@codecademy/variance").Scale<{
437
437
  readonly property: "listStyleImage";
438
438
  }>;
439
- listStylePosition?: import("@codecademy/variance/dist/types/config").Scale<{
439
+ listStylePosition?: import("@codecademy/variance").Scale<{
440
440
  readonly property: "listStylePosition";
441
441
  }>;
442
- listStyleType?: import("@codecademy/variance/dist/types/config").Scale<{
442
+ listStyleType?: import("@codecademy/variance").Scale<{
443
443
  readonly property: "listStyleType";
444
444
  }>;
445
- maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
445
+ maxHeight?: import("@codecademy/variance").Scale<{
446
446
  readonly property: {
447
447
  readonly physical: "maxHeight";
448
448
  readonly logical: "maxBlockSize";
@@ -450,7 +450,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
450
450
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
451
451
  readonly transform: (value: string | number) => string | 0;
452
452
  }>;
453
- maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
453
+ maxWidth?: import("@codecademy/variance").Scale<{
454
454
  readonly property: {
455
455
  readonly physical: "maxWidth";
456
456
  readonly logical: "maxInlineSize";
@@ -458,7 +458,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
458
458
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
459
459
  readonly transform: (value: string | number) => string | 0;
460
460
  }>;
461
- minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
461
+ minHeight?: import("@codecademy/variance").Scale<{
462
462
  readonly property: {
463
463
  readonly physical: "minHeight";
464
464
  readonly logical: "minBlockSize";
@@ -466,7 +466,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
466
466
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
467
467
  readonly transform: (value: string | number) => string | 0;
468
468
  }>;
469
- minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
469
+ minWidth?: import("@codecademy/variance").Scale<{
470
470
  readonly property: {
471
471
  readonly physical: "minWidth";
472
472
  readonly logical: "minInlineSize";
@@ -474,28 +474,28 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
474
474
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
475
475
  readonly transform: (value: string | number) => string | 0;
476
476
  }>;
477
- opacity?: import("@codecademy/variance/dist/types/config").Scale<{
477
+ opacity?: import("@codecademy/variance").Scale<{
478
478
  readonly property: "opacity";
479
479
  }>;
480
480
  order?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.Order | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.Order | ((theme: import("@emotion/react").Theme) => import("csstype").Property.Order | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.Order | ((theme: import("@emotion/react").Theme) => import("csstype").Property.Order | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.Order | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.Order | ((theme: import("@emotion/react").Theme) => import("csstype").Property.Order | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.Order | ((theme: import("@emotion/react").Theme) => import("csstype").Property.Order | undefined) | undefined> | undefined;
481
- overflowX?: import("@codecademy/variance/dist/types/config").Scale<{
481
+ overflowX?: import("@codecademy/variance").Scale<{
482
482
  readonly property: {
483
483
  readonly physical: "overflowX";
484
484
  readonly logical: "overflowInline";
485
485
  };
486
486
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
487
487
  }>;
488
- overflowY?: import("@codecademy/variance/dist/types/config").Scale<{
488
+ overflowY?: import("@codecademy/variance").Scale<{
489
489
  readonly property: {
490
490
  readonly physical: "overflowY";
491
491
  readonly logical: "overflowBlock";
492
492
  };
493
493
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
494
494
  }>;
495
- position?: import("@codecademy/variance/dist/types/config").Scale<{
495
+ position?: import("@codecademy/variance").Scale<{
496
496
  readonly property: "position";
497
497
  }>;
498
- right?: import("@codecademy/variance/dist/types/config").Scale<{
498
+ right?: import("@codecademy/variance").Scale<{
499
499
  readonly property: {
500
500
  readonly physical: "right";
501
501
  readonly logical: "insetInlineEnd";
@@ -503,20 +503,20 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
503
503
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
504
504
  readonly transform: (value: string | number) => string | 0;
505
505
  }>;
506
- rowGap?: import("@codecademy/variance/dist/types/config").Scale<{
506
+ rowGap?: import("@codecademy/variance").Scale<{
507
507
  readonly property: "rowGap";
508
508
  readonly scale: "spacing";
509
509
  }>;
510
- textAlign?: import("@codecademy/variance/dist/types/config").Scale<{
510
+ textAlign?: import("@codecademy/variance").Scale<{
511
511
  readonly property: "textAlign";
512
512
  }>;
513
- textShadow?: import("@codecademy/variance/dist/types/config").Scale<{
513
+ textShadow?: import("@codecademy/variance").Scale<{
514
514
  readonly property: "textShadow";
515
515
  }>;
516
- textTransform?: import("@codecademy/variance/dist/types/config").Scale<{
516
+ textTransform?: import("@codecademy/variance").Scale<{
517
517
  readonly property: "textTransform";
518
518
  }>;
519
- top?: import("@codecademy/variance/dist/types/config").Scale<{
519
+ top?: import("@codecademy/variance").Scale<{
520
520
  readonly property: {
521
521
  readonly physical: "top";
522
522
  readonly logical: "insetBlockStart";
@@ -524,19 +524,19 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
524
524
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
525
525
  readonly transform: (value: string | number) => string | 0;
526
526
  }>;
527
- verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{
527
+ verticalAlign?: import("@codecademy/variance").Scale<{
528
528
  readonly property: "verticalAlign";
529
529
  }>;
530
- whiteSpace?: import("@codecademy/variance/dist/types/config").Scale<{
530
+ whiteSpace?: import("@codecademy/variance").Scale<{
531
531
  readonly property: "whiteSpace";
532
532
  }>;
533
- zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
533
+ zIndex?: import("@codecademy/variance").Scale<{
534
534
  readonly property: "zIndex";
535
535
  }>;
536
- backgroundPosition?: import("@codecademy/variance/dist/types/config").Scale<{
536
+ backgroundPosition?: import("@codecademy/variance").Scale<{
537
537
  readonly property: "backgroundPosition";
538
538
  }>;
539
- borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
539
+ borderBottom?: import("@codecademy/variance").Scale<{
540
540
  readonly property: {
541
541
  readonly physical: "borderBottom";
542
542
  readonly logical: "borderBlockEnd";
@@ -544,11 +544,11 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
544
544
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
545
545
  readonly scale: "borders";
546
546
  }>;
547
- borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
547
+ borderColor?: import("@codecademy/variance").Scale<{
548
548
  readonly property: "borderColor";
549
549
  readonly scale: "colors";
550
550
  }>;
551
- borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
551
+ borderLeft?: import("@codecademy/variance").Scale<{
552
552
  readonly property: {
553
553
  readonly physical: "borderLeft";
554
554
  readonly logical: "borderInlineStart";
@@ -556,11 +556,11 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
556
556
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
557
557
  readonly scale: "borders";
558
558
  }>;
559
- borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
559
+ borderRadius?: import("@codecademy/variance").Scale<{
560
560
  readonly property: "borderRadius";
561
561
  readonly scale: "borderRadii";
562
562
  }>;
563
- borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
563
+ borderRight?: import("@codecademy/variance").Scale<{
564
564
  readonly property: {
565
565
  readonly physical: "borderRight";
566
566
  readonly logical: "borderInlineEnd";
@@ -568,10 +568,10 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
568
568
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
569
569
  readonly scale: "borders";
570
570
  }>;
571
- borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
571
+ borderStyle?: import("@codecademy/variance").Scale<{
572
572
  readonly property: "borderStyle";
573
573
  }>;
574
- borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
574
+ borderTop?: import("@codecademy/variance").Scale<{
575
575
  readonly property: {
576
576
  readonly physical: "borderTop";
577
577
  readonly logical: "borderBlockStart";
@@ -579,20 +579,20 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
579
579
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
580
580
  readonly scale: "borders";
581
581
  }>;
582
- borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
582
+ borderWidth?: import("@codecademy/variance").Scale<{
583
583
  readonly property: "borderWidth";
584
584
  }>;
585
- flex?: import("@codecademy/variance/dist/types/config").Scale<{
585
+ flex?: import("@codecademy/variance").Scale<{
586
586
  readonly property: "flex";
587
587
  }>;
588
- gap?: import("@codecademy/variance/dist/types/config").Scale<{
588
+ gap?: import("@codecademy/variance").Scale<{
589
589
  readonly property: "gap";
590
590
  readonly scale: "spacing";
591
591
  }>;
592
592
  gridArea?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | undefined;
593
593
  gridColumn?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | undefined;
594
594
  gridRow?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | undefined;
595
- inset?: import("@codecademy/variance/dist/types/config").Scale<{
595
+ inset?: import("@codecademy/variance").Scale<{
596
596
  readonly property: "inset";
597
597
  readonly properties: {
598
598
  readonly physical: readonly ["top", "right", "bottom", "left"];
@@ -601,16 +601,16 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
601
601
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
602
602
  readonly transform: (value: string | number) => string | 0;
603
603
  }>;
604
- listStyle?: import("@codecademy/variance/dist/types/config").Scale<{
604
+ listStyle?: import("@codecademy/variance").Scale<{
605
605
  readonly property: "listStyle";
606
606
  }>;
607
- overflow?: import("@codecademy/variance/dist/types/config").Scale<{
607
+ overflow?: import("@codecademy/variance").Scale<{
608
608
  readonly property: "overflow";
609
609
  }>;
610
- textDecoration?: import("@codecademy/variance/dist/types/config").Scale<{
610
+ textDecoration?: import("@codecademy/variance").Scale<{
611
611
  readonly property: "textDecoration";
612
612
  }>;
613
- px?: import("@codecademy/variance/dist/types/config").Scale<{
613
+ px?: import("@codecademy/variance").Scale<{
614
614
  readonly property: "padding";
615
615
  readonly properties: {
616
616
  readonly physical: readonly ["paddingLeft", "paddingRight"];
@@ -619,7 +619,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
619
619
  readonly scale: "spacing";
620
620
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
621
621
  }>;
622
- py?: import("@codecademy/variance/dist/types/config").Scale<{
622
+ py?: import("@codecademy/variance").Scale<{
623
623
  readonly property: "padding";
624
624
  readonly properties: {
625
625
  readonly physical: readonly ["paddingTop", "paddingBottom"];
@@ -628,7 +628,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
628
628
  readonly scale: "spacing";
629
629
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
630
630
  }>;
631
- pt?: import("@codecademy/variance/dist/types/config").Scale<{
631
+ pt?: import("@codecademy/variance").Scale<{
632
632
  readonly property: {
633
633
  readonly physical: "paddingTop";
634
634
  readonly logical: "paddingBlockStart";
@@ -636,7 +636,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
636
636
  readonly scale: "spacing";
637
637
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
638
638
  }>;
639
- pb?: import("@codecademy/variance/dist/types/config").Scale<{
639
+ pb?: import("@codecademy/variance").Scale<{
640
640
  readonly property: {
641
641
  readonly physical: "paddingBottom";
642
642
  readonly logical: "paddingBlockEnd";
@@ -644,7 +644,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
644
644
  readonly scale: "spacing";
645
645
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
646
646
  }>;
647
- pr?: import("@codecademy/variance/dist/types/config").Scale<{
647
+ pr?: import("@codecademy/variance").Scale<{
648
648
  readonly property: {
649
649
  readonly physical: "paddingRight";
650
650
  readonly logical: "paddingInlineEnd";
@@ -652,7 +652,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
652
652
  readonly scale: "spacing";
653
653
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
654
654
  }>;
655
- pl?: import("@codecademy/variance/dist/types/config").Scale<{
655
+ pl?: import("@codecademy/variance").Scale<{
656
656
  readonly property: {
657
657
  readonly physical: "paddingLeft";
658
658
  readonly logical: "paddingInlineStart";
@@ -660,11 +660,11 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
660
660
  readonly scale: "spacing";
661
661
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
662
662
  }>;
663
- m?: import("@codecademy/variance/dist/types/config").Scale<{
663
+ m?: import("@codecademy/variance").Scale<{
664
664
  readonly property: "margin";
665
665
  readonly scale: "spacing";
666
666
  }>;
667
- mx?: import("@codecademy/variance/dist/types/config").Scale<{
667
+ mx?: import("@codecademy/variance").Scale<{
668
668
  readonly property: "margin";
669
669
  readonly properties: {
670
670
  readonly physical: readonly ["marginLeft", "marginRight"];
@@ -673,7 +673,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
673
673
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
674
674
  readonly scale: "spacing";
675
675
  }>;
676
- my?: import("@codecademy/variance/dist/types/config").Scale<{
676
+ my?: import("@codecademy/variance").Scale<{
677
677
  readonly property: "margin";
678
678
  readonly properties: {
679
679
  readonly physical: readonly ["marginTop", "marginBottom"];
@@ -682,7 +682,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
682
682
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
683
683
  readonly scale: "spacing";
684
684
  }>;
685
- mt?: import("@codecademy/variance/dist/types/config").Scale<{
685
+ mt?: import("@codecademy/variance").Scale<{
686
686
  readonly property: {
687
687
  readonly physical: "marginTop";
688
688
  readonly logical: "marginBlockStart";
@@ -690,7 +690,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
690
690
  readonly scale: "spacing";
691
691
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
692
692
  }>;
693
- mb?: import("@codecademy/variance/dist/types/config").Scale<{
693
+ mb?: import("@codecademy/variance").Scale<{
694
694
  readonly property: {
695
695
  readonly physical: "marginBottom";
696
696
  readonly logical: "marginBlockEnd";
@@ -698,7 +698,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
698
698
  readonly scale: "spacing";
699
699
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
700
700
  }>;
701
- mr?: import("@codecademy/variance/dist/types/config").Scale<{
701
+ mr?: import("@codecademy/variance").Scale<{
702
702
  readonly property: {
703
703
  readonly physical: "marginRight";
704
704
  readonly logical: "marginInlineEnd";
@@ -706,7 +706,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
706
706
  readonly scale: "spacing";
707
707
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
708
708
  }>;
709
- ml?: import("@codecademy/variance/dist/types/config").Scale<{
709
+ ml?: import("@codecademy/variance").Scale<{
710
710
  readonly property: {
711
711
  readonly physical: "marginLeft";
712
712
  readonly logical: "marginInlineStart";
@@ -714,7 +714,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
714
714
  readonly scale: "spacing";
715
715
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
716
716
  }>;
717
- borderX?: import("@codecademy/variance/dist/types/config").Scale<{
717
+ borderX?: import("@codecademy/variance").Scale<{
718
718
  readonly property: "border";
719
719
  readonly properties: {
720
720
  readonly physical: readonly ["borderLeft", "borderRight"];
@@ -723,7 +723,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
723
723
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
724
724
  readonly scale: "borders";
725
725
  }>;
726
- borderY?: import("@codecademy/variance/dist/types/config").Scale<{
726
+ borderY?: import("@codecademy/variance").Scale<{
727
727
  readonly property: "border";
728
728
  readonly properties: {
729
729
  readonly physical: readonly ["borderTop", "borderBottom"];
@@ -732,7 +732,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
732
732
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
733
733
  readonly scale: "borders";
734
734
  }>;
735
- borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
735
+ borderWidthX?: import("@codecademy/variance").Scale<{
736
736
  readonly property: "borderWidth";
737
737
  readonly properties: {
738
738
  readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
@@ -740,7 +740,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
740
740
  };
741
741
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
742
742
  }>;
743
- borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
743
+ borderWidthY?: import("@codecademy/variance").Scale<{
744
744
  readonly property: "borderWidth";
745
745
  readonly properties: {
746
746
  readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
@@ -748,35 +748,35 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
748
748
  };
749
749
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
750
750
  }>;
751
- borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
751
+ borderWidthLeft?: import("@codecademy/variance").Scale<{
752
752
  readonly property: {
753
753
  readonly physical: "borderLeftWidth";
754
754
  readonly logical: "borderInlineStartWidth";
755
755
  };
756
756
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
757
757
  }>;
758
- borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
758
+ borderWidthRight?: import("@codecademy/variance").Scale<{
759
759
  readonly property: {
760
760
  readonly physical: "borderRightWidth";
761
761
  readonly logical: "borderInlineEndWidth";
762
762
  };
763
763
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
764
764
  }>;
765
- borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
765
+ borderWidthTop?: import("@codecademy/variance").Scale<{
766
766
  readonly property: {
767
767
  readonly physical: "borderTopWidth";
768
768
  readonly logical: "borderBlockStartWidth";
769
769
  };
770
770
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
771
771
  }>;
772
- borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
772
+ borderWidthBottom?: import("@codecademy/variance").Scale<{
773
773
  readonly property: {
774
774
  readonly physical: "borderBottomWidth";
775
775
  readonly logical: "borderBlockEndWidth";
776
776
  };
777
777
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
778
778
  }>;
779
- borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
779
+ borderRadiusLeft?: import("@codecademy/variance").Scale<{
780
780
  readonly property: "borderRadius";
781
781
  readonly properties: {
782
782
  readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
@@ -785,7 +785,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
785
785
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
786
786
  readonly scale: "borderRadii";
787
787
  }>;
788
- borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
788
+ borderRadiusTop?: import("@codecademy/variance").Scale<{
789
789
  readonly property: "borderRadius";
790
790
  readonly properties: {
791
791
  readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
@@ -794,7 +794,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
794
794
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
795
795
  readonly scale: "borderRadii";
796
796
  }>;
797
- borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
797
+ borderRadiusBottom?: import("@codecademy/variance").Scale<{
798
798
  readonly property: "borderRadius";
799
799
  readonly properties: {
800
800
  readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
@@ -803,7 +803,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
803
803
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
804
804
  readonly scale: "borderRadii";
805
805
  }>;
806
- borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
806
+ borderRadiusRight?: import("@codecademy/variance").Scale<{
807
807
  readonly property: "borderRadius";
808
808
  readonly properties: {
809
809
  readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
@@ -812,7 +812,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
812
812
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
813
813
  readonly scale: "borderRadii";
814
814
  }>;
815
- borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
815
+ borderRadiusTopLeft?: import("@codecademy/variance").Scale<{
816
816
  readonly property: {
817
817
  readonly physical: "borderTopLeftRadius";
818
818
  readonly logical: "borderStartStartRadius";
@@ -820,7 +820,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
820
820
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
821
821
  readonly scale: "borderRadii";
822
822
  }>;
823
- borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
823
+ borderRadiusTopRight?: import("@codecademy/variance").Scale<{
824
824
  readonly property: {
825
825
  readonly physical: "borderTopRightRadius";
826
826
  readonly logical: "borderStartEndRadius";
@@ -828,7 +828,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
828
828
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
829
829
  readonly scale: "borderRadii";
830
830
  }>;
831
- borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
831
+ borderRadiusBottomRight?: import("@codecademy/variance").Scale<{
832
832
  readonly property: {
833
833
  readonly physical: "borderBottomRightRadius";
834
834
  readonly logical: "borderEndEndRadius";
@@ -836,7 +836,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
836
836
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
837
837
  readonly scale: "borderRadii";
838
838
  }>;
839
- borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
839
+ borderRadiusBottomLeft?: import("@codecademy/variance").Scale<{
840
840
  readonly property: {
841
841
  readonly physical: "borderBottomLeftRadius";
842
842
  readonly logical: "borderEndStartRadius";
@@ -844,7 +844,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
844
844
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
845
845
  readonly scale: "borderRadii";
846
846
  }>;
847
- borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
847
+ borderStyleX?: import("@codecademy/variance").Scale<{
848
848
  readonly property: "borderStyle";
849
849
  readonly properties: {
850
850
  readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
@@ -852,7 +852,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
852
852
  };
853
853
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
854
854
  }>;
855
- borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
855
+ borderStyleY?: import("@codecademy/variance").Scale<{
856
856
  readonly property: "borderStyle";
857
857
  readonly properties: {
858
858
  readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
@@ -860,35 +860,35 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
860
860
  };
861
861
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
862
862
  }>;
863
- borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
863
+ borderStyleLeft?: import("@codecademy/variance").Scale<{
864
864
  readonly property: {
865
865
  readonly physical: "borderLeftStyle";
866
866
  readonly logical: "borderInlineStartStyle";
867
867
  };
868
868
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
869
869
  }>;
870
- borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
870
+ borderStyleRight?: import("@codecademy/variance").Scale<{
871
871
  readonly property: {
872
872
  readonly physical: "borderRightStyle";
873
873
  readonly logical: "borderInlineEndStyle";
874
874
  };
875
875
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
876
876
  }>;
877
- borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
877
+ borderStyleTop?: import("@codecademy/variance").Scale<{
878
878
  readonly property: {
879
879
  readonly physical: "borderTopStyle";
880
880
  readonly logical: "borderBlockStartStyle";
881
881
  };
882
882
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
883
883
  }>;
884
- borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
884
+ borderStyleBottom?: import("@codecademy/variance").Scale<{
885
885
  readonly property: {
886
886
  readonly physical: "borderBottomStyle";
887
887
  readonly logical: "borderBlockEndStyle";
888
888
  };
889
889
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
890
890
  }>;
891
- dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
891
+ dimensions?: import("@codecademy/variance").Scale<{
892
892
  readonly property: "width";
893
893
  readonly properties: {
894
894
  readonly physical: readonly ["width", "height"];
@@ -897,15 +897,15 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
897
897
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
898
898
  readonly transform: (value: string | number) => string | 0;
899
899
  }>;
900
- textColor?: import("@codecademy/variance/dist/types/config").Scale<{
900
+ textColor?: import("@codecademy/variance").Scale<{
901
901
  readonly property: "color";
902
902
  readonly scale: "colors";
903
903
  }>;
904
- bg?: import("@codecademy/variance/dist/types/config").Scale<{
904
+ bg?: import("@codecademy/variance").Scale<{
905
905
  readonly property: "backgroundColor";
906
906
  readonly scale: "colors";
907
907
  }>;
908
- borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
908
+ borderColorX?: import("@codecademy/variance").Scale<{
909
909
  readonly property: "borderColor";
910
910
  readonly properties: {
911
911
  readonly physical: readonly ["borderLeftColor", "borderRightColor"];
@@ -914,7 +914,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
914
914
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
915
915
  readonly scale: "colors";
916
916
  }>;
917
- borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
917
+ borderColorY?: import("@codecademy/variance").Scale<{
918
918
  readonly property: "borderColor";
919
919
  readonly properties: {
920
920
  readonly physical: readonly ["borderTopColor", "borderBottomColor"];
@@ -923,22 +923,22 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
923
923
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
924
924
  readonly scale: "colors";
925
925
  }>;
926
- borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
926
+ borderColorLeft?: import("@codecademy/variance").Scale<{
927
927
  readonly property: "borderLeftColor";
928
928
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
929
929
  readonly scale: "colors";
930
930
  }>;
931
- borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
931
+ borderColorRight?: import("@codecademy/variance").Scale<{
932
932
  readonly property: "borderRightColor";
933
933
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
934
934
  readonly scale: "colors";
935
935
  }>;
936
- borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
936
+ borderColorTop?: import("@codecademy/variance").Scale<{
937
937
  readonly property: "borderTopColor";
938
938
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
939
939
  readonly scale: "colors";
940
940
  }>;
941
- borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
941
+ borderColorBottom?: import("@codecademy/variance").Scale<{
942
942
  readonly property: "borderBottomColor";
943
943
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
944
944
  readonly scale: "colors";