@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.
- package/dist/Alert/elements.d.ts +2 -2
- package/dist/BarChart/BarRow/elements.d.ts +109 -109
- package/dist/Button/index.d.ts +1 -1
- package/dist/ButtonBase/index.d.ts +1 -1
- package/dist/ButtonBase/index.js +1 -1
- package/dist/Card/elements.d.ts +327 -327
- package/dist/Disclosure/elements.d.ts +6 -6
- package/dist/Form/elements/Form.d.ts +78 -78
- package/dist/Form/index.d.ts +2 -0
- package/dist/Form/index.js +2 -1
- package/dist/GridForm/GridFormButtons/index.d.ts +3 -3
- package/dist/List/elements.d.ts +109 -109
- package/dist/Markdown/index.d.ts +1 -1
- package/dist/Markdown/index.js +1 -1
- package/dist/Menu/index.d.ts +1 -0
- package/dist/Menu/index.js +2 -1
- package/dist/Modals/elements.d.ts +34 -34
- package/dist/Pagination/AnimatedPaginationButtons.d.ts +79 -79
- package/dist/Pagination/EllipsisButton.d.ts +2 -2
- package/dist/Pagination/utils.d.ts +79 -79
- package/dist/PatternBackdrop/PatternBackdrop.d.ts +34 -34
- package/dist/Tag/elements.d.ts +2 -2
- package/dist/Toggle/elements.d.ts +38 -38
- package/package.json +6 -6
package/dist/Card/elements.d.ts
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
import { CardWrapperProps } from './types';
|
|
2
2
|
export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
3
|
-
color?: import("@codecademy/variance
|
|
3
|
+
color?: import("@codecademy/variance").Scale<{
|
|
4
4
|
readonly property: "color";
|
|
5
5
|
readonly scale: "colors";
|
|
6
6
|
}>;
|
|
7
|
-
fontSize?: import("@codecademy/variance
|
|
7
|
+
fontSize?: import("@codecademy/variance").Scale<{
|
|
8
8
|
readonly property: "fontSize";
|
|
9
9
|
readonly scale: "fontSize";
|
|
10
10
|
}>;
|
|
11
|
-
fontFamily?: import("@codecademy/variance
|
|
11
|
+
fontFamily?: import("@codecademy/variance").Scale<{
|
|
12
12
|
readonly property: "fontFamily";
|
|
13
13
|
readonly scale: "fontFamily";
|
|
14
14
|
}>;
|
|
15
|
-
lineHeight?: import("@codecademy/variance
|
|
15
|
+
lineHeight?: import("@codecademy/variance").Scale<{
|
|
16
16
|
readonly property: "lineHeight";
|
|
17
17
|
readonly scale: "lineHeight";
|
|
18
18
|
}>;
|
|
19
|
-
fontWeight?: import("@codecademy/variance
|
|
19
|
+
fontWeight?: import("@codecademy/variance").Scale<{
|
|
20
20
|
readonly property: "fontWeight";
|
|
21
21
|
readonly scale: "fontWeight";
|
|
22
22
|
}>;
|
|
23
|
-
background?: import("@codecademy/variance
|
|
23
|
+
background?: import("@codecademy/variance").Scale<{
|
|
24
24
|
readonly property: "background";
|
|
25
25
|
}>;
|
|
26
|
-
border?: import("@codecademy/variance
|
|
26
|
+
border?: import("@codecademy/variance").Scale<{
|
|
27
27
|
readonly property: "border";
|
|
28
28
|
readonly scale: "borders";
|
|
29
29
|
}>;
|
|
30
|
-
p?: import("@codecademy/variance
|
|
30
|
+
p?: import("@codecademy/variance").Scale<{
|
|
31
31
|
readonly property: "padding";
|
|
32
32
|
readonly scale: "spacing";
|
|
33
33
|
}>;
|
|
@@ -35,7 +35,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
35
35
|
title?: string | undefined;
|
|
36
36
|
dir?: string | undefined;
|
|
37
37
|
className?: string | undefined;
|
|
38
|
-
height?: import("@codecademy/variance
|
|
38
|
+
height?: import("@codecademy/variance").Scale<{
|
|
39
39
|
readonly property: {
|
|
40
40
|
readonly physical: "height";
|
|
41
41
|
readonly logical: "blockSize";
|
|
@@ -43,7 +43,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
43
43
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
44
44
|
readonly transform: (value: string | number) => string | 0;
|
|
45
45
|
}>;
|
|
46
|
-
width?: import("@codecademy/variance
|
|
46
|
+
width?: import("@codecademy/variance").Scale<{
|
|
47
47
|
readonly property: {
|
|
48
48
|
readonly physical: "width";
|
|
49
49
|
readonly logical: "inlineSize";
|
|
@@ -311,16 +311,16 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
311
311
|
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;
|
|
312
312
|
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;
|
|
313
313
|
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;
|
|
314
|
-
backgroundImage?: import("@codecademy/variance
|
|
314
|
+
backgroundImage?: import("@codecademy/variance").Scale<{
|
|
315
315
|
readonly property: "backgroundImage";
|
|
316
316
|
}>;
|
|
317
|
-
backgroundRepeat?: import("@codecademy/variance
|
|
317
|
+
backgroundRepeat?: import("@codecademy/variance").Scale<{
|
|
318
318
|
readonly property: "backgroundRepeat";
|
|
319
319
|
}>;
|
|
320
|
-
backgroundSize?: import("@codecademy/variance
|
|
320
|
+
backgroundSize?: import("@codecademy/variance").Scale<{
|
|
321
321
|
readonly property: "backgroundSize";
|
|
322
322
|
}>;
|
|
323
|
-
bottom?: import("@codecademy/variance
|
|
323
|
+
bottom?: import("@codecademy/variance").Scale<{
|
|
324
324
|
readonly property: {
|
|
325
325
|
readonly physical: "bottom";
|
|
326
326
|
readonly logical: "insetBlockEnd";
|
|
@@ -328,60 +328,60 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
328
328
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
329
329
|
readonly transform: (value: string | number) => string | 0;
|
|
330
330
|
}>;
|
|
331
|
-
boxShadow?: import("@codecademy/variance
|
|
331
|
+
boxShadow?: import("@codecademy/variance").Scale<{
|
|
332
332
|
readonly property: "boxShadow";
|
|
333
333
|
}>;
|
|
334
|
-
columnGap?: import("@codecademy/variance
|
|
334
|
+
columnGap?: import("@codecademy/variance").Scale<{
|
|
335
335
|
readonly property: "columnGap";
|
|
336
336
|
readonly scale: "spacing";
|
|
337
337
|
}>;
|
|
338
|
-
containerType?: import("@codecademy/variance
|
|
338
|
+
containerType?: import("@codecademy/variance").Scale<{
|
|
339
339
|
readonly property: "containerType";
|
|
340
340
|
}>;
|
|
341
|
-
direction?: import("@codecademy/variance
|
|
341
|
+
direction?: import("@codecademy/variance").Scale<{
|
|
342
342
|
readonly property: "direction";
|
|
343
343
|
}>;
|
|
344
|
-
display?: import("@codecademy/variance
|
|
344
|
+
display?: import("@codecademy/variance").Scale<{
|
|
345
345
|
readonly property: "display";
|
|
346
346
|
}>;
|
|
347
347
|
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;
|
|
348
|
-
flexDirection?: import("@codecademy/variance
|
|
348
|
+
flexDirection?: import("@codecademy/variance").Scale<{
|
|
349
349
|
readonly property: "flexDirection";
|
|
350
350
|
}>;
|
|
351
351
|
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;
|
|
352
352
|
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;
|
|
353
|
-
flexWrap?: import("@codecademy/variance
|
|
353
|
+
flexWrap?: import("@codecademy/variance").Scale<{
|
|
354
354
|
readonly property: "flexWrap";
|
|
355
355
|
}>;
|
|
356
|
-
fontStyle?: import("@codecademy/variance
|
|
356
|
+
fontStyle?: import("@codecademy/variance").Scale<{
|
|
357
357
|
readonly property: "fontStyle";
|
|
358
358
|
}>;
|
|
359
|
-
gridAutoColumns?: import("@codecademy/variance
|
|
359
|
+
gridAutoColumns?: import("@codecademy/variance").Scale<{
|
|
360
360
|
readonly property: "gridAutoColumns";
|
|
361
361
|
}>;
|
|
362
|
-
gridAutoFlow?: import("@codecademy/variance
|
|
362
|
+
gridAutoFlow?: import("@codecademy/variance").Scale<{
|
|
363
363
|
readonly property: "gridAutoFlow";
|
|
364
364
|
}>;
|
|
365
|
-
gridAutoRows?: import("@codecademy/variance
|
|
365
|
+
gridAutoRows?: import("@codecademy/variance").Scale<{
|
|
366
366
|
readonly property: "gridAutoRows";
|
|
367
367
|
}>;
|
|
368
368
|
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;
|
|
369
369
|
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;
|
|
370
370
|
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;
|
|
371
371
|
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;
|
|
372
|
-
gridTemplateAreas?: import("@codecademy/variance
|
|
372
|
+
gridTemplateAreas?: import("@codecademy/variance").Scale<{
|
|
373
373
|
readonly property: "gridTemplateAreas";
|
|
374
374
|
}>;
|
|
375
|
-
gridTemplateColumns?: import("@codecademy/variance
|
|
375
|
+
gridTemplateColumns?: import("@codecademy/variance").Scale<{
|
|
376
376
|
readonly property: "gridTemplateColumns";
|
|
377
377
|
}>;
|
|
378
|
-
gridTemplateRows?: import("@codecademy/variance
|
|
378
|
+
gridTemplateRows?: import("@codecademy/variance").Scale<{
|
|
379
379
|
readonly property: "gridTemplateRows";
|
|
380
380
|
}>;
|
|
381
381
|
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;
|
|
382
382
|
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;
|
|
383
383
|
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;
|
|
384
|
-
left?: import("@codecademy/variance
|
|
384
|
+
left?: import("@codecademy/variance").Scale<{
|
|
385
385
|
readonly property: {
|
|
386
386
|
readonly physical: "left";
|
|
387
387
|
readonly logical: "insetInlineStart";
|
|
@@ -389,19 +389,19 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
389
389
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
390
390
|
readonly transform: (value: string | number) => string | 0;
|
|
391
391
|
}>;
|
|
392
|
-
letterSpacing?: import("@codecademy/variance
|
|
392
|
+
letterSpacing?: import("@codecademy/variance").Scale<{
|
|
393
393
|
readonly property: "letterSpacing";
|
|
394
394
|
}>;
|
|
395
|
-
listStyleImage?: import("@codecademy/variance
|
|
395
|
+
listStyleImage?: import("@codecademy/variance").Scale<{
|
|
396
396
|
readonly property: "listStyleImage";
|
|
397
397
|
}>;
|
|
398
|
-
listStylePosition?: import("@codecademy/variance
|
|
398
|
+
listStylePosition?: import("@codecademy/variance").Scale<{
|
|
399
399
|
readonly property: "listStylePosition";
|
|
400
400
|
}>;
|
|
401
|
-
listStyleType?: import("@codecademy/variance
|
|
401
|
+
listStyleType?: import("@codecademy/variance").Scale<{
|
|
402
402
|
readonly property: "listStyleType";
|
|
403
403
|
}>;
|
|
404
|
-
maxHeight?: import("@codecademy/variance
|
|
404
|
+
maxHeight?: import("@codecademy/variance").Scale<{
|
|
405
405
|
readonly property: {
|
|
406
406
|
readonly physical: "maxHeight";
|
|
407
407
|
readonly logical: "maxBlockSize";
|
|
@@ -409,7 +409,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
409
409
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
410
410
|
readonly transform: (value: string | number) => string | 0;
|
|
411
411
|
}>;
|
|
412
|
-
maxWidth?: import("@codecademy/variance
|
|
412
|
+
maxWidth?: import("@codecademy/variance").Scale<{
|
|
413
413
|
readonly property: {
|
|
414
414
|
readonly physical: "maxWidth";
|
|
415
415
|
readonly logical: "maxInlineSize";
|
|
@@ -417,7 +417,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
417
417
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
418
418
|
readonly transform: (value: string | number) => string | 0;
|
|
419
419
|
}>;
|
|
420
|
-
minHeight?: import("@codecademy/variance
|
|
420
|
+
minHeight?: import("@codecademy/variance").Scale<{
|
|
421
421
|
readonly property: {
|
|
422
422
|
readonly physical: "minHeight";
|
|
423
423
|
readonly logical: "minBlockSize";
|
|
@@ -425,7 +425,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
425
425
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
426
426
|
readonly transform: (value: string | number) => string | 0;
|
|
427
427
|
}>;
|
|
428
|
-
minWidth?: import("@codecademy/variance
|
|
428
|
+
minWidth?: import("@codecademy/variance").Scale<{
|
|
429
429
|
readonly property: {
|
|
430
430
|
readonly physical: "minWidth";
|
|
431
431
|
readonly logical: "minInlineSize";
|
|
@@ -433,28 +433,28 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
433
433
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
434
434
|
readonly transform: (value: string | number) => string | 0;
|
|
435
435
|
}>;
|
|
436
|
-
opacity?: import("@codecademy/variance
|
|
436
|
+
opacity?: import("@codecademy/variance").Scale<{
|
|
437
437
|
readonly property: "opacity";
|
|
438
438
|
}>;
|
|
439
439
|
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;
|
|
440
|
-
overflowX?: import("@codecademy/variance
|
|
440
|
+
overflowX?: import("@codecademy/variance").Scale<{
|
|
441
441
|
readonly property: {
|
|
442
442
|
readonly physical: "overflowX";
|
|
443
443
|
readonly logical: "overflowInline";
|
|
444
444
|
};
|
|
445
445
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
446
446
|
}>;
|
|
447
|
-
overflowY?: import("@codecademy/variance
|
|
447
|
+
overflowY?: import("@codecademy/variance").Scale<{
|
|
448
448
|
readonly property: {
|
|
449
449
|
readonly physical: "overflowY";
|
|
450
450
|
readonly logical: "overflowBlock";
|
|
451
451
|
};
|
|
452
452
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
453
453
|
}>;
|
|
454
|
-
position?: import("@codecademy/variance
|
|
454
|
+
position?: import("@codecademy/variance").Scale<{
|
|
455
455
|
readonly property: "position";
|
|
456
456
|
}>;
|
|
457
|
-
right?: import("@codecademy/variance
|
|
457
|
+
right?: import("@codecademy/variance").Scale<{
|
|
458
458
|
readonly property: {
|
|
459
459
|
readonly physical: "right";
|
|
460
460
|
readonly logical: "insetInlineEnd";
|
|
@@ -462,20 +462,20 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
462
462
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
463
463
|
readonly transform: (value: string | number) => string | 0;
|
|
464
464
|
}>;
|
|
465
|
-
rowGap?: import("@codecademy/variance
|
|
465
|
+
rowGap?: import("@codecademy/variance").Scale<{
|
|
466
466
|
readonly property: "rowGap";
|
|
467
467
|
readonly scale: "spacing";
|
|
468
468
|
}>;
|
|
469
|
-
textAlign?: import("@codecademy/variance
|
|
469
|
+
textAlign?: import("@codecademy/variance").Scale<{
|
|
470
470
|
readonly property: "textAlign";
|
|
471
471
|
}>;
|
|
472
|
-
textShadow?: import("@codecademy/variance
|
|
472
|
+
textShadow?: import("@codecademy/variance").Scale<{
|
|
473
473
|
readonly property: "textShadow";
|
|
474
474
|
}>;
|
|
475
|
-
textTransform?: import("@codecademy/variance
|
|
475
|
+
textTransform?: import("@codecademy/variance").Scale<{
|
|
476
476
|
readonly property: "textTransform";
|
|
477
477
|
}>;
|
|
478
|
-
top?: import("@codecademy/variance
|
|
478
|
+
top?: import("@codecademy/variance").Scale<{
|
|
479
479
|
readonly property: {
|
|
480
480
|
readonly physical: "top";
|
|
481
481
|
readonly logical: "insetBlockStart";
|
|
@@ -483,19 +483,19 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
483
483
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
484
484
|
readonly transform: (value: string | number) => string | 0;
|
|
485
485
|
}>;
|
|
486
|
-
verticalAlign?: import("@codecademy/variance
|
|
486
|
+
verticalAlign?: import("@codecademy/variance").Scale<{
|
|
487
487
|
readonly property: "verticalAlign";
|
|
488
488
|
}>;
|
|
489
|
-
whiteSpace?: import("@codecademy/variance
|
|
489
|
+
whiteSpace?: import("@codecademy/variance").Scale<{
|
|
490
490
|
readonly property: "whiteSpace";
|
|
491
491
|
}>;
|
|
492
|
-
zIndex?: import("@codecademy/variance
|
|
492
|
+
zIndex?: import("@codecademy/variance").Scale<{
|
|
493
493
|
readonly property: "zIndex";
|
|
494
494
|
}>;
|
|
495
|
-
backgroundPosition?: import("@codecademy/variance
|
|
495
|
+
backgroundPosition?: import("@codecademy/variance").Scale<{
|
|
496
496
|
readonly property: "backgroundPosition";
|
|
497
497
|
}>;
|
|
498
|
-
borderBottom?: import("@codecademy/variance
|
|
498
|
+
borderBottom?: import("@codecademy/variance").Scale<{
|
|
499
499
|
readonly property: {
|
|
500
500
|
readonly physical: "borderBottom";
|
|
501
501
|
readonly logical: "borderBlockEnd";
|
|
@@ -503,11 +503,11 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
503
503
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
504
504
|
readonly scale: "borders";
|
|
505
505
|
}>;
|
|
506
|
-
borderColor?: import("@codecademy/variance
|
|
506
|
+
borderColor?: import("@codecademy/variance").Scale<{
|
|
507
507
|
readonly property: "borderColor";
|
|
508
508
|
readonly scale: "colors";
|
|
509
509
|
}>;
|
|
510
|
-
borderLeft?: import("@codecademy/variance
|
|
510
|
+
borderLeft?: import("@codecademy/variance").Scale<{
|
|
511
511
|
readonly property: {
|
|
512
512
|
readonly physical: "borderLeft";
|
|
513
513
|
readonly logical: "borderInlineStart";
|
|
@@ -515,11 +515,11 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
515
515
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
516
516
|
readonly scale: "borders";
|
|
517
517
|
}>;
|
|
518
|
-
borderRadius?: import("@codecademy/variance
|
|
518
|
+
borderRadius?: import("@codecademy/variance").Scale<{
|
|
519
519
|
readonly property: "borderRadius";
|
|
520
520
|
readonly scale: "borderRadii";
|
|
521
521
|
}>;
|
|
522
|
-
borderRight?: import("@codecademy/variance
|
|
522
|
+
borderRight?: import("@codecademy/variance").Scale<{
|
|
523
523
|
readonly property: {
|
|
524
524
|
readonly physical: "borderRight";
|
|
525
525
|
readonly logical: "borderInlineEnd";
|
|
@@ -527,10 +527,10 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
527
527
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
528
528
|
readonly scale: "borders";
|
|
529
529
|
}>;
|
|
530
|
-
borderStyle?: import("@codecademy/variance
|
|
530
|
+
borderStyle?: import("@codecademy/variance").Scale<{
|
|
531
531
|
readonly property: "borderStyle";
|
|
532
532
|
}>;
|
|
533
|
-
borderTop?: import("@codecademy/variance
|
|
533
|
+
borderTop?: import("@codecademy/variance").Scale<{
|
|
534
534
|
readonly property: {
|
|
535
535
|
readonly physical: "borderTop";
|
|
536
536
|
readonly logical: "borderBlockStart";
|
|
@@ -538,20 +538,20 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
538
538
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
539
539
|
readonly scale: "borders";
|
|
540
540
|
}>;
|
|
541
|
-
borderWidth?: import("@codecademy/variance
|
|
541
|
+
borderWidth?: import("@codecademy/variance").Scale<{
|
|
542
542
|
readonly property: "borderWidth";
|
|
543
543
|
}>;
|
|
544
|
-
flex?: import("@codecademy/variance
|
|
544
|
+
flex?: import("@codecademy/variance").Scale<{
|
|
545
545
|
readonly property: "flex";
|
|
546
546
|
}>;
|
|
547
|
-
gap?: import("@codecademy/variance
|
|
547
|
+
gap?: import("@codecademy/variance").Scale<{
|
|
548
548
|
readonly property: "gap";
|
|
549
549
|
readonly scale: "spacing";
|
|
550
550
|
}>;
|
|
551
551
|
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;
|
|
552
552
|
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;
|
|
553
553
|
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;
|
|
554
|
-
inset?: import("@codecademy/variance
|
|
554
|
+
inset?: import("@codecademy/variance").Scale<{
|
|
555
555
|
readonly property: "inset";
|
|
556
556
|
readonly properties: {
|
|
557
557
|
readonly physical: readonly ["top", "right", "bottom", "left"];
|
|
@@ -560,16 +560,16 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
560
560
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
561
561
|
readonly transform: (value: string | number) => string | 0;
|
|
562
562
|
}>;
|
|
563
|
-
listStyle?: import("@codecademy/variance
|
|
563
|
+
listStyle?: import("@codecademy/variance").Scale<{
|
|
564
564
|
readonly property: "listStyle";
|
|
565
565
|
}>;
|
|
566
|
-
overflow?: import("@codecademy/variance
|
|
566
|
+
overflow?: import("@codecademy/variance").Scale<{
|
|
567
567
|
readonly property: "overflow";
|
|
568
568
|
}>;
|
|
569
|
-
textDecoration?: import("@codecademy/variance
|
|
569
|
+
textDecoration?: import("@codecademy/variance").Scale<{
|
|
570
570
|
readonly property: "textDecoration";
|
|
571
571
|
}>;
|
|
572
|
-
px?: import("@codecademy/variance
|
|
572
|
+
px?: import("@codecademy/variance").Scale<{
|
|
573
573
|
readonly property: "padding";
|
|
574
574
|
readonly properties: {
|
|
575
575
|
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
@@ -578,7 +578,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
578
578
|
readonly scale: "spacing";
|
|
579
579
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
580
580
|
}>;
|
|
581
|
-
py?: import("@codecademy/variance
|
|
581
|
+
py?: import("@codecademy/variance").Scale<{
|
|
582
582
|
readonly property: "padding";
|
|
583
583
|
readonly properties: {
|
|
584
584
|
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
@@ -587,7 +587,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
587
587
|
readonly scale: "spacing";
|
|
588
588
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
589
589
|
}>;
|
|
590
|
-
pt?: import("@codecademy/variance
|
|
590
|
+
pt?: import("@codecademy/variance").Scale<{
|
|
591
591
|
readonly property: {
|
|
592
592
|
readonly physical: "paddingTop";
|
|
593
593
|
readonly logical: "paddingBlockStart";
|
|
@@ -595,7 +595,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
595
595
|
readonly scale: "spacing";
|
|
596
596
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
597
597
|
}>;
|
|
598
|
-
pb?: import("@codecademy/variance
|
|
598
|
+
pb?: import("@codecademy/variance").Scale<{
|
|
599
599
|
readonly property: {
|
|
600
600
|
readonly physical: "paddingBottom";
|
|
601
601
|
readonly logical: "paddingBlockEnd";
|
|
@@ -603,7 +603,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
603
603
|
readonly scale: "spacing";
|
|
604
604
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
605
605
|
}>;
|
|
606
|
-
pr?: import("@codecademy/variance
|
|
606
|
+
pr?: import("@codecademy/variance").Scale<{
|
|
607
607
|
readonly property: {
|
|
608
608
|
readonly physical: "paddingRight";
|
|
609
609
|
readonly logical: "paddingInlineEnd";
|
|
@@ -611,7 +611,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
611
611
|
readonly scale: "spacing";
|
|
612
612
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
613
613
|
}>;
|
|
614
|
-
pl?: import("@codecademy/variance
|
|
614
|
+
pl?: import("@codecademy/variance").Scale<{
|
|
615
615
|
readonly property: {
|
|
616
616
|
readonly physical: "paddingLeft";
|
|
617
617
|
readonly logical: "paddingInlineStart";
|
|
@@ -619,11 +619,11 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
619
619
|
readonly scale: "spacing";
|
|
620
620
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
621
621
|
}>;
|
|
622
|
-
m?: import("@codecademy/variance
|
|
622
|
+
m?: import("@codecademy/variance").Scale<{
|
|
623
623
|
readonly property: "margin";
|
|
624
624
|
readonly scale: "spacing";
|
|
625
625
|
}>;
|
|
626
|
-
mx?: import("@codecademy/variance
|
|
626
|
+
mx?: import("@codecademy/variance").Scale<{
|
|
627
627
|
readonly property: "margin";
|
|
628
628
|
readonly properties: {
|
|
629
629
|
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
@@ -632,7 +632,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
632
632
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
633
633
|
readonly scale: "spacing";
|
|
634
634
|
}>;
|
|
635
|
-
my?: import("@codecademy/variance
|
|
635
|
+
my?: import("@codecademy/variance").Scale<{
|
|
636
636
|
readonly property: "margin";
|
|
637
637
|
readonly properties: {
|
|
638
638
|
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
@@ -641,7 +641,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
641
641
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
642
642
|
readonly scale: "spacing";
|
|
643
643
|
}>;
|
|
644
|
-
mt?: import("@codecademy/variance
|
|
644
|
+
mt?: import("@codecademy/variance").Scale<{
|
|
645
645
|
readonly property: {
|
|
646
646
|
readonly physical: "marginTop";
|
|
647
647
|
readonly logical: "marginBlockStart";
|
|
@@ -649,7 +649,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
649
649
|
readonly scale: "spacing";
|
|
650
650
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
651
651
|
}>;
|
|
652
|
-
mb?: import("@codecademy/variance
|
|
652
|
+
mb?: import("@codecademy/variance").Scale<{
|
|
653
653
|
readonly property: {
|
|
654
654
|
readonly physical: "marginBottom";
|
|
655
655
|
readonly logical: "marginBlockEnd";
|
|
@@ -657,7 +657,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
657
657
|
readonly scale: "spacing";
|
|
658
658
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
659
659
|
}>;
|
|
660
|
-
mr?: import("@codecademy/variance
|
|
660
|
+
mr?: import("@codecademy/variance").Scale<{
|
|
661
661
|
readonly property: {
|
|
662
662
|
readonly physical: "marginRight";
|
|
663
663
|
readonly logical: "marginInlineEnd";
|
|
@@ -665,7 +665,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
665
665
|
readonly scale: "spacing";
|
|
666
666
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
667
667
|
}>;
|
|
668
|
-
ml?: import("@codecademy/variance
|
|
668
|
+
ml?: import("@codecademy/variance").Scale<{
|
|
669
669
|
readonly property: {
|
|
670
670
|
readonly physical: "marginLeft";
|
|
671
671
|
readonly logical: "marginInlineStart";
|
|
@@ -673,7 +673,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
673
673
|
readonly scale: "spacing";
|
|
674
674
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
675
675
|
}>;
|
|
676
|
-
borderX?: import("@codecademy/variance
|
|
676
|
+
borderX?: import("@codecademy/variance").Scale<{
|
|
677
677
|
readonly property: "border";
|
|
678
678
|
readonly properties: {
|
|
679
679
|
readonly physical: readonly ["borderLeft", "borderRight"];
|
|
@@ -682,7 +682,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
682
682
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
683
683
|
readonly scale: "borders";
|
|
684
684
|
}>;
|
|
685
|
-
borderY?: import("@codecademy/variance
|
|
685
|
+
borderY?: import("@codecademy/variance").Scale<{
|
|
686
686
|
readonly property: "border";
|
|
687
687
|
readonly properties: {
|
|
688
688
|
readonly physical: readonly ["borderTop", "borderBottom"];
|
|
@@ -691,7 +691,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
691
691
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
692
692
|
readonly scale: "borders";
|
|
693
693
|
}>;
|
|
694
|
-
borderWidthX?: import("@codecademy/variance
|
|
694
|
+
borderWidthX?: import("@codecademy/variance").Scale<{
|
|
695
695
|
readonly property: "borderWidth";
|
|
696
696
|
readonly properties: {
|
|
697
697
|
readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
|
|
@@ -699,7 +699,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
699
699
|
};
|
|
700
700
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
701
701
|
}>;
|
|
702
|
-
borderWidthY?: import("@codecademy/variance
|
|
702
|
+
borderWidthY?: import("@codecademy/variance").Scale<{
|
|
703
703
|
readonly property: "borderWidth";
|
|
704
704
|
readonly properties: {
|
|
705
705
|
readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
|
|
@@ -707,35 +707,35 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
707
707
|
};
|
|
708
708
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
709
709
|
}>;
|
|
710
|
-
borderWidthLeft?: import("@codecademy/variance
|
|
710
|
+
borderWidthLeft?: import("@codecademy/variance").Scale<{
|
|
711
711
|
readonly property: {
|
|
712
712
|
readonly physical: "borderLeftWidth";
|
|
713
713
|
readonly logical: "borderInlineStartWidth";
|
|
714
714
|
};
|
|
715
715
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
716
716
|
}>;
|
|
717
|
-
borderWidthRight?: import("@codecademy/variance
|
|
717
|
+
borderWidthRight?: import("@codecademy/variance").Scale<{
|
|
718
718
|
readonly property: {
|
|
719
719
|
readonly physical: "borderRightWidth";
|
|
720
720
|
readonly logical: "borderInlineEndWidth";
|
|
721
721
|
};
|
|
722
722
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
723
723
|
}>;
|
|
724
|
-
borderWidthTop?: import("@codecademy/variance
|
|
724
|
+
borderWidthTop?: import("@codecademy/variance").Scale<{
|
|
725
725
|
readonly property: {
|
|
726
726
|
readonly physical: "borderTopWidth";
|
|
727
727
|
readonly logical: "borderBlockStartWidth";
|
|
728
728
|
};
|
|
729
729
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
730
730
|
}>;
|
|
731
|
-
borderWidthBottom?: import("@codecademy/variance
|
|
731
|
+
borderWidthBottom?: import("@codecademy/variance").Scale<{
|
|
732
732
|
readonly property: {
|
|
733
733
|
readonly physical: "borderBottomWidth";
|
|
734
734
|
readonly logical: "borderBlockEndWidth";
|
|
735
735
|
};
|
|
736
736
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
737
737
|
}>;
|
|
738
|
-
borderRadiusLeft?: import("@codecademy/variance
|
|
738
|
+
borderRadiusLeft?: import("@codecademy/variance").Scale<{
|
|
739
739
|
readonly property: "borderRadius";
|
|
740
740
|
readonly properties: {
|
|
741
741
|
readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
|
|
@@ -744,7 +744,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
744
744
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
745
745
|
readonly scale: "borderRadii";
|
|
746
746
|
}>;
|
|
747
|
-
borderRadiusTop?: import("@codecademy/variance
|
|
747
|
+
borderRadiusTop?: import("@codecademy/variance").Scale<{
|
|
748
748
|
readonly property: "borderRadius";
|
|
749
749
|
readonly properties: {
|
|
750
750
|
readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
|
|
@@ -753,7 +753,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
753
753
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
754
754
|
readonly scale: "borderRadii";
|
|
755
755
|
}>;
|
|
756
|
-
borderRadiusBottom?: import("@codecademy/variance
|
|
756
|
+
borderRadiusBottom?: import("@codecademy/variance").Scale<{
|
|
757
757
|
readonly property: "borderRadius";
|
|
758
758
|
readonly properties: {
|
|
759
759
|
readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
|
|
@@ -762,7 +762,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
762
762
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
763
763
|
readonly scale: "borderRadii";
|
|
764
764
|
}>;
|
|
765
|
-
borderRadiusRight?: import("@codecademy/variance
|
|
765
|
+
borderRadiusRight?: import("@codecademy/variance").Scale<{
|
|
766
766
|
readonly property: "borderRadius";
|
|
767
767
|
readonly properties: {
|
|
768
768
|
readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
|
|
@@ -771,7 +771,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
771
771
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
772
772
|
readonly scale: "borderRadii";
|
|
773
773
|
}>;
|
|
774
|
-
borderRadiusTopLeft?: import("@codecademy/variance
|
|
774
|
+
borderRadiusTopLeft?: import("@codecademy/variance").Scale<{
|
|
775
775
|
readonly property: {
|
|
776
776
|
readonly physical: "borderTopLeftRadius";
|
|
777
777
|
readonly logical: "borderStartStartRadius";
|
|
@@ -779,7 +779,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
779
779
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
780
780
|
readonly scale: "borderRadii";
|
|
781
781
|
}>;
|
|
782
|
-
borderRadiusTopRight?: import("@codecademy/variance
|
|
782
|
+
borderRadiusTopRight?: import("@codecademy/variance").Scale<{
|
|
783
783
|
readonly property: {
|
|
784
784
|
readonly physical: "borderTopRightRadius";
|
|
785
785
|
readonly logical: "borderStartEndRadius";
|
|
@@ -787,7 +787,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
787
787
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
788
788
|
readonly scale: "borderRadii";
|
|
789
789
|
}>;
|
|
790
|
-
borderRadiusBottomRight?: import("@codecademy/variance
|
|
790
|
+
borderRadiusBottomRight?: import("@codecademy/variance").Scale<{
|
|
791
791
|
readonly property: {
|
|
792
792
|
readonly physical: "borderBottomRightRadius";
|
|
793
793
|
readonly logical: "borderEndEndRadius";
|
|
@@ -795,7 +795,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
795
795
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
796
796
|
readonly scale: "borderRadii";
|
|
797
797
|
}>;
|
|
798
|
-
borderRadiusBottomLeft?: import("@codecademy/variance
|
|
798
|
+
borderRadiusBottomLeft?: import("@codecademy/variance").Scale<{
|
|
799
799
|
readonly property: {
|
|
800
800
|
readonly physical: "borderBottomLeftRadius";
|
|
801
801
|
readonly logical: "borderEndStartRadius";
|
|
@@ -803,7 +803,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
803
803
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
804
804
|
readonly scale: "borderRadii";
|
|
805
805
|
}>;
|
|
806
|
-
borderStyleX?: import("@codecademy/variance
|
|
806
|
+
borderStyleX?: import("@codecademy/variance").Scale<{
|
|
807
807
|
readonly property: "borderStyle";
|
|
808
808
|
readonly properties: {
|
|
809
809
|
readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
|
|
@@ -811,7 +811,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
811
811
|
};
|
|
812
812
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
813
813
|
}>;
|
|
814
|
-
borderStyleY?: import("@codecademy/variance
|
|
814
|
+
borderStyleY?: import("@codecademy/variance").Scale<{
|
|
815
815
|
readonly property: "borderStyle";
|
|
816
816
|
readonly properties: {
|
|
817
817
|
readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
|
|
@@ -819,35 +819,35 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
819
819
|
};
|
|
820
820
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
821
821
|
}>;
|
|
822
|
-
borderStyleLeft?: import("@codecademy/variance
|
|
822
|
+
borderStyleLeft?: import("@codecademy/variance").Scale<{
|
|
823
823
|
readonly property: {
|
|
824
824
|
readonly physical: "borderLeftStyle";
|
|
825
825
|
readonly logical: "borderInlineStartStyle";
|
|
826
826
|
};
|
|
827
827
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
828
828
|
}>;
|
|
829
|
-
borderStyleRight?: import("@codecademy/variance
|
|
829
|
+
borderStyleRight?: import("@codecademy/variance").Scale<{
|
|
830
830
|
readonly property: {
|
|
831
831
|
readonly physical: "borderRightStyle";
|
|
832
832
|
readonly logical: "borderInlineEndStyle";
|
|
833
833
|
};
|
|
834
834
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
835
835
|
}>;
|
|
836
|
-
borderStyleTop?: import("@codecademy/variance
|
|
836
|
+
borderStyleTop?: import("@codecademy/variance").Scale<{
|
|
837
837
|
readonly property: {
|
|
838
838
|
readonly physical: "borderTopStyle";
|
|
839
839
|
readonly logical: "borderBlockStartStyle";
|
|
840
840
|
};
|
|
841
841
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
842
842
|
}>;
|
|
843
|
-
borderStyleBottom?: import("@codecademy/variance
|
|
843
|
+
borderStyleBottom?: import("@codecademy/variance").Scale<{
|
|
844
844
|
readonly property: {
|
|
845
845
|
readonly physical: "borderBottomStyle";
|
|
846
846
|
readonly logical: "borderBlockEndStyle";
|
|
847
847
|
};
|
|
848
848
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
849
849
|
}>;
|
|
850
|
-
dimensions?: import("@codecademy/variance
|
|
850
|
+
dimensions?: import("@codecademy/variance").Scale<{
|
|
851
851
|
readonly property: "width";
|
|
852
852
|
readonly properties: {
|
|
853
853
|
readonly physical: readonly ["width", "height"];
|
|
@@ -856,15 +856,15 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
856
856
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
857
857
|
readonly transform: (value: string | number) => string | 0;
|
|
858
858
|
}>;
|
|
859
|
-
textColor?: import("@codecademy/variance
|
|
859
|
+
textColor?: import("@codecademy/variance").Scale<{
|
|
860
860
|
readonly property: "color";
|
|
861
861
|
readonly scale: "colors";
|
|
862
862
|
}>;
|
|
863
|
-
bg?: import("@codecademy/variance
|
|
863
|
+
bg?: import("@codecademy/variance").Scale<{
|
|
864
864
|
readonly property: "backgroundColor";
|
|
865
865
|
readonly scale: "colors";
|
|
866
866
|
}>;
|
|
867
|
-
borderColorX?: import("@codecademy/variance
|
|
867
|
+
borderColorX?: import("@codecademy/variance").Scale<{
|
|
868
868
|
readonly property: "borderColor";
|
|
869
869
|
readonly properties: {
|
|
870
870
|
readonly physical: readonly ["borderLeftColor", "borderRightColor"];
|
|
@@ -873,7 +873,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
873
873
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
874
874
|
readonly scale: "colors";
|
|
875
875
|
}>;
|
|
876
|
-
borderColorY?: import("@codecademy/variance
|
|
876
|
+
borderColorY?: import("@codecademy/variance").Scale<{
|
|
877
877
|
readonly property: "borderColor";
|
|
878
878
|
readonly properties: {
|
|
879
879
|
readonly physical: readonly ["borderTopColor", "borderBottomColor"];
|
|
@@ -882,22 +882,22 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
882
882
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
883
883
|
readonly scale: "colors";
|
|
884
884
|
}>;
|
|
885
|
-
borderColorLeft?: import("@codecademy/variance
|
|
885
|
+
borderColorLeft?: import("@codecademy/variance").Scale<{
|
|
886
886
|
readonly property: "borderLeftColor";
|
|
887
887
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
888
888
|
readonly scale: "colors";
|
|
889
889
|
}>;
|
|
890
|
-
borderColorRight?: import("@codecademy/variance
|
|
890
|
+
borderColorRight?: import("@codecademy/variance").Scale<{
|
|
891
891
|
readonly property: "borderRightColor";
|
|
892
892
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
893
893
|
readonly scale: "colors";
|
|
894
894
|
}>;
|
|
895
|
-
borderColorTop?: import("@codecademy/variance
|
|
895
|
+
borderColorTop?: import("@codecademy/variance").Scale<{
|
|
896
896
|
readonly property: "borderTopColor";
|
|
897
897
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
898
898
|
readonly scale: "colors";
|
|
899
899
|
}>;
|
|
900
|
-
borderColorBottom?: import("@codecademy/variance
|
|
900
|
+
borderColorBottom?: import("@codecademy/variance").Scale<{
|
|
901
901
|
readonly property: "borderBottomColor";
|
|
902
902
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
903
903
|
readonly scale: "colors";
|
|
@@ -911,34 +911,34 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
911
911
|
children?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal | import("motion-dom").MotionValue<number> | import("motion-dom").MotionValue<string> | (string & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (string & Iterable<import("react").ReactNode>) | (string & import("react").ReactPortal) | (number & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (number & Iterable<import("react").ReactNode>) | (number & import("react").ReactPortal) | (false & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (false & Iterable<import("react").ReactNode>) | (false & import("react").ReactPortal) | (true & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (true & Iterable<import("react").ReactNode>) | (true & import("react").ReactPortal) | (import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & string) | (import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & number) | (import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & false) | (import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & true) | (import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & Iterable<import("react").ReactNode>) | (import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & import("react").ReactPortal) | (Iterable<import("react").ReactNode> & string) | (Iterable<import("react").ReactNode> & number) | (Iterable<import("react").ReactNode> & false) | (Iterable<import("react").ReactNode> & true) | (Iterable<import("react").ReactNode> & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (Iterable<import("react").ReactNode> & import("react").ReactPortal) | (import("react").ReactPortal & string) | (import("react").ReactPortal & number) | (import("react").ReactPortal & false) | (import("react").ReactPortal & true) | (import("react").ReactPortal & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (import("react").ReactPortal & Iterable<import("react").ReactNode>) | (import("react").ReactNode[] & string) | (import("react").ReactNode[] & number) | (import("react").ReactNode[] & false) | (import("react").ReactNode[] & true) | (import("react").ReactNode[] & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (import("react").ReactNode[] & Iterable<import("react").ReactNode>) | (import("react").ReactNode[] & import("react").ReactPortal) | null | undefined;
|
|
912
912
|
}>;
|
|
913
913
|
export declare const DynamicCardWrapper: import("@emotion/styled").StyledComponent<Omit<{
|
|
914
|
-
color?: import("@codecademy/variance
|
|
914
|
+
color?: import("@codecademy/variance").Scale<{
|
|
915
915
|
readonly property: "color";
|
|
916
916
|
readonly scale: "colors";
|
|
917
917
|
}>;
|
|
918
|
-
fontSize?: import("@codecademy/variance
|
|
918
|
+
fontSize?: import("@codecademy/variance").Scale<{
|
|
919
919
|
readonly property: "fontSize";
|
|
920
920
|
readonly scale: "fontSize";
|
|
921
921
|
}>;
|
|
922
|
-
fontFamily?: import("@codecademy/variance
|
|
922
|
+
fontFamily?: import("@codecademy/variance").Scale<{
|
|
923
923
|
readonly property: "fontFamily";
|
|
924
924
|
readonly scale: "fontFamily";
|
|
925
925
|
}>;
|
|
926
|
-
lineHeight?: import("@codecademy/variance
|
|
926
|
+
lineHeight?: import("@codecademy/variance").Scale<{
|
|
927
927
|
readonly property: "lineHeight";
|
|
928
928
|
readonly scale: "lineHeight";
|
|
929
929
|
}>;
|
|
930
|
-
fontWeight?: import("@codecademy/variance
|
|
930
|
+
fontWeight?: import("@codecademy/variance").Scale<{
|
|
931
931
|
readonly property: "fontWeight";
|
|
932
932
|
readonly scale: "fontWeight";
|
|
933
933
|
}>;
|
|
934
|
-
background?: import("@codecademy/variance
|
|
934
|
+
background?: import("@codecademy/variance").Scale<{
|
|
935
935
|
readonly property: "background";
|
|
936
936
|
}>;
|
|
937
|
-
border?: import("@codecademy/variance
|
|
937
|
+
border?: import("@codecademy/variance").Scale<{
|
|
938
938
|
readonly property: "border";
|
|
939
939
|
readonly scale: "borders";
|
|
940
940
|
}>;
|
|
941
|
-
p?: import("@codecademy/variance
|
|
941
|
+
p?: import("@codecademy/variance").Scale<{
|
|
942
942
|
readonly property: "padding";
|
|
943
943
|
readonly scale: "spacing";
|
|
944
944
|
}>;
|
|
@@ -946,7 +946,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
946
946
|
title?: string | undefined;
|
|
947
947
|
dir?: string | undefined;
|
|
948
948
|
className?: string | undefined;
|
|
949
|
-
height?: import("@codecademy/variance
|
|
949
|
+
height?: import("@codecademy/variance").Scale<{
|
|
950
950
|
readonly property: {
|
|
951
951
|
readonly physical: "height";
|
|
952
952
|
readonly logical: "blockSize";
|
|
@@ -954,7 +954,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
954
954
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
955
955
|
readonly transform: (value: string | number) => string | 0;
|
|
956
956
|
}>;
|
|
957
|
-
width?: import("@codecademy/variance
|
|
957
|
+
width?: import("@codecademy/variance").Scale<{
|
|
958
958
|
readonly property: {
|
|
959
959
|
readonly physical: "width";
|
|
960
960
|
readonly logical: "inlineSize";
|
|
@@ -1222,16 +1222,16 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1222
1222
|
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;
|
|
1223
1223
|
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;
|
|
1224
1224
|
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;
|
|
1225
|
-
backgroundImage?: import("@codecademy/variance
|
|
1225
|
+
backgroundImage?: import("@codecademy/variance").Scale<{
|
|
1226
1226
|
readonly property: "backgroundImage";
|
|
1227
1227
|
}>;
|
|
1228
|
-
backgroundRepeat?: import("@codecademy/variance
|
|
1228
|
+
backgroundRepeat?: import("@codecademy/variance").Scale<{
|
|
1229
1229
|
readonly property: "backgroundRepeat";
|
|
1230
1230
|
}>;
|
|
1231
|
-
backgroundSize?: import("@codecademy/variance
|
|
1231
|
+
backgroundSize?: import("@codecademy/variance").Scale<{
|
|
1232
1232
|
readonly property: "backgroundSize";
|
|
1233
1233
|
}>;
|
|
1234
|
-
bottom?: import("@codecademy/variance
|
|
1234
|
+
bottom?: import("@codecademy/variance").Scale<{
|
|
1235
1235
|
readonly property: {
|
|
1236
1236
|
readonly physical: "bottom";
|
|
1237
1237
|
readonly logical: "insetBlockEnd";
|
|
@@ -1239,60 +1239,60 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1239
1239
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1240
1240
|
readonly transform: (value: string | number) => string | 0;
|
|
1241
1241
|
}>;
|
|
1242
|
-
boxShadow?: import("@codecademy/variance
|
|
1242
|
+
boxShadow?: import("@codecademy/variance").Scale<{
|
|
1243
1243
|
readonly property: "boxShadow";
|
|
1244
1244
|
}>;
|
|
1245
|
-
columnGap?: import("@codecademy/variance
|
|
1245
|
+
columnGap?: import("@codecademy/variance").Scale<{
|
|
1246
1246
|
readonly property: "columnGap";
|
|
1247
1247
|
readonly scale: "spacing";
|
|
1248
1248
|
}>;
|
|
1249
|
-
containerType?: import("@codecademy/variance
|
|
1249
|
+
containerType?: import("@codecademy/variance").Scale<{
|
|
1250
1250
|
readonly property: "containerType";
|
|
1251
1251
|
}>;
|
|
1252
|
-
direction?: import("@codecademy/variance
|
|
1252
|
+
direction?: import("@codecademy/variance").Scale<{
|
|
1253
1253
|
readonly property: "direction";
|
|
1254
1254
|
}>;
|
|
1255
|
-
display?: import("@codecademy/variance
|
|
1255
|
+
display?: import("@codecademy/variance").Scale<{
|
|
1256
1256
|
readonly property: "display";
|
|
1257
1257
|
}>;
|
|
1258
1258
|
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;
|
|
1259
|
-
flexDirection?: import("@codecademy/variance
|
|
1259
|
+
flexDirection?: import("@codecademy/variance").Scale<{
|
|
1260
1260
|
readonly property: "flexDirection";
|
|
1261
1261
|
}>;
|
|
1262
1262
|
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;
|
|
1263
1263
|
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;
|
|
1264
|
-
flexWrap?: import("@codecademy/variance
|
|
1264
|
+
flexWrap?: import("@codecademy/variance").Scale<{
|
|
1265
1265
|
readonly property: "flexWrap";
|
|
1266
1266
|
}>;
|
|
1267
|
-
fontStyle?: import("@codecademy/variance
|
|
1267
|
+
fontStyle?: import("@codecademy/variance").Scale<{
|
|
1268
1268
|
readonly property: "fontStyle";
|
|
1269
1269
|
}>;
|
|
1270
|
-
gridAutoColumns?: import("@codecademy/variance
|
|
1270
|
+
gridAutoColumns?: import("@codecademy/variance").Scale<{
|
|
1271
1271
|
readonly property: "gridAutoColumns";
|
|
1272
1272
|
}>;
|
|
1273
|
-
gridAutoFlow?: import("@codecademy/variance
|
|
1273
|
+
gridAutoFlow?: import("@codecademy/variance").Scale<{
|
|
1274
1274
|
readonly property: "gridAutoFlow";
|
|
1275
1275
|
}>;
|
|
1276
|
-
gridAutoRows?: import("@codecademy/variance
|
|
1276
|
+
gridAutoRows?: import("@codecademy/variance").Scale<{
|
|
1277
1277
|
readonly property: "gridAutoRows";
|
|
1278
1278
|
}>;
|
|
1279
1279
|
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;
|
|
1280
1280
|
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;
|
|
1281
1281
|
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;
|
|
1282
1282
|
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;
|
|
1283
|
-
gridTemplateAreas?: import("@codecademy/variance
|
|
1283
|
+
gridTemplateAreas?: import("@codecademy/variance").Scale<{
|
|
1284
1284
|
readonly property: "gridTemplateAreas";
|
|
1285
1285
|
}>;
|
|
1286
|
-
gridTemplateColumns?: import("@codecademy/variance
|
|
1286
|
+
gridTemplateColumns?: import("@codecademy/variance").Scale<{
|
|
1287
1287
|
readonly property: "gridTemplateColumns";
|
|
1288
1288
|
}>;
|
|
1289
|
-
gridTemplateRows?: import("@codecademy/variance
|
|
1289
|
+
gridTemplateRows?: import("@codecademy/variance").Scale<{
|
|
1290
1290
|
readonly property: "gridTemplateRows";
|
|
1291
1291
|
}>;
|
|
1292
1292
|
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;
|
|
1293
1293
|
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;
|
|
1294
1294
|
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;
|
|
1295
|
-
left?: import("@codecademy/variance
|
|
1295
|
+
left?: import("@codecademy/variance").Scale<{
|
|
1296
1296
|
readonly property: {
|
|
1297
1297
|
readonly physical: "left";
|
|
1298
1298
|
readonly logical: "insetInlineStart";
|
|
@@ -1300,19 +1300,19 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1300
1300
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1301
1301
|
readonly transform: (value: string | number) => string | 0;
|
|
1302
1302
|
}>;
|
|
1303
|
-
letterSpacing?: import("@codecademy/variance
|
|
1303
|
+
letterSpacing?: import("@codecademy/variance").Scale<{
|
|
1304
1304
|
readonly property: "letterSpacing";
|
|
1305
1305
|
}>;
|
|
1306
|
-
listStyleImage?: import("@codecademy/variance
|
|
1306
|
+
listStyleImage?: import("@codecademy/variance").Scale<{
|
|
1307
1307
|
readonly property: "listStyleImage";
|
|
1308
1308
|
}>;
|
|
1309
|
-
listStylePosition?: import("@codecademy/variance
|
|
1309
|
+
listStylePosition?: import("@codecademy/variance").Scale<{
|
|
1310
1310
|
readonly property: "listStylePosition";
|
|
1311
1311
|
}>;
|
|
1312
|
-
listStyleType?: import("@codecademy/variance
|
|
1312
|
+
listStyleType?: import("@codecademy/variance").Scale<{
|
|
1313
1313
|
readonly property: "listStyleType";
|
|
1314
1314
|
}>;
|
|
1315
|
-
maxHeight?: import("@codecademy/variance
|
|
1315
|
+
maxHeight?: import("@codecademy/variance").Scale<{
|
|
1316
1316
|
readonly property: {
|
|
1317
1317
|
readonly physical: "maxHeight";
|
|
1318
1318
|
readonly logical: "maxBlockSize";
|
|
@@ -1320,7 +1320,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1320
1320
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1321
1321
|
readonly transform: (value: string | number) => string | 0;
|
|
1322
1322
|
}>;
|
|
1323
|
-
maxWidth?: import("@codecademy/variance
|
|
1323
|
+
maxWidth?: import("@codecademy/variance").Scale<{
|
|
1324
1324
|
readonly property: {
|
|
1325
1325
|
readonly physical: "maxWidth";
|
|
1326
1326
|
readonly logical: "maxInlineSize";
|
|
@@ -1328,7 +1328,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1328
1328
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1329
1329
|
readonly transform: (value: string | number) => string | 0;
|
|
1330
1330
|
}>;
|
|
1331
|
-
minHeight?: import("@codecademy/variance
|
|
1331
|
+
minHeight?: import("@codecademy/variance").Scale<{
|
|
1332
1332
|
readonly property: {
|
|
1333
1333
|
readonly physical: "minHeight";
|
|
1334
1334
|
readonly logical: "minBlockSize";
|
|
@@ -1336,7 +1336,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1336
1336
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1337
1337
|
readonly transform: (value: string | number) => string | 0;
|
|
1338
1338
|
}>;
|
|
1339
|
-
minWidth?: import("@codecademy/variance
|
|
1339
|
+
minWidth?: import("@codecademy/variance").Scale<{
|
|
1340
1340
|
readonly property: {
|
|
1341
1341
|
readonly physical: "minWidth";
|
|
1342
1342
|
readonly logical: "minInlineSize";
|
|
@@ -1344,28 +1344,28 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1344
1344
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1345
1345
|
readonly transform: (value: string | number) => string | 0;
|
|
1346
1346
|
}>;
|
|
1347
|
-
opacity?: import("@codecademy/variance
|
|
1347
|
+
opacity?: import("@codecademy/variance").Scale<{
|
|
1348
1348
|
readonly property: "opacity";
|
|
1349
1349
|
}>;
|
|
1350
1350
|
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;
|
|
1351
|
-
overflowX?: import("@codecademy/variance
|
|
1351
|
+
overflowX?: import("@codecademy/variance").Scale<{
|
|
1352
1352
|
readonly property: {
|
|
1353
1353
|
readonly physical: "overflowX";
|
|
1354
1354
|
readonly logical: "overflowInline";
|
|
1355
1355
|
};
|
|
1356
1356
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1357
1357
|
}>;
|
|
1358
|
-
overflowY?: import("@codecademy/variance
|
|
1358
|
+
overflowY?: import("@codecademy/variance").Scale<{
|
|
1359
1359
|
readonly property: {
|
|
1360
1360
|
readonly physical: "overflowY";
|
|
1361
1361
|
readonly logical: "overflowBlock";
|
|
1362
1362
|
};
|
|
1363
1363
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1364
1364
|
}>;
|
|
1365
|
-
position?: import("@codecademy/variance
|
|
1365
|
+
position?: import("@codecademy/variance").Scale<{
|
|
1366
1366
|
readonly property: "position";
|
|
1367
1367
|
}>;
|
|
1368
|
-
right?: import("@codecademy/variance
|
|
1368
|
+
right?: import("@codecademy/variance").Scale<{
|
|
1369
1369
|
readonly property: {
|
|
1370
1370
|
readonly physical: "right";
|
|
1371
1371
|
readonly logical: "insetInlineEnd";
|
|
@@ -1373,20 +1373,20 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1373
1373
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1374
1374
|
readonly transform: (value: string | number) => string | 0;
|
|
1375
1375
|
}>;
|
|
1376
|
-
rowGap?: import("@codecademy/variance
|
|
1376
|
+
rowGap?: import("@codecademy/variance").Scale<{
|
|
1377
1377
|
readonly property: "rowGap";
|
|
1378
1378
|
readonly scale: "spacing";
|
|
1379
1379
|
}>;
|
|
1380
|
-
textAlign?: import("@codecademy/variance
|
|
1380
|
+
textAlign?: import("@codecademy/variance").Scale<{
|
|
1381
1381
|
readonly property: "textAlign";
|
|
1382
1382
|
}>;
|
|
1383
|
-
textShadow?: import("@codecademy/variance
|
|
1383
|
+
textShadow?: import("@codecademy/variance").Scale<{
|
|
1384
1384
|
readonly property: "textShadow";
|
|
1385
1385
|
}>;
|
|
1386
|
-
textTransform?: import("@codecademy/variance
|
|
1386
|
+
textTransform?: import("@codecademy/variance").Scale<{
|
|
1387
1387
|
readonly property: "textTransform";
|
|
1388
1388
|
}>;
|
|
1389
|
-
top?: import("@codecademy/variance
|
|
1389
|
+
top?: import("@codecademy/variance").Scale<{
|
|
1390
1390
|
readonly property: {
|
|
1391
1391
|
readonly physical: "top";
|
|
1392
1392
|
readonly logical: "insetBlockStart";
|
|
@@ -1394,19 +1394,19 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1394
1394
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1395
1395
|
readonly transform: (value: string | number) => string | 0;
|
|
1396
1396
|
}>;
|
|
1397
|
-
verticalAlign?: import("@codecademy/variance
|
|
1397
|
+
verticalAlign?: import("@codecademy/variance").Scale<{
|
|
1398
1398
|
readonly property: "verticalAlign";
|
|
1399
1399
|
}>;
|
|
1400
|
-
whiteSpace?: import("@codecademy/variance
|
|
1400
|
+
whiteSpace?: import("@codecademy/variance").Scale<{
|
|
1401
1401
|
readonly property: "whiteSpace";
|
|
1402
1402
|
}>;
|
|
1403
|
-
zIndex?: import("@codecademy/variance
|
|
1403
|
+
zIndex?: import("@codecademy/variance").Scale<{
|
|
1404
1404
|
readonly property: "zIndex";
|
|
1405
1405
|
}>;
|
|
1406
|
-
backgroundPosition?: import("@codecademy/variance
|
|
1406
|
+
backgroundPosition?: import("@codecademy/variance").Scale<{
|
|
1407
1407
|
readonly property: "backgroundPosition";
|
|
1408
1408
|
}>;
|
|
1409
|
-
borderBottom?: import("@codecademy/variance
|
|
1409
|
+
borderBottom?: import("@codecademy/variance").Scale<{
|
|
1410
1410
|
readonly property: {
|
|
1411
1411
|
readonly physical: "borderBottom";
|
|
1412
1412
|
readonly logical: "borderBlockEnd";
|
|
@@ -1414,11 +1414,11 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1414
1414
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1415
1415
|
readonly scale: "borders";
|
|
1416
1416
|
}>;
|
|
1417
|
-
borderColor?: import("@codecademy/variance
|
|
1417
|
+
borderColor?: import("@codecademy/variance").Scale<{
|
|
1418
1418
|
readonly property: "borderColor";
|
|
1419
1419
|
readonly scale: "colors";
|
|
1420
1420
|
}>;
|
|
1421
|
-
borderLeft?: import("@codecademy/variance
|
|
1421
|
+
borderLeft?: import("@codecademy/variance").Scale<{
|
|
1422
1422
|
readonly property: {
|
|
1423
1423
|
readonly physical: "borderLeft";
|
|
1424
1424
|
readonly logical: "borderInlineStart";
|
|
@@ -1426,11 +1426,11 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1426
1426
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1427
1427
|
readonly scale: "borders";
|
|
1428
1428
|
}>;
|
|
1429
|
-
borderRadius?: import("@codecademy/variance
|
|
1429
|
+
borderRadius?: import("@codecademy/variance").Scale<{
|
|
1430
1430
|
readonly property: "borderRadius";
|
|
1431
1431
|
readonly scale: "borderRadii";
|
|
1432
1432
|
}>;
|
|
1433
|
-
borderRight?: import("@codecademy/variance
|
|
1433
|
+
borderRight?: import("@codecademy/variance").Scale<{
|
|
1434
1434
|
readonly property: {
|
|
1435
1435
|
readonly physical: "borderRight";
|
|
1436
1436
|
readonly logical: "borderInlineEnd";
|
|
@@ -1438,10 +1438,10 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1438
1438
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1439
1439
|
readonly scale: "borders";
|
|
1440
1440
|
}>;
|
|
1441
|
-
borderStyle?: import("@codecademy/variance
|
|
1441
|
+
borderStyle?: import("@codecademy/variance").Scale<{
|
|
1442
1442
|
readonly property: "borderStyle";
|
|
1443
1443
|
}>;
|
|
1444
|
-
borderTop?: import("@codecademy/variance
|
|
1444
|
+
borderTop?: import("@codecademy/variance").Scale<{
|
|
1445
1445
|
readonly property: {
|
|
1446
1446
|
readonly physical: "borderTop";
|
|
1447
1447
|
readonly logical: "borderBlockStart";
|
|
@@ -1449,20 +1449,20 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1449
1449
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1450
1450
|
readonly scale: "borders";
|
|
1451
1451
|
}>;
|
|
1452
|
-
borderWidth?: import("@codecademy/variance
|
|
1452
|
+
borderWidth?: import("@codecademy/variance").Scale<{
|
|
1453
1453
|
readonly property: "borderWidth";
|
|
1454
1454
|
}>;
|
|
1455
|
-
flex?: import("@codecademy/variance
|
|
1455
|
+
flex?: import("@codecademy/variance").Scale<{
|
|
1456
1456
|
readonly property: "flex";
|
|
1457
1457
|
}>;
|
|
1458
|
-
gap?: import("@codecademy/variance
|
|
1458
|
+
gap?: import("@codecademy/variance").Scale<{
|
|
1459
1459
|
readonly property: "gap";
|
|
1460
1460
|
readonly scale: "spacing";
|
|
1461
1461
|
}>;
|
|
1462
1462
|
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;
|
|
1463
1463
|
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;
|
|
1464
1464
|
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;
|
|
1465
|
-
inset?: import("@codecademy/variance
|
|
1465
|
+
inset?: import("@codecademy/variance").Scale<{
|
|
1466
1466
|
readonly property: "inset";
|
|
1467
1467
|
readonly properties: {
|
|
1468
1468
|
readonly physical: readonly ["top", "right", "bottom", "left"];
|
|
@@ -1471,16 +1471,16 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1471
1471
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1472
1472
|
readonly transform: (value: string | number) => string | 0;
|
|
1473
1473
|
}>;
|
|
1474
|
-
listStyle?: import("@codecademy/variance
|
|
1474
|
+
listStyle?: import("@codecademy/variance").Scale<{
|
|
1475
1475
|
readonly property: "listStyle";
|
|
1476
1476
|
}>;
|
|
1477
|
-
overflow?: import("@codecademy/variance
|
|
1477
|
+
overflow?: import("@codecademy/variance").Scale<{
|
|
1478
1478
|
readonly property: "overflow";
|
|
1479
1479
|
}>;
|
|
1480
|
-
textDecoration?: import("@codecademy/variance
|
|
1480
|
+
textDecoration?: import("@codecademy/variance").Scale<{
|
|
1481
1481
|
readonly property: "textDecoration";
|
|
1482
1482
|
}>;
|
|
1483
|
-
px?: import("@codecademy/variance
|
|
1483
|
+
px?: import("@codecademy/variance").Scale<{
|
|
1484
1484
|
readonly property: "padding";
|
|
1485
1485
|
readonly properties: {
|
|
1486
1486
|
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
@@ -1489,7 +1489,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1489
1489
|
readonly scale: "spacing";
|
|
1490
1490
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1491
1491
|
}>;
|
|
1492
|
-
py?: import("@codecademy/variance
|
|
1492
|
+
py?: import("@codecademy/variance").Scale<{
|
|
1493
1493
|
readonly property: "padding";
|
|
1494
1494
|
readonly properties: {
|
|
1495
1495
|
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
@@ -1498,7 +1498,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1498
1498
|
readonly scale: "spacing";
|
|
1499
1499
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1500
1500
|
}>;
|
|
1501
|
-
pt?: import("@codecademy/variance
|
|
1501
|
+
pt?: import("@codecademy/variance").Scale<{
|
|
1502
1502
|
readonly property: {
|
|
1503
1503
|
readonly physical: "paddingTop";
|
|
1504
1504
|
readonly logical: "paddingBlockStart";
|
|
@@ -1506,7 +1506,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1506
1506
|
readonly scale: "spacing";
|
|
1507
1507
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1508
1508
|
}>;
|
|
1509
|
-
pb?: import("@codecademy/variance
|
|
1509
|
+
pb?: import("@codecademy/variance").Scale<{
|
|
1510
1510
|
readonly property: {
|
|
1511
1511
|
readonly physical: "paddingBottom";
|
|
1512
1512
|
readonly logical: "paddingBlockEnd";
|
|
@@ -1514,7 +1514,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1514
1514
|
readonly scale: "spacing";
|
|
1515
1515
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1516
1516
|
}>;
|
|
1517
|
-
pr?: import("@codecademy/variance
|
|
1517
|
+
pr?: import("@codecademy/variance").Scale<{
|
|
1518
1518
|
readonly property: {
|
|
1519
1519
|
readonly physical: "paddingRight";
|
|
1520
1520
|
readonly logical: "paddingInlineEnd";
|
|
@@ -1522,7 +1522,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1522
1522
|
readonly scale: "spacing";
|
|
1523
1523
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1524
1524
|
}>;
|
|
1525
|
-
pl?: import("@codecademy/variance
|
|
1525
|
+
pl?: import("@codecademy/variance").Scale<{
|
|
1526
1526
|
readonly property: {
|
|
1527
1527
|
readonly physical: "paddingLeft";
|
|
1528
1528
|
readonly logical: "paddingInlineStart";
|
|
@@ -1530,11 +1530,11 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1530
1530
|
readonly scale: "spacing";
|
|
1531
1531
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1532
1532
|
}>;
|
|
1533
|
-
m?: import("@codecademy/variance
|
|
1533
|
+
m?: import("@codecademy/variance").Scale<{
|
|
1534
1534
|
readonly property: "margin";
|
|
1535
1535
|
readonly scale: "spacing";
|
|
1536
1536
|
}>;
|
|
1537
|
-
mx?: import("@codecademy/variance
|
|
1537
|
+
mx?: import("@codecademy/variance").Scale<{
|
|
1538
1538
|
readonly property: "margin";
|
|
1539
1539
|
readonly properties: {
|
|
1540
1540
|
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
@@ -1543,7 +1543,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1543
1543
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1544
1544
|
readonly scale: "spacing";
|
|
1545
1545
|
}>;
|
|
1546
|
-
my?: import("@codecademy/variance
|
|
1546
|
+
my?: import("@codecademy/variance").Scale<{
|
|
1547
1547
|
readonly property: "margin";
|
|
1548
1548
|
readonly properties: {
|
|
1549
1549
|
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
@@ -1552,7 +1552,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1552
1552
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1553
1553
|
readonly scale: "spacing";
|
|
1554
1554
|
}>;
|
|
1555
|
-
mt?: import("@codecademy/variance
|
|
1555
|
+
mt?: import("@codecademy/variance").Scale<{
|
|
1556
1556
|
readonly property: {
|
|
1557
1557
|
readonly physical: "marginTop";
|
|
1558
1558
|
readonly logical: "marginBlockStart";
|
|
@@ -1560,7 +1560,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1560
1560
|
readonly scale: "spacing";
|
|
1561
1561
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1562
1562
|
}>;
|
|
1563
|
-
mb?: import("@codecademy/variance
|
|
1563
|
+
mb?: import("@codecademy/variance").Scale<{
|
|
1564
1564
|
readonly property: {
|
|
1565
1565
|
readonly physical: "marginBottom";
|
|
1566
1566
|
readonly logical: "marginBlockEnd";
|
|
@@ -1568,7 +1568,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1568
1568
|
readonly scale: "spacing";
|
|
1569
1569
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1570
1570
|
}>;
|
|
1571
|
-
mr?: import("@codecademy/variance
|
|
1571
|
+
mr?: import("@codecademy/variance").Scale<{
|
|
1572
1572
|
readonly property: {
|
|
1573
1573
|
readonly physical: "marginRight";
|
|
1574
1574
|
readonly logical: "marginInlineEnd";
|
|
@@ -1576,7 +1576,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1576
1576
|
readonly scale: "spacing";
|
|
1577
1577
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1578
1578
|
}>;
|
|
1579
|
-
ml?: import("@codecademy/variance
|
|
1579
|
+
ml?: import("@codecademy/variance").Scale<{
|
|
1580
1580
|
readonly property: {
|
|
1581
1581
|
readonly physical: "marginLeft";
|
|
1582
1582
|
readonly logical: "marginInlineStart";
|
|
@@ -1584,7 +1584,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1584
1584
|
readonly scale: "spacing";
|
|
1585
1585
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1586
1586
|
}>;
|
|
1587
|
-
borderX?: import("@codecademy/variance
|
|
1587
|
+
borderX?: import("@codecademy/variance").Scale<{
|
|
1588
1588
|
readonly property: "border";
|
|
1589
1589
|
readonly properties: {
|
|
1590
1590
|
readonly physical: readonly ["borderLeft", "borderRight"];
|
|
@@ -1593,7 +1593,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1593
1593
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1594
1594
|
readonly scale: "borders";
|
|
1595
1595
|
}>;
|
|
1596
|
-
borderY?: import("@codecademy/variance
|
|
1596
|
+
borderY?: import("@codecademy/variance").Scale<{
|
|
1597
1597
|
readonly property: "border";
|
|
1598
1598
|
readonly properties: {
|
|
1599
1599
|
readonly physical: readonly ["borderTop", "borderBottom"];
|
|
@@ -1602,7 +1602,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1602
1602
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1603
1603
|
readonly scale: "borders";
|
|
1604
1604
|
}>;
|
|
1605
|
-
borderWidthX?: import("@codecademy/variance
|
|
1605
|
+
borderWidthX?: import("@codecademy/variance").Scale<{
|
|
1606
1606
|
readonly property: "borderWidth";
|
|
1607
1607
|
readonly properties: {
|
|
1608
1608
|
readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
|
|
@@ -1610,7 +1610,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1610
1610
|
};
|
|
1611
1611
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1612
1612
|
}>;
|
|
1613
|
-
borderWidthY?: import("@codecademy/variance
|
|
1613
|
+
borderWidthY?: import("@codecademy/variance").Scale<{
|
|
1614
1614
|
readonly property: "borderWidth";
|
|
1615
1615
|
readonly properties: {
|
|
1616
1616
|
readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
|
|
@@ -1618,35 +1618,35 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1618
1618
|
};
|
|
1619
1619
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1620
1620
|
}>;
|
|
1621
|
-
borderWidthLeft?: import("@codecademy/variance
|
|
1621
|
+
borderWidthLeft?: import("@codecademy/variance").Scale<{
|
|
1622
1622
|
readonly property: {
|
|
1623
1623
|
readonly physical: "borderLeftWidth";
|
|
1624
1624
|
readonly logical: "borderInlineStartWidth";
|
|
1625
1625
|
};
|
|
1626
1626
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1627
1627
|
}>;
|
|
1628
|
-
borderWidthRight?: import("@codecademy/variance
|
|
1628
|
+
borderWidthRight?: import("@codecademy/variance").Scale<{
|
|
1629
1629
|
readonly property: {
|
|
1630
1630
|
readonly physical: "borderRightWidth";
|
|
1631
1631
|
readonly logical: "borderInlineEndWidth";
|
|
1632
1632
|
};
|
|
1633
1633
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1634
1634
|
}>;
|
|
1635
|
-
borderWidthTop?: import("@codecademy/variance
|
|
1635
|
+
borderWidthTop?: import("@codecademy/variance").Scale<{
|
|
1636
1636
|
readonly property: {
|
|
1637
1637
|
readonly physical: "borderTopWidth";
|
|
1638
1638
|
readonly logical: "borderBlockStartWidth";
|
|
1639
1639
|
};
|
|
1640
1640
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1641
1641
|
}>;
|
|
1642
|
-
borderWidthBottom?: import("@codecademy/variance
|
|
1642
|
+
borderWidthBottom?: import("@codecademy/variance").Scale<{
|
|
1643
1643
|
readonly property: {
|
|
1644
1644
|
readonly physical: "borderBottomWidth";
|
|
1645
1645
|
readonly logical: "borderBlockEndWidth";
|
|
1646
1646
|
};
|
|
1647
1647
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1648
1648
|
}>;
|
|
1649
|
-
borderRadiusLeft?: import("@codecademy/variance
|
|
1649
|
+
borderRadiusLeft?: import("@codecademy/variance").Scale<{
|
|
1650
1650
|
readonly property: "borderRadius";
|
|
1651
1651
|
readonly properties: {
|
|
1652
1652
|
readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
|
|
@@ -1655,7 +1655,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1655
1655
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1656
1656
|
readonly scale: "borderRadii";
|
|
1657
1657
|
}>;
|
|
1658
|
-
borderRadiusTop?: import("@codecademy/variance
|
|
1658
|
+
borderRadiusTop?: import("@codecademy/variance").Scale<{
|
|
1659
1659
|
readonly property: "borderRadius";
|
|
1660
1660
|
readonly properties: {
|
|
1661
1661
|
readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
|
|
@@ -1664,7 +1664,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1664
1664
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1665
1665
|
readonly scale: "borderRadii";
|
|
1666
1666
|
}>;
|
|
1667
|
-
borderRadiusBottom?: import("@codecademy/variance
|
|
1667
|
+
borderRadiusBottom?: import("@codecademy/variance").Scale<{
|
|
1668
1668
|
readonly property: "borderRadius";
|
|
1669
1669
|
readonly properties: {
|
|
1670
1670
|
readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
|
|
@@ -1673,7 +1673,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1673
1673
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1674
1674
|
readonly scale: "borderRadii";
|
|
1675
1675
|
}>;
|
|
1676
|
-
borderRadiusRight?: import("@codecademy/variance
|
|
1676
|
+
borderRadiusRight?: import("@codecademy/variance").Scale<{
|
|
1677
1677
|
readonly property: "borderRadius";
|
|
1678
1678
|
readonly properties: {
|
|
1679
1679
|
readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
|
|
@@ -1682,7 +1682,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1682
1682
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1683
1683
|
readonly scale: "borderRadii";
|
|
1684
1684
|
}>;
|
|
1685
|
-
borderRadiusTopLeft?: import("@codecademy/variance
|
|
1685
|
+
borderRadiusTopLeft?: import("@codecademy/variance").Scale<{
|
|
1686
1686
|
readonly property: {
|
|
1687
1687
|
readonly physical: "borderTopLeftRadius";
|
|
1688
1688
|
readonly logical: "borderStartStartRadius";
|
|
@@ -1690,7 +1690,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1690
1690
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1691
1691
|
readonly scale: "borderRadii";
|
|
1692
1692
|
}>;
|
|
1693
|
-
borderRadiusTopRight?: import("@codecademy/variance
|
|
1693
|
+
borderRadiusTopRight?: import("@codecademy/variance").Scale<{
|
|
1694
1694
|
readonly property: {
|
|
1695
1695
|
readonly physical: "borderTopRightRadius";
|
|
1696
1696
|
readonly logical: "borderStartEndRadius";
|
|
@@ -1698,7 +1698,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1698
1698
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1699
1699
|
readonly scale: "borderRadii";
|
|
1700
1700
|
}>;
|
|
1701
|
-
borderRadiusBottomRight?: import("@codecademy/variance
|
|
1701
|
+
borderRadiusBottomRight?: import("@codecademy/variance").Scale<{
|
|
1702
1702
|
readonly property: {
|
|
1703
1703
|
readonly physical: "borderBottomRightRadius";
|
|
1704
1704
|
readonly logical: "borderEndEndRadius";
|
|
@@ -1706,7 +1706,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1706
1706
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1707
1707
|
readonly scale: "borderRadii";
|
|
1708
1708
|
}>;
|
|
1709
|
-
borderRadiusBottomLeft?: import("@codecademy/variance
|
|
1709
|
+
borderRadiusBottomLeft?: import("@codecademy/variance").Scale<{
|
|
1710
1710
|
readonly property: {
|
|
1711
1711
|
readonly physical: "borderBottomLeftRadius";
|
|
1712
1712
|
readonly logical: "borderEndStartRadius";
|
|
@@ -1714,7 +1714,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1714
1714
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1715
1715
|
readonly scale: "borderRadii";
|
|
1716
1716
|
}>;
|
|
1717
|
-
borderStyleX?: import("@codecademy/variance
|
|
1717
|
+
borderStyleX?: import("@codecademy/variance").Scale<{
|
|
1718
1718
|
readonly property: "borderStyle";
|
|
1719
1719
|
readonly properties: {
|
|
1720
1720
|
readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
|
|
@@ -1722,7 +1722,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1722
1722
|
};
|
|
1723
1723
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1724
1724
|
}>;
|
|
1725
|
-
borderStyleY?: import("@codecademy/variance
|
|
1725
|
+
borderStyleY?: import("@codecademy/variance").Scale<{
|
|
1726
1726
|
readonly property: "borderStyle";
|
|
1727
1727
|
readonly properties: {
|
|
1728
1728
|
readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
|
|
@@ -1730,35 +1730,35 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1730
1730
|
};
|
|
1731
1731
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1732
1732
|
}>;
|
|
1733
|
-
borderStyleLeft?: import("@codecademy/variance
|
|
1733
|
+
borderStyleLeft?: import("@codecademy/variance").Scale<{
|
|
1734
1734
|
readonly property: {
|
|
1735
1735
|
readonly physical: "borderLeftStyle";
|
|
1736
1736
|
readonly logical: "borderInlineStartStyle";
|
|
1737
1737
|
};
|
|
1738
1738
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1739
1739
|
}>;
|
|
1740
|
-
borderStyleRight?: import("@codecademy/variance
|
|
1740
|
+
borderStyleRight?: import("@codecademy/variance").Scale<{
|
|
1741
1741
|
readonly property: {
|
|
1742
1742
|
readonly physical: "borderRightStyle";
|
|
1743
1743
|
readonly logical: "borderInlineEndStyle";
|
|
1744
1744
|
};
|
|
1745
1745
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1746
1746
|
}>;
|
|
1747
|
-
borderStyleTop?: import("@codecademy/variance
|
|
1747
|
+
borderStyleTop?: import("@codecademy/variance").Scale<{
|
|
1748
1748
|
readonly property: {
|
|
1749
1749
|
readonly physical: "borderTopStyle";
|
|
1750
1750
|
readonly logical: "borderBlockStartStyle";
|
|
1751
1751
|
};
|
|
1752
1752
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1753
1753
|
}>;
|
|
1754
|
-
borderStyleBottom?: import("@codecademy/variance
|
|
1754
|
+
borderStyleBottom?: import("@codecademy/variance").Scale<{
|
|
1755
1755
|
readonly property: {
|
|
1756
1756
|
readonly physical: "borderBottomStyle";
|
|
1757
1757
|
readonly logical: "borderBlockEndStyle";
|
|
1758
1758
|
};
|
|
1759
1759
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1760
1760
|
}>;
|
|
1761
|
-
dimensions?: import("@codecademy/variance
|
|
1761
|
+
dimensions?: import("@codecademy/variance").Scale<{
|
|
1762
1762
|
readonly property: "width";
|
|
1763
1763
|
readonly properties: {
|
|
1764
1764
|
readonly physical: readonly ["width", "height"];
|
|
@@ -1767,15 +1767,15 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1767
1767
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1768
1768
|
readonly transform: (value: string | number) => string | 0;
|
|
1769
1769
|
}>;
|
|
1770
|
-
textColor?: import("@codecademy/variance
|
|
1770
|
+
textColor?: import("@codecademy/variance").Scale<{
|
|
1771
1771
|
readonly property: "color";
|
|
1772
1772
|
readonly scale: "colors";
|
|
1773
1773
|
}>;
|
|
1774
|
-
bg?: import("@codecademy/variance
|
|
1774
|
+
bg?: import("@codecademy/variance").Scale<{
|
|
1775
1775
|
readonly property: "backgroundColor";
|
|
1776
1776
|
readonly scale: "colors";
|
|
1777
1777
|
}>;
|
|
1778
|
-
borderColorX?: import("@codecademy/variance
|
|
1778
|
+
borderColorX?: import("@codecademy/variance").Scale<{
|
|
1779
1779
|
readonly property: "borderColor";
|
|
1780
1780
|
readonly properties: {
|
|
1781
1781
|
readonly physical: readonly ["borderLeftColor", "borderRightColor"];
|
|
@@ -1784,7 +1784,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1784
1784
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1785
1785
|
readonly scale: "colors";
|
|
1786
1786
|
}>;
|
|
1787
|
-
borderColorY?: import("@codecademy/variance
|
|
1787
|
+
borderColorY?: import("@codecademy/variance").Scale<{
|
|
1788
1788
|
readonly property: "borderColor";
|
|
1789
1789
|
readonly properties: {
|
|
1790
1790
|
readonly physical: readonly ["borderTopColor", "borderBottomColor"];
|
|
@@ -1793,22 +1793,22 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1793
1793
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1794
1794
|
readonly scale: "colors";
|
|
1795
1795
|
}>;
|
|
1796
|
-
borderColorLeft?: import("@codecademy/variance
|
|
1796
|
+
borderColorLeft?: import("@codecademy/variance").Scale<{
|
|
1797
1797
|
readonly property: "borderLeftColor";
|
|
1798
1798
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1799
1799
|
readonly scale: "colors";
|
|
1800
1800
|
}>;
|
|
1801
|
-
borderColorRight?: import("@codecademy/variance
|
|
1801
|
+
borderColorRight?: import("@codecademy/variance").Scale<{
|
|
1802
1802
|
readonly property: "borderRightColor";
|
|
1803
1803
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1804
1804
|
readonly scale: "colors";
|
|
1805
1805
|
}>;
|
|
1806
|
-
borderColorTop?: import("@codecademy/variance
|
|
1806
|
+
borderColorTop?: import("@codecademy/variance").Scale<{
|
|
1807
1807
|
readonly property: "borderTopColor";
|
|
1808
1808
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1809
1809
|
readonly scale: "colors";
|
|
1810
1810
|
}>;
|
|
1811
|
-
borderColorBottom?: import("@codecademy/variance
|
|
1811
|
+
borderColorBottom?: import("@codecademy/variance").Scale<{
|
|
1812
1812
|
readonly property: "borderBottomColor";
|
|
1813
1813
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1814
1814
|
readonly scale: "colors";
|
|
@@ -1824,18 +1824,18 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1824
1824
|
theme?: import("@emotion/react").Theme;
|
|
1825
1825
|
} & CardWrapperProps, {}, {}>;
|
|
1826
1826
|
export declare const StaticCardWrapper: import("@emotion/styled").StyledComponent<Omit<{
|
|
1827
|
-
color?: import("@codecademy/variance
|
|
1827
|
+
color?: import("@codecademy/variance").Scale<{
|
|
1828
1828
|
readonly property: "color";
|
|
1829
1829
|
readonly scale: "colors";
|
|
1830
1830
|
}>;
|
|
1831
|
-
background?: import("@codecademy/variance
|
|
1831
|
+
background?: import("@codecademy/variance").Scale<{
|
|
1832
1832
|
readonly property: "background";
|
|
1833
1833
|
}>;
|
|
1834
|
-
border?: import("@codecademy/variance
|
|
1834
|
+
border?: import("@codecademy/variance").Scale<{
|
|
1835
1835
|
readonly property: "border";
|
|
1836
1836
|
readonly scale: "borders";
|
|
1837
1837
|
}>;
|
|
1838
|
-
p?: import("@codecademy/variance
|
|
1838
|
+
p?: import("@codecademy/variance").Scale<{
|
|
1839
1839
|
readonly property: "padding";
|
|
1840
1840
|
readonly scale: "spacing";
|
|
1841
1841
|
}>;
|
|
@@ -1843,7 +1843,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1843
1843
|
title?: string | undefined;
|
|
1844
1844
|
dir?: string | undefined;
|
|
1845
1845
|
className?: string | undefined;
|
|
1846
|
-
height?: import("@codecademy/variance
|
|
1846
|
+
height?: import("@codecademy/variance").Scale<{
|
|
1847
1847
|
readonly property: {
|
|
1848
1848
|
readonly physical: "height";
|
|
1849
1849
|
readonly logical: "blockSize";
|
|
@@ -1851,7 +1851,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1851
1851
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1852
1852
|
readonly transform: (value: string | number) => string | 0;
|
|
1853
1853
|
}>;
|
|
1854
|
-
width?: import("@codecademy/variance
|
|
1854
|
+
width?: import("@codecademy/variance").Scale<{
|
|
1855
1855
|
readonly property: {
|
|
1856
1856
|
readonly physical: "width";
|
|
1857
1857
|
readonly logical: "inlineSize";
|
|
@@ -2116,25 +2116,25 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2116
2116
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
2117
2117
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
2118
2118
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
2119
|
-
alignContent?: import("@codecademy/variance
|
|
2119
|
+
alignContent?: import("@codecademy/variance").Scale<{
|
|
2120
2120
|
readonly property: "alignContent";
|
|
2121
2121
|
}>;
|
|
2122
|
-
alignItems?: import("@codecademy/variance
|
|
2122
|
+
alignItems?: import("@codecademy/variance").Scale<{
|
|
2123
2123
|
readonly property: "alignItems";
|
|
2124
2124
|
}>;
|
|
2125
|
-
alignSelf?: import("@codecademy/variance
|
|
2125
|
+
alignSelf?: import("@codecademy/variance").Scale<{
|
|
2126
2126
|
readonly property: "alignSelf";
|
|
2127
2127
|
}>;
|
|
2128
|
-
backgroundImage?: import("@codecademy/variance
|
|
2128
|
+
backgroundImage?: import("@codecademy/variance").Scale<{
|
|
2129
2129
|
readonly property: "backgroundImage";
|
|
2130
2130
|
}>;
|
|
2131
|
-
backgroundRepeat?: import("@codecademy/variance
|
|
2131
|
+
backgroundRepeat?: import("@codecademy/variance").Scale<{
|
|
2132
2132
|
readonly property: "backgroundRepeat";
|
|
2133
2133
|
}>;
|
|
2134
|
-
backgroundSize?: import("@codecademy/variance
|
|
2134
|
+
backgroundSize?: import("@codecademy/variance").Scale<{
|
|
2135
2135
|
readonly property: "backgroundSize";
|
|
2136
2136
|
}>;
|
|
2137
|
-
bottom?: import("@codecademy/variance
|
|
2137
|
+
bottom?: import("@codecademy/variance").Scale<{
|
|
2138
2138
|
readonly property: {
|
|
2139
2139
|
readonly physical: "bottom";
|
|
2140
2140
|
readonly logical: "insetBlockEnd";
|
|
@@ -2142,74 +2142,74 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2142
2142
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2143
2143
|
readonly transform: (value: string | number) => string | 0;
|
|
2144
2144
|
}>;
|
|
2145
|
-
columnGap?: import("@codecademy/variance
|
|
2145
|
+
columnGap?: import("@codecademy/variance").Scale<{
|
|
2146
2146
|
readonly property: "columnGap";
|
|
2147
2147
|
readonly scale: "spacing";
|
|
2148
2148
|
}>;
|
|
2149
|
-
containerType?: import("@codecademy/variance
|
|
2149
|
+
containerType?: import("@codecademy/variance").Scale<{
|
|
2150
2150
|
readonly property: "containerType";
|
|
2151
2151
|
}>;
|
|
2152
|
-
direction?: import("@codecademy/variance
|
|
2152
|
+
direction?: import("@codecademy/variance").Scale<{
|
|
2153
2153
|
readonly property: "direction";
|
|
2154
2154
|
}>;
|
|
2155
|
-
display?: import("@codecademy/variance
|
|
2155
|
+
display?: import("@codecademy/variance").Scale<{
|
|
2156
2156
|
readonly property: "display";
|
|
2157
2157
|
}>;
|
|
2158
|
-
flexBasis?: import("@codecademy/variance
|
|
2158
|
+
flexBasis?: import("@codecademy/variance").Scale<{
|
|
2159
2159
|
readonly property: "flexBasis";
|
|
2160
2160
|
}>;
|
|
2161
|
-
flexDirection?: import("@codecademy/variance
|
|
2161
|
+
flexDirection?: import("@codecademy/variance").Scale<{
|
|
2162
2162
|
readonly property: "flexDirection";
|
|
2163
2163
|
}>;
|
|
2164
|
-
flexGrow?: import("@codecademy/variance
|
|
2164
|
+
flexGrow?: import("@codecademy/variance").Scale<{
|
|
2165
2165
|
readonly property: "flexGrow";
|
|
2166
2166
|
}>;
|
|
2167
|
-
flexShrink?: import("@codecademy/variance
|
|
2167
|
+
flexShrink?: import("@codecademy/variance").Scale<{
|
|
2168
2168
|
readonly property: "flexShrink";
|
|
2169
2169
|
}>;
|
|
2170
|
-
flexWrap?: import("@codecademy/variance
|
|
2170
|
+
flexWrap?: import("@codecademy/variance").Scale<{
|
|
2171
2171
|
readonly property: "flexWrap";
|
|
2172
2172
|
}>;
|
|
2173
|
-
gridAutoColumns?: import("@codecademy/variance
|
|
2173
|
+
gridAutoColumns?: import("@codecademy/variance").Scale<{
|
|
2174
2174
|
readonly property: "gridAutoColumns";
|
|
2175
2175
|
}>;
|
|
2176
|
-
gridAutoFlow?: import("@codecademy/variance
|
|
2176
|
+
gridAutoFlow?: import("@codecademy/variance").Scale<{
|
|
2177
2177
|
readonly property: "gridAutoFlow";
|
|
2178
2178
|
}>;
|
|
2179
|
-
gridAutoRows?: import("@codecademy/variance
|
|
2179
|
+
gridAutoRows?: import("@codecademy/variance").Scale<{
|
|
2180
2180
|
readonly property: "gridAutoRows";
|
|
2181
2181
|
}>;
|
|
2182
|
-
gridColumnEnd?: import("@codecademy/variance
|
|
2182
|
+
gridColumnEnd?: import("@codecademy/variance").Scale<{
|
|
2183
2183
|
readonly property: "gridColumnEnd";
|
|
2184
2184
|
}>;
|
|
2185
|
-
gridColumnStart?: import("@codecademy/variance
|
|
2185
|
+
gridColumnStart?: import("@codecademy/variance").Scale<{
|
|
2186
2186
|
readonly property: "gridColumnStart";
|
|
2187
2187
|
}>;
|
|
2188
|
-
gridRowEnd?: import("@codecademy/variance
|
|
2188
|
+
gridRowEnd?: import("@codecademy/variance").Scale<{
|
|
2189
2189
|
readonly property: "gridRowEnd";
|
|
2190
2190
|
}>;
|
|
2191
|
-
gridRowStart?: import("@codecademy/variance
|
|
2191
|
+
gridRowStart?: import("@codecademy/variance").Scale<{
|
|
2192
2192
|
readonly property: "gridRowStart";
|
|
2193
2193
|
}>;
|
|
2194
|
-
gridTemplateAreas?: import("@codecademy/variance
|
|
2194
|
+
gridTemplateAreas?: import("@codecademy/variance").Scale<{
|
|
2195
2195
|
readonly property: "gridTemplateAreas";
|
|
2196
2196
|
}>;
|
|
2197
|
-
gridTemplateColumns?: import("@codecademy/variance
|
|
2197
|
+
gridTemplateColumns?: import("@codecademy/variance").Scale<{
|
|
2198
2198
|
readonly property: "gridTemplateColumns";
|
|
2199
2199
|
}>;
|
|
2200
|
-
gridTemplateRows?: import("@codecademy/variance
|
|
2200
|
+
gridTemplateRows?: import("@codecademy/variance").Scale<{
|
|
2201
2201
|
readonly property: "gridTemplateRows";
|
|
2202
2202
|
}>;
|
|
2203
|
-
justifyContent?: import("@codecademy/variance
|
|
2203
|
+
justifyContent?: import("@codecademy/variance").Scale<{
|
|
2204
2204
|
readonly property: "justifyContent";
|
|
2205
2205
|
}>;
|
|
2206
|
-
justifyItems?: import("@codecademy/variance
|
|
2206
|
+
justifyItems?: import("@codecademy/variance").Scale<{
|
|
2207
2207
|
readonly property: "justifyItems";
|
|
2208
2208
|
}>;
|
|
2209
|
-
justifySelf?: import("@codecademy/variance
|
|
2209
|
+
justifySelf?: import("@codecademy/variance").Scale<{
|
|
2210
2210
|
readonly property: "justifySelf";
|
|
2211
2211
|
}>;
|
|
2212
|
-
left?: import("@codecademy/variance
|
|
2212
|
+
left?: import("@codecademy/variance").Scale<{
|
|
2213
2213
|
readonly property: {
|
|
2214
2214
|
readonly physical: "left";
|
|
2215
2215
|
readonly logical: "insetInlineStart";
|
|
@@ -2217,7 +2217,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2217
2217
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2218
2218
|
readonly transform: (value: string | number) => string | 0;
|
|
2219
2219
|
}>;
|
|
2220
|
-
maxHeight?: import("@codecademy/variance
|
|
2220
|
+
maxHeight?: import("@codecademy/variance").Scale<{
|
|
2221
2221
|
readonly property: {
|
|
2222
2222
|
readonly physical: "maxHeight";
|
|
2223
2223
|
readonly logical: "maxBlockSize";
|
|
@@ -2225,7 +2225,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2225
2225
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2226
2226
|
readonly transform: (value: string | number) => string | 0;
|
|
2227
2227
|
}>;
|
|
2228
|
-
maxWidth?: import("@codecademy/variance
|
|
2228
|
+
maxWidth?: import("@codecademy/variance").Scale<{
|
|
2229
2229
|
readonly property: {
|
|
2230
2230
|
readonly physical: "maxWidth";
|
|
2231
2231
|
readonly logical: "maxInlineSize";
|
|
@@ -2233,7 +2233,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2233
2233
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2234
2234
|
readonly transform: (value: string | number) => string | 0;
|
|
2235
2235
|
}>;
|
|
2236
|
-
minHeight?: import("@codecademy/variance
|
|
2236
|
+
minHeight?: import("@codecademy/variance").Scale<{
|
|
2237
2237
|
readonly property: {
|
|
2238
2238
|
readonly physical: "minHeight";
|
|
2239
2239
|
readonly logical: "minBlockSize";
|
|
@@ -2241,7 +2241,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2241
2241
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2242
2242
|
readonly transform: (value: string | number) => string | 0;
|
|
2243
2243
|
}>;
|
|
2244
|
-
minWidth?: import("@codecademy/variance
|
|
2244
|
+
minWidth?: import("@codecademy/variance").Scale<{
|
|
2245
2245
|
readonly property: {
|
|
2246
2246
|
readonly physical: "minWidth";
|
|
2247
2247
|
readonly logical: "minInlineSize";
|
|
@@ -2249,30 +2249,30 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2249
2249
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2250
2250
|
readonly transform: (value: string | number) => string | 0;
|
|
2251
2251
|
}>;
|
|
2252
|
-
opacity?: import("@codecademy/variance
|
|
2252
|
+
opacity?: import("@codecademy/variance").Scale<{
|
|
2253
2253
|
readonly property: "opacity";
|
|
2254
2254
|
}>;
|
|
2255
|
-
order?: import("@codecademy/variance
|
|
2255
|
+
order?: import("@codecademy/variance").Scale<{
|
|
2256
2256
|
readonly property: "order";
|
|
2257
2257
|
}>;
|
|
2258
|
-
overflowX?: import("@codecademy/variance
|
|
2258
|
+
overflowX?: import("@codecademy/variance").Scale<{
|
|
2259
2259
|
readonly property: {
|
|
2260
2260
|
readonly physical: "overflowX";
|
|
2261
2261
|
readonly logical: "overflowInline";
|
|
2262
2262
|
};
|
|
2263
2263
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2264
2264
|
}>;
|
|
2265
|
-
overflowY?: import("@codecademy/variance
|
|
2265
|
+
overflowY?: import("@codecademy/variance").Scale<{
|
|
2266
2266
|
readonly property: {
|
|
2267
2267
|
readonly physical: "overflowY";
|
|
2268
2268
|
readonly logical: "overflowBlock";
|
|
2269
2269
|
};
|
|
2270
2270
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2271
2271
|
}>;
|
|
2272
|
-
position?: import("@codecademy/variance
|
|
2272
|
+
position?: import("@codecademy/variance").Scale<{
|
|
2273
2273
|
readonly property: "position";
|
|
2274
2274
|
}>;
|
|
2275
|
-
right?: import("@codecademy/variance
|
|
2275
|
+
right?: import("@codecademy/variance").Scale<{
|
|
2276
2276
|
readonly property: {
|
|
2277
2277
|
readonly physical: "right";
|
|
2278
2278
|
readonly logical: "insetInlineEnd";
|
|
@@ -2280,11 +2280,11 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2280
2280
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2281
2281
|
readonly transform: (value: string | number) => string | 0;
|
|
2282
2282
|
}>;
|
|
2283
|
-
rowGap?: import("@codecademy/variance
|
|
2283
|
+
rowGap?: import("@codecademy/variance").Scale<{
|
|
2284
2284
|
readonly property: "rowGap";
|
|
2285
2285
|
readonly scale: "spacing";
|
|
2286
2286
|
}>;
|
|
2287
|
-
top?: import("@codecademy/variance
|
|
2287
|
+
top?: import("@codecademy/variance").Scale<{
|
|
2288
2288
|
readonly property: {
|
|
2289
2289
|
readonly physical: "top";
|
|
2290
2290
|
readonly logical: "insetBlockStart";
|
|
@@ -2292,16 +2292,16 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2292
2292
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2293
2293
|
readonly transform: (value: string | number) => string | 0;
|
|
2294
2294
|
}>;
|
|
2295
|
-
verticalAlign?: import("@codecademy/variance
|
|
2295
|
+
verticalAlign?: import("@codecademy/variance").Scale<{
|
|
2296
2296
|
readonly property: "verticalAlign";
|
|
2297
2297
|
}>;
|
|
2298
|
-
zIndex?: import("@codecademy/variance
|
|
2298
|
+
zIndex?: import("@codecademy/variance").Scale<{
|
|
2299
2299
|
readonly property: "zIndex";
|
|
2300
2300
|
}>;
|
|
2301
|
-
backgroundPosition?: import("@codecademy/variance
|
|
2301
|
+
backgroundPosition?: import("@codecademy/variance").Scale<{
|
|
2302
2302
|
readonly property: "backgroundPosition";
|
|
2303
2303
|
}>;
|
|
2304
|
-
borderBottom?: import("@codecademy/variance
|
|
2304
|
+
borderBottom?: import("@codecademy/variance").Scale<{
|
|
2305
2305
|
readonly property: {
|
|
2306
2306
|
readonly physical: "borderBottom";
|
|
2307
2307
|
readonly logical: "borderBlockEnd";
|
|
@@ -2309,11 +2309,11 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2309
2309
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2310
2310
|
readonly scale: "borders";
|
|
2311
2311
|
}>;
|
|
2312
|
-
borderColor?: import("@codecademy/variance
|
|
2312
|
+
borderColor?: import("@codecademy/variance").Scale<{
|
|
2313
2313
|
readonly property: "borderColor";
|
|
2314
2314
|
readonly scale: "colors";
|
|
2315
2315
|
}>;
|
|
2316
|
-
borderLeft?: import("@codecademy/variance
|
|
2316
|
+
borderLeft?: import("@codecademy/variance").Scale<{
|
|
2317
2317
|
readonly property: {
|
|
2318
2318
|
readonly physical: "borderLeft";
|
|
2319
2319
|
readonly logical: "borderInlineStart";
|
|
@@ -2321,11 +2321,11 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2321
2321
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2322
2322
|
readonly scale: "borders";
|
|
2323
2323
|
}>;
|
|
2324
|
-
borderRadius?: import("@codecademy/variance
|
|
2324
|
+
borderRadius?: import("@codecademy/variance").Scale<{
|
|
2325
2325
|
readonly property: "borderRadius";
|
|
2326
2326
|
readonly scale: "borderRadii";
|
|
2327
2327
|
}>;
|
|
2328
|
-
borderRight?: import("@codecademy/variance
|
|
2328
|
+
borderRight?: import("@codecademy/variance").Scale<{
|
|
2329
2329
|
readonly property: {
|
|
2330
2330
|
readonly physical: "borderRight";
|
|
2331
2331
|
readonly logical: "borderInlineEnd";
|
|
@@ -2333,10 +2333,10 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2333
2333
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2334
2334
|
readonly scale: "borders";
|
|
2335
2335
|
}>;
|
|
2336
|
-
borderStyle?: import("@codecademy/variance
|
|
2336
|
+
borderStyle?: import("@codecademy/variance").Scale<{
|
|
2337
2337
|
readonly property: "borderStyle";
|
|
2338
2338
|
}>;
|
|
2339
|
-
borderTop?: import("@codecademy/variance
|
|
2339
|
+
borderTop?: import("@codecademy/variance").Scale<{
|
|
2340
2340
|
readonly property: {
|
|
2341
2341
|
readonly physical: "borderTop";
|
|
2342
2342
|
readonly logical: "borderBlockStart";
|
|
@@ -2344,26 +2344,26 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2344
2344
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2345
2345
|
readonly scale: "borders";
|
|
2346
2346
|
}>;
|
|
2347
|
-
borderWidth?: import("@codecademy/variance
|
|
2347
|
+
borderWidth?: import("@codecademy/variance").Scale<{
|
|
2348
2348
|
readonly property: "borderWidth";
|
|
2349
2349
|
}>;
|
|
2350
|
-
flex?: import("@codecademy/variance
|
|
2350
|
+
flex?: import("@codecademy/variance").Scale<{
|
|
2351
2351
|
readonly property: "flex";
|
|
2352
2352
|
}>;
|
|
2353
|
-
gap?: import("@codecademy/variance
|
|
2353
|
+
gap?: import("@codecademy/variance").Scale<{
|
|
2354
2354
|
readonly property: "gap";
|
|
2355
2355
|
readonly scale: "spacing";
|
|
2356
2356
|
}>;
|
|
2357
|
-
gridArea?: import("@codecademy/variance
|
|
2357
|
+
gridArea?: import("@codecademy/variance").Scale<{
|
|
2358
2358
|
readonly property: "gridArea";
|
|
2359
2359
|
}>;
|
|
2360
|
-
gridColumn?: import("@codecademy/variance
|
|
2360
|
+
gridColumn?: import("@codecademy/variance").Scale<{
|
|
2361
2361
|
readonly property: "gridColumn";
|
|
2362
2362
|
}>;
|
|
2363
|
-
gridRow?: import("@codecademy/variance
|
|
2363
|
+
gridRow?: import("@codecademy/variance").Scale<{
|
|
2364
2364
|
readonly property: "gridRow";
|
|
2365
2365
|
}>;
|
|
2366
|
-
inset?: import("@codecademy/variance
|
|
2366
|
+
inset?: import("@codecademy/variance").Scale<{
|
|
2367
2367
|
readonly property: "inset";
|
|
2368
2368
|
readonly properties: {
|
|
2369
2369
|
readonly physical: readonly ["top", "right", "bottom", "left"];
|
|
@@ -2372,10 +2372,10 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2372
2372
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2373
2373
|
readonly transform: (value: string | number) => string | 0;
|
|
2374
2374
|
}>;
|
|
2375
|
-
overflow?: import("@codecademy/variance
|
|
2375
|
+
overflow?: import("@codecademy/variance").Scale<{
|
|
2376
2376
|
readonly property: "overflow";
|
|
2377
2377
|
}>;
|
|
2378
|
-
px?: import("@codecademy/variance
|
|
2378
|
+
px?: import("@codecademy/variance").Scale<{
|
|
2379
2379
|
readonly property: "padding";
|
|
2380
2380
|
readonly properties: {
|
|
2381
2381
|
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
@@ -2384,7 +2384,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2384
2384
|
readonly scale: "spacing";
|
|
2385
2385
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2386
2386
|
}>;
|
|
2387
|
-
py?: import("@codecademy/variance
|
|
2387
|
+
py?: import("@codecademy/variance").Scale<{
|
|
2388
2388
|
readonly property: "padding";
|
|
2389
2389
|
readonly properties: {
|
|
2390
2390
|
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
@@ -2393,7 +2393,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2393
2393
|
readonly scale: "spacing";
|
|
2394
2394
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2395
2395
|
}>;
|
|
2396
|
-
pt?: import("@codecademy/variance
|
|
2396
|
+
pt?: import("@codecademy/variance").Scale<{
|
|
2397
2397
|
readonly property: {
|
|
2398
2398
|
readonly physical: "paddingTop";
|
|
2399
2399
|
readonly logical: "paddingBlockStart";
|
|
@@ -2401,7 +2401,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2401
2401
|
readonly scale: "spacing";
|
|
2402
2402
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2403
2403
|
}>;
|
|
2404
|
-
pb?: import("@codecademy/variance
|
|
2404
|
+
pb?: import("@codecademy/variance").Scale<{
|
|
2405
2405
|
readonly property: {
|
|
2406
2406
|
readonly physical: "paddingBottom";
|
|
2407
2407
|
readonly logical: "paddingBlockEnd";
|
|
@@ -2409,7 +2409,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2409
2409
|
readonly scale: "spacing";
|
|
2410
2410
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2411
2411
|
}>;
|
|
2412
|
-
pr?: import("@codecademy/variance
|
|
2412
|
+
pr?: import("@codecademy/variance").Scale<{
|
|
2413
2413
|
readonly property: {
|
|
2414
2414
|
readonly physical: "paddingRight";
|
|
2415
2415
|
readonly logical: "paddingInlineEnd";
|
|
@@ -2417,7 +2417,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2417
2417
|
readonly scale: "spacing";
|
|
2418
2418
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2419
2419
|
}>;
|
|
2420
|
-
pl?: import("@codecademy/variance
|
|
2420
|
+
pl?: import("@codecademy/variance").Scale<{
|
|
2421
2421
|
readonly property: {
|
|
2422
2422
|
readonly physical: "paddingLeft";
|
|
2423
2423
|
readonly logical: "paddingInlineStart";
|
|
@@ -2425,11 +2425,11 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2425
2425
|
readonly scale: "spacing";
|
|
2426
2426
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2427
2427
|
}>;
|
|
2428
|
-
m?: import("@codecademy/variance
|
|
2428
|
+
m?: import("@codecademy/variance").Scale<{
|
|
2429
2429
|
readonly property: "margin";
|
|
2430
2430
|
readonly scale: "spacing";
|
|
2431
2431
|
}>;
|
|
2432
|
-
mx?: import("@codecademy/variance
|
|
2432
|
+
mx?: import("@codecademy/variance").Scale<{
|
|
2433
2433
|
readonly property: "margin";
|
|
2434
2434
|
readonly properties: {
|
|
2435
2435
|
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
@@ -2438,7 +2438,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2438
2438
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2439
2439
|
readonly scale: "spacing";
|
|
2440
2440
|
}>;
|
|
2441
|
-
my?: import("@codecademy/variance
|
|
2441
|
+
my?: import("@codecademy/variance").Scale<{
|
|
2442
2442
|
readonly property: "margin";
|
|
2443
2443
|
readonly properties: {
|
|
2444
2444
|
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
@@ -2447,7 +2447,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2447
2447
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2448
2448
|
readonly scale: "spacing";
|
|
2449
2449
|
}>;
|
|
2450
|
-
mt?: import("@codecademy/variance
|
|
2450
|
+
mt?: import("@codecademy/variance").Scale<{
|
|
2451
2451
|
readonly property: {
|
|
2452
2452
|
readonly physical: "marginTop";
|
|
2453
2453
|
readonly logical: "marginBlockStart";
|
|
@@ -2455,7 +2455,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2455
2455
|
readonly scale: "spacing";
|
|
2456
2456
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2457
2457
|
}>;
|
|
2458
|
-
mb?: import("@codecademy/variance
|
|
2458
|
+
mb?: import("@codecademy/variance").Scale<{
|
|
2459
2459
|
readonly property: {
|
|
2460
2460
|
readonly physical: "marginBottom";
|
|
2461
2461
|
readonly logical: "marginBlockEnd";
|
|
@@ -2463,7 +2463,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2463
2463
|
readonly scale: "spacing";
|
|
2464
2464
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2465
2465
|
}>;
|
|
2466
|
-
mr?: import("@codecademy/variance
|
|
2466
|
+
mr?: import("@codecademy/variance").Scale<{
|
|
2467
2467
|
readonly property: {
|
|
2468
2468
|
readonly physical: "marginRight";
|
|
2469
2469
|
readonly logical: "marginInlineEnd";
|
|
@@ -2471,7 +2471,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2471
2471
|
readonly scale: "spacing";
|
|
2472
2472
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2473
2473
|
}>;
|
|
2474
|
-
ml?: import("@codecademy/variance
|
|
2474
|
+
ml?: import("@codecademy/variance").Scale<{
|
|
2475
2475
|
readonly property: {
|
|
2476
2476
|
readonly physical: "marginLeft";
|
|
2477
2477
|
readonly logical: "marginInlineStart";
|
|
@@ -2479,7 +2479,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2479
2479
|
readonly scale: "spacing";
|
|
2480
2480
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2481
2481
|
}>;
|
|
2482
|
-
borderX?: import("@codecademy/variance
|
|
2482
|
+
borderX?: import("@codecademy/variance").Scale<{
|
|
2483
2483
|
readonly property: "border";
|
|
2484
2484
|
readonly properties: {
|
|
2485
2485
|
readonly physical: readonly ["borderLeft", "borderRight"];
|
|
@@ -2488,7 +2488,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2488
2488
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2489
2489
|
readonly scale: "borders";
|
|
2490
2490
|
}>;
|
|
2491
|
-
borderY?: import("@codecademy/variance
|
|
2491
|
+
borderY?: import("@codecademy/variance").Scale<{
|
|
2492
2492
|
readonly property: "border";
|
|
2493
2493
|
readonly properties: {
|
|
2494
2494
|
readonly physical: readonly ["borderTop", "borderBottom"];
|
|
@@ -2497,7 +2497,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2497
2497
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2498
2498
|
readonly scale: "borders";
|
|
2499
2499
|
}>;
|
|
2500
|
-
borderWidthX?: import("@codecademy/variance
|
|
2500
|
+
borderWidthX?: import("@codecademy/variance").Scale<{
|
|
2501
2501
|
readonly property: "borderWidth";
|
|
2502
2502
|
readonly properties: {
|
|
2503
2503
|
readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
|
|
@@ -2505,7 +2505,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2505
2505
|
};
|
|
2506
2506
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2507
2507
|
}>;
|
|
2508
|
-
borderWidthY?: import("@codecademy/variance
|
|
2508
|
+
borderWidthY?: import("@codecademy/variance").Scale<{
|
|
2509
2509
|
readonly property: "borderWidth";
|
|
2510
2510
|
readonly properties: {
|
|
2511
2511
|
readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
|
|
@@ -2513,35 +2513,35 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2513
2513
|
};
|
|
2514
2514
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2515
2515
|
}>;
|
|
2516
|
-
borderWidthLeft?: import("@codecademy/variance
|
|
2516
|
+
borderWidthLeft?: import("@codecademy/variance").Scale<{
|
|
2517
2517
|
readonly property: {
|
|
2518
2518
|
readonly physical: "borderLeftWidth";
|
|
2519
2519
|
readonly logical: "borderInlineStartWidth";
|
|
2520
2520
|
};
|
|
2521
2521
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2522
2522
|
}>;
|
|
2523
|
-
borderWidthRight?: import("@codecademy/variance
|
|
2523
|
+
borderWidthRight?: import("@codecademy/variance").Scale<{
|
|
2524
2524
|
readonly property: {
|
|
2525
2525
|
readonly physical: "borderRightWidth";
|
|
2526
2526
|
readonly logical: "borderInlineEndWidth";
|
|
2527
2527
|
};
|
|
2528
2528
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2529
2529
|
}>;
|
|
2530
|
-
borderWidthTop?: import("@codecademy/variance
|
|
2530
|
+
borderWidthTop?: import("@codecademy/variance").Scale<{
|
|
2531
2531
|
readonly property: {
|
|
2532
2532
|
readonly physical: "borderTopWidth";
|
|
2533
2533
|
readonly logical: "borderBlockStartWidth";
|
|
2534
2534
|
};
|
|
2535
2535
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2536
2536
|
}>;
|
|
2537
|
-
borderWidthBottom?: import("@codecademy/variance
|
|
2537
|
+
borderWidthBottom?: import("@codecademy/variance").Scale<{
|
|
2538
2538
|
readonly property: {
|
|
2539
2539
|
readonly physical: "borderBottomWidth";
|
|
2540
2540
|
readonly logical: "borderBlockEndWidth";
|
|
2541
2541
|
};
|
|
2542
2542
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2543
2543
|
}>;
|
|
2544
|
-
borderRadiusLeft?: import("@codecademy/variance
|
|
2544
|
+
borderRadiusLeft?: import("@codecademy/variance").Scale<{
|
|
2545
2545
|
readonly property: "borderRadius";
|
|
2546
2546
|
readonly properties: {
|
|
2547
2547
|
readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
|
|
@@ -2550,7 +2550,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2550
2550
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2551
2551
|
readonly scale: "borderRadii";
|
|
2552
2552
|
}>;
|
|
2553
|
-
borderRadiusTop?: import("@codecademy/variance
|
|
2553
|
+
borderRadiusTop?: import("@codecademy/variance").Scale<{
|
|
2554
2554
|
readonly property: "borderRadius";
|
|
2555
2555
|
readonly properties: {
|
|
2556
2556
|
readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
|
|
@@ -2559,7 +2559,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2559
2559
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2560
2560
|
readonly scale: "borderRadii";
|
|
2561
2561
|
}>;
|
|
2562
|
-
borderRadiusBottom?: import("@codecademy/variance
|
|
2562
|
+
borderRadiusBottom?: import("@codecademy/variance").Scale<{
|
|
2563
2563
|
readonly property: "borderRadius";
|
|
2564
2564
|
readonly properties: {
|
|
2565
2565
|
readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
|
|
@@ -2568,7 +2568,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2568
2568
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2569
2569
|
readonly scale: "borderRadii";
|
|
2570
2570
|
}>;
|
|
2571
|
-
borderRadiusRight?: import("@codecademy/variance
|
|
2571
|
+
borderRadiusRight?: import("@codecademy/variance").Scale<{
|
|
2572
2572
|
readonly property: "borderRadius";
|
|
2573
2573
|
readonly properties: {
|
|
2574
2574
|
readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
|
|
@@ -2577,7 +2577,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2577
2577
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2578
2578
|
readonly scale: "borderRadii";
|
|
2579
2579
|
}>;
|
|
2580
|
-
borderRadiusTopLeft?: import("@codecademy/variance
|
|
2580
|
+
borderRadiusTopLeft?: import("@codecademy/variance").Scale<{
|
|
2581
2581
|
readonly property: {
|
|
2582
2582
|
readonly physical: "borderTopLeftRadius";
|
|
2583
2583
|
readonly logical: "borderStartStartRadius";
|
|
@@ -2585,7 +2585,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2585
2585
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2586
2586
|
readonly scale: "borderRadii";
|
|
2587
2587
|
}>;
|
|
2588
|
-
borderRadiusTopRight?: import("@codecademy/variance
|
|
2588
|
+
borderRadiusTopRight?: import("@codecademy/variance").Scale<{
|
|
2589
2589
|
readonly property: {
|
|
2590
2590
|
readonly physical: "borderTopRightRadius";
|
|
2591
2591
|
readonly logical: "borderStartEndRadius";
|
|
@@ -2593,7 +2593,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2593
2593
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2594
2594
|
readonly scale: "borderRadii";
|
|
2595
2595
|
}>;
|
|
2596
|
-
borderRadiusBottomRight?: import("@codecademy/variance
|
|
2596
|
+
borderRadiusBottomRight?: import("@codecademy/variance").Scale<{
|
|
2597
2597
|
readonly property: {
|
|
2598
2598
|
readonly physical: "borderBottomRightRadius";
|
|
2599
2599
|
readonly logical: "borderEndEndRadius";
|
|
@@ -2601,7 +2601,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2601
2601
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2602
2602
|
readonly scale: "borderRadii";
|
|
2603
2603
|
}>;
|
|
2604
|
-
borderRadiusBottomLeft?: import("@codecademy/variance
|
|
2604
|
+
borderRadiusBottomLeft?: import("@codecademy/variance").Scale<{
|
|
2605
2605
|
readonly property: {
|
|
2606
2606
|
readonly physical: "borderBottomLeftRadius";
|
|
2607
2607
|
readonly logical: "borderEndStartRadius";
|
|
@@ -2609,7 +2609,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2609
2609
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2610
2610
|
readonly scale: "borderRadii";
|
|
2611
2611
|
}>;
|
|
2612
|
-
borderStyleX?: import("@codecademy/variance
|
|
2612
|
+
borderStyleX?: import("@codecademy/variance").Scale<{
|
|
2613
2613
|
readonly property: "borderStyle";
|
|
2614
2614
|
readonly properties: {
|
|
2615
2615
|
readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
|
|
@@ -2617,7 +2617,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2617
2617
|
};
|
|
2618
2618
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2619
2619
|
}>;
|
|
2620
|
-
borderStyleY?: import("@codecademy/variance
|
|
2620
|
+
borderStyleY?: import("@codecademy/variance").Scale<{
|
|
2621
2621
|
readonly property: "borderStyle";
|
|
2622
2622
|
readonly properties: {
|
|
2623
2623
|
readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
|
|
@@ -2625,35 +2625,35 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2625
2625
|
};
|
|
2626
2626
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2627
2627
|
}>;
|
|
2628
|
-
borderStyleLeft?: import("@codecademy/variance
|
|
2628
|
+
borderStyleLeft?: import("@codecademy/variance").Scale<{
|
|
2629
2629
|
readonly property: {
|
|
2630
2630
|
readonly physical: "borderLeftStyle";
|
|
2631
2631
|
readonly logical: "borderInlineStartStyle";
|
|
2632
2632
|
};
|
|
2633
2633
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2634
2634
|
}>;
|
|
2635
|
-
borderStyleRight?: import("@codecademy/variance
|
|
2635
|
+
borderStyleRight?: import("@codecademy/variance").Scale<{
|
|
2636
2636
|
readonly property: {
|
|
2637
2637
|
readonly physical: "borderRightStyle";
|
|
2638
2638
|
readonly logical: "borderInlineEndStyle";
|
|
2639
2639
|
};
|
|
2640
2640
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2641
2641
|
}>;
|
|
2642
|
-
borderStyleTop?: import("@codecademy/variance
|
|
2642
|
+
borderStyleTop?: import("@codecademy/variance").Scale<{
|
|
2643
2643
|
readonly property: {
|
|
2644
2644
|
readonly physical: "borderTopStyle";
|
|
2645
2645
|
readonly logical: "borderBlockStartStyle";
|
|
2646
2646
|
};
|
|
2647
2647
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2648
2648
|
}>;
|
|
2649
|
-
borderStyleBottom?: import("@codecademy/variance
|
|
2649
|
+
borderStyleBottom?: import("@codecademy/variance").Scale<{
|
|
2650
2650
|
readonly property: {
|
|
2651
2651
|
readonly physical: "borderBottomStyle";
|
|
2652
2652
|
readonly logical: "borderBlockEndStyle";
|
|
2653
2653
|
};
|
|
2654
2654
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2655
2655
|
}>;
|
|
2656
|
-
dimensions?: import("@codecademy/variance
|
|
2656
|
+
dimensions?: import("@codecademy/variance").Scale<{
|
|
2657
2657
|
readonly property: "width";
|
|
2658
2658
|
readonly properties: {
|
|
2659
2659
|
readonly physical: readonly ["width", "height"];
|
|
@@ -2662,12 +2662,12 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2662
2662
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2663
2663
|
readonly transform: (value: string | number) => string | 0;
|
|
2664
2664
|
}>;
|
|
2665
|
-
textColor?: import("@codecademy/variance
|
|
2665
|
+
textColor?: import("@codecademy/variance").Scale<{
|
|
2666
2666
|
readonly property: "color";
|
|
2667
2667
|
readonly scale: "colors";
|
|
2668
2668
|
}>;
|
|
2669
2669
|
bg?: "beige" | "blue" | "green" | "hyper" | "lightBlue" | "lightGreen" | "navy" | "orange" | "paleBlue" | "paleGreen" | "palePink" | "paleYellow" | "pink" | "paleRed" | "red" | "yellow" | "black" | "white" | "beige-100" | "blue-0" | "blue-100" | "blue-300" | "blue-400" | "blue-500" | "blue-800" | "navy-100" | "navy-300" | "navy-400" | "navy-500" | "navy-800" | "navy-200" | "navy-600" | "navy-700" | "navy-900" | "green-0" | "green-100" | "green-400" | "green-700" | "green-900" | "yellow-0" | "yellow-400" | "yellow-500" | "yellow-900" | "pink-0" | "pink-400" | "red-0" | "red-300" | "red-400" | "red-500" | "red-600" | "red-900" | "orange-100" | "orange-500" | "hyper-400" | "hyper-500" | "gray-100" | "gray-300" | "gray-800" | "gray-200" | "gray-600" | "gray-900" | "white-100" | "white-300" | "white-400" | "white-500" | "white-200" | "white-600" | "white-700" | "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "text-secondary" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-primary" | "background-disabled" | "background-error" | "background-success" | "background-warning" | "background-contrast" | "background-current" | "background-selected" | "background-hover" | "shadow-primary" | "shadow-secondary" | "primary-hover" | "primary-inverse" | "secondary-hover" | "danger-hover" | "interface-hover" | "border-primary" | "border-secondary" | "border-disabled" | "border-tertiary" | undefined;
|
|
2670
|
-
borderColorX?: import("@codecademy/variance
|
|
2670
|
+
borderColorX?: import("@codecademy/variance").Scale<{
|
|
2671
2671
|
readonly property: "borderColor";
|
|
2672
2672
|
readonly properties: {
|
|
2673
2673
|
readonly physical: readonly ["borderLeftColor", "borderRightColor"];
|
|
@@ -2676,7 +2676,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2676
2676
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2677
2677
|
readonly scale: "colors";
|
|
2678
2678
|
}>;
|
|
2679
|
-
borderColorY?: import("@codecademy/variance
|
|
2679
|
+
borderColorY?: import("@codecademy/variance").Scale<{
|
|
2680
2680
|
readonly property: "borderColor";
|
|
2681
2681
|
readonly properties: {
|
|
2682
2682
|
readonly physical: readonly ["borderTopColor", "borderBottomColor"];
|
|
@@ -2685,22 +2685,22 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2685
2685
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2686
2686
|
readonly scale: "colors";
|
|
2687
2687
|
}>;
|
|
2688
|
-
borderColorLeft?: import("@codecademy/variance
|
|
2688
|
+
borderColorLeft?: import("@codecademy/variance").Scale<{
|
|
2689
2689
|
readonly property: "borderLeftColor";
|
|
2690
2690
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2691
2691
|
readonly scale: "colors";
|
|
2692
2692
|
}>;
|
|
2693
|
-
borderColorRight?: import("@codecademy/variance
|
|
2693
|
+
borderColorRight?: import("@codecademy/variance").Scale<{
|
|
2694
2694
|
readonly property: "borderRightColor";
|
|
2695
2695
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2696
2696
|
readonly scale: "colors";
|
|
2697
2697
|
}>;
|
|
2698
|
-
borderColorTop?: import("@codecademy/variance
|
|
2698
|
+
borderColorTop?: import("@codecademy/variance").Scale<{
|
|
2699
2699
|
readonly property: "borderTopColor";
|
|
2700
2700
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2701
2701
|
readonly scale: "colors";
|
|
2702
2702
|
}>;
|
|
2703
|
-
borderColorBottom?: import("@codecademy/variance
|
|
2703
|
+
borderColorBottom?: import("@codecademy/variance").Scale<{
|
|
2704
2704
|
readonly property: "borderBottomColor";
|
|
2705
2705
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2706
2706
|
readonly scale: "colors";
|