@codecademy/gamut 72.2.2-alpha.ca06a3.0 → 72.2.2-alpha.d894be.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 +4 -4
- package/dist/Anchor/index.d.ts +19 -9
- package/dist/Anchor/index.js +9 -6
- package/dist/BarChart/BarRow/elements.d.ts +156 -154
- package/dist/BarChart/utils/hooks.d.ts +2 -2
- package/dist/BarChart/utils/hooks.js +3 -1
- package/dist/Box/GridBox.d.ts +1 -0
- package/dist/Box/GridBox.js +1 -1
- package/dist/Box/props.d.ts +1 -1
- package/dist/Breadcrumbs/index.d.ts +5 -5
- package/dist/Breadcrumbs/index.js +2 -2
- package/dist/Button/CTAButton.d.ts +2 -2
- package/dist/Button/FillButton.d.ts +4 -4
- package/dist/Button/IconButton.d.ts +4 -4
- package/dist/Button/StrokeButton.d.ts +4 -4
- package/dist/Button/TextButton.d.ts +4 -4
- package/dist/Button/index.d.ts +1 -1
- package/dist/Button/shared/InlineIconButton.d.ts +2 -2
- package/dist/Button/shared/styles.d.ts +3 -3
- package/dist/Button/shared/types.d.ts +1 -1
- package/dist/ButtonBase/ButtonBase.d.ts +9 -4
- package/dist/ButtonBase/ButtonBase.js +11 -4
- package/dist/ButtonBase/index.d.ts +1 -1
- package/dist/ButtonBase/index.js +1 -1
- package/dist/Card/elements.d.ts +436 -430
- package/dist/Card/styles.d.ts +8 -8
- package/dist/Coachmark/index.d.ts +1 -1
- package/dist/ConnectedForm/ConnectedForm.d.ts +1 -1
- package/dist/ConnectedForm/ConnectedFormGroup.js +5 -7
- package/dist/ConnectedForm/ConnectedInputs/ConnectedCheckbox.js +1 -3
- package/dist/ConnectedForm/utils.d.ts +1 -1
- package/dist/ConnectedForm/utils.js +1 -1
- package/dist/DataList/Tables/Rows/TableRow.js +1 -5
- package/dist/DatePicker/DatePickerInput/index.d.ts +1 -1
- package/dist/Disclosure/elements.d.ts +24 -18
- package/dist/FeatureShimmer/index.js +1 -1
- package/dist/Form/SelectDropdown/SelectDropdown.js +1 -1
- package/dist/Form/SelectDropdown/elements/containers.js +1 -1
- package/dist/Form/SelectDropdown/elements/controls.js +2 -2
- package/dist/Form/SelectDropdown/elements/multi-value.js +2 -2
- package/dist/Form/SelectDropdown/types/internal.d.ts +2 -2
- package/dist/Form/SelectDropdown/utils.js +2 -1
- package/dist/Form/elements/Form.d.ts +93 -93
- package/dist/Form/elements/FormGroup.d.ts +1 -1
- package/dist/Form/index.d.ts +2 -0
- package/dist/Form/index.js +2 -1
- package/dist/Form/styles/Checkbox-styles.d.ts +1 -1
- package/dist/GridForm/GridFormButtons/index.d.ts +7 -7
- package/dist/List/ListProvider.d.ts +1 -1
- package/dist/List/ListRow.js +2 -3
- package/dist/List/elements.d.ts +153 -151
- package/dist/Markdown/index.d.ts +1 -1
- package/dist/Markdown/index.js +1 -1
- package/dist/Menu/MenuItem.js +11 -8
- package/dist/Menu/MenuSeparator.js +2 -2
- package/dist/Menu/elements.d.ts +2 -2
- package/dist/Menu/index.d.ts +1 -0
- package/dist/Menu/index.js +2 -1
- package/dist/Modals/Dialog.js +6 -2
- package/dist/Modals/Modal.js +5 -2
- package/dist/Modals/elements.d.ts +35 -35
- package/dist/Pagination/AnimatedPaginationButtons.d.ts +110 -108
- package/dist/Pagination/EllipsisButton.d.ts +4 -4
- package/dist/Pagination/PaginationButton.d.ts +6 -6
- package/dist/Pagination/utils.d.ts +110 -108
- package/dist/Pagination/utils.js +14 -11
- package/dist/PatternBackdrop/PatternBackdrop.d.ts +34 -34
- package/dist/Popover/Popover.js +6 -6
- package/dist/Popover/types.d.ts +4 -3
- package/dist/PopoverContainer/PopoverContainer.js +9 -9
- package/dist/PopoverContainer/hooks.d.ts +16 -4
- package/dist/PopoverContainer/hooks.js +50 -27
- package/dist/PopoverContainer/types.d.ts +2 -1
- package/dist/Tabs/TabButton.d.ts +2 -2
- package/dist/Tabs/TabNavLink.d.ts +2 -2
- package/dist/Tabs/TabNavLink.js +2 -2
- package/dist/Tag/elements.d.ts +16 -10
- package/dist/Tag/index.js +1 -1
- package/dist/Tip/InfoTip/InfoTipButton.d.ts +4 -4
- package/dist/Tip/PreviewTip/elements.d.ts +12 -6
- package/dist/Tip/__tests__/helpers.d.ts +1 -1
- package/dist/Tip/shared/FloatingTip.js +2 -2
- package/dist/Tip/shared/types.d.ts +2 -2
- package/dist/Tip/shared/utils.js +1 -1
- package/dist/Toggle/elements.d.ts +38 -38
- package/dist/Typography/Text.d.ts +2 -1
- package/dist/Typography/Text.js +3 -2
- package/dist/index.d.ts +1 -0
- package/dist/index.js +2 -2
- package/dist/utils/nullish.d.ts +10 -0
- package/dist/utils/nullish.js +11 -0
- package/dist/utils/react.js +4 -2
- package/package.json +19 -12
package/dist/Card/elements.d.ts
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
import { CardWrapperProps } from './types';
|
|
2
|
-
export declare const MotionBox: import("react").ComponentType<{
|
|
3
|
-
color?: import("@codecademy/variance
|
|
2
|
+
export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
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<{
|
|
|
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<{
|
|
|
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";
|
|
@@ -51,7 +51,7 @@ export declare const MotionBox: import("react").ComponentType<{
|
|
|
51
51
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
52
52
|
readonly transform: (value: string | number) => string | 0;
|
|
53
53
|
}>;
|
|
54
|
-
"aria-hidden"?: (boolean | "
|
|
54
|
+
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
55
55
|
ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
|
|
56
56
|
key?: import("react").Key | null | undefined;
|
|
57
57
|
defaultChecked?: boolean | undefined;
|
|
@@ -61,17 +61,17 @@ export declare const MotionBox: import("react").ComponentType<{
|
|
|
61
61
|
accessKey?: string | undefined;
|
|
62
62
|
autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
|
|
63
63
|
autoFocus?: boolean | undefined;
|
|
64
|
-
contentEditable?: "inherit" | (boolean | "
|
|
64
|
+
contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
|
|
65
65
|
contextMenu?: string | undefined;
|
|
66
|
-
draggable?: (boolean | "
|
|
67
|
-
enterKeyHint?: "search" | "
|
|
66
|
+
draggable?: (boolean | "true" | "false") | undefined;
|
|
67
|
+
enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
|
|
68
68
|
hidden?: boolean | undefined;
|
|
69
69
|
id?: string | undefined;
|
|
70
70
|
lang?: string | undefined;
|
|
71
71
|
nonce?: string | undefined;
|
|
72
|
-
spellCheck?: (boolean | "
|
|
72
|
+
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
73
73
|
tabIndex?: number | undefined;
|
|
74
|
-
translate?: "
|
|
74
|
+
translate?: "yes" | "no" | undefined;
|
|
75
75
|
radioGroup?: string | undefined;
|
|
76
76
|
role?: import("react").AriaRole | undefined;
|
|
77
77
|
about?: string | undefined;
|
|
@@ -100,51 +100,51 @@ export declare const MotionBox: import("react").ComponentType<{
|
|
|
100
100
|
exportparts?: string | undefined;
|
|
101
101
|
part?: string | undefined;
|
|
102
102
|
"aria-activedescendant"?: string | undefined;
|
|
103
|
-
"aria-atomic"?: (boolean | "
|
|
104
|
-
"aria-autocomplete"?: "none" | "inline" | "
|
|
103
|
+
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
104
|
+
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
|
|
105
105
|
"aria-braillelabel"?: string | undefined;
|
|
106
106
|
"aria-brailleroledescription"?: string | undefined;
|
|
107
|
-
"aria-busy"?: (boolean | "
|
|
108
|
-
"aria-checked"?: boolean | "
|
|
107
|
+
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
108
|
+
"aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
109
109
|
"aria-colcount"?: number | undefined;
|
|
110
110
|
"aria-colindex"?: number | undefined;
|
|
111
111
|
"aria-colindextext"?: string | undefined;
|
|
112
112
|
"aria-colspan"?: number | undefined;
|
|
113
113
|
"aria-controls"?: string | undefined;
|
|
114
|
-
"aria-current"?: boolean | "time" | "page" | "
|
|
114
|
+
"aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
|
|
115
115
|
"aria-describedby"?: string | undefined;
|
|
116
116
|
"aria-description"?: string | undefined;
|
|
117
117
|
"aria-details"?: string | undefined;
|
|
118
|
-
"aria-disabled"?: (boolean | "
|
|
118
|
+
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
119
119
|
"aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
|
120
120
|
"aria-errormessage"?: string | undefined;
|
|
121
|
-
"aria-expanded"?: (boolean | "
|
|
121
|
+
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
122
122
|
"aria-flowto"?: string | undefined;
|
|
123
|
-
"aria-grabbed"?: (boolean | "
|
|
124
|
-
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "
|
|
125
|
-
"aria-invalid"?: boolean | "
|
|
123
|
+
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
124
|
+
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
|
|
125
|
+
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
126
126
|
"aria-keyshortcuts"?: string | undefined;
|
|
127
127
|
"aria-label"?: string | undefined;
|
|
128
128
|
"aria-labelledby"?: string | undefined;
|
|
129
129
|
"aria-level"?: number | undefined;
|
|
130
130
|
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
131
|
-
"aria-modal"?: (boolean | "
|
|
132
|
-
"aria-multiline"?: (boolean | "
|
|
133
|
-
"aria-multiselectable"?: (boolean | "
|
|
131
|
+
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
132
|
+
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
133
|
+
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
134
134
|
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
135
135
|
"aria-owns"?: string | undefined;
|
|
136
136
|
"aria-placeholder"?: string | undefined;
|
|
137
137
|
"aria-posinset"?: number | undefined;
|
|
138
|
-
"aria-pressed"?: boolean | "
|
|
139
|
-
"aria-readonly"?: (boolean | "
|
|
138
|
+
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
139
|
+
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
140
140
|
"aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
141
|
-
"aria-required"?: (boolean | "
|
|
141
|
+
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
142
142
|
"aria-roledescription"?: string | undefined;
|
|
143
143
|
"aria-rowcount"?: number | undefined;
|
|
144
144
|
"aria-rowindex"?: number | undefined;
|
|
145
145
|
"aria-rowindextext"?: string | undefined;
|
|
146
146
|
"aria-rowspan"?: number | undefined;
|
|
147
|
-
"aria-selected"?: (boolean | "
|
|
147
|
+
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
148
148
|
"aria-setsize"?: number | undefined;
|
|
149
149
|
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
150
150
|
"aria-valuemax"?: number | undefined;
|
|
@@ -308,19 +308,19 @@ export declare const MotionBox: import("react").ComponentType<{
|
|
|
308
308
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
309
309
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
310
310
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
311
|
-
alignContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
312
|
-
alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
313
|
-
alignSelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
314
|
-
backgroundImage?: import("@codecademy/variance
|
|
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
|
+
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
|
+
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").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<{
|
|
|
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
|
-
flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "
|
|
348
|
-
flexDirection?: import("@codecademy/variance
|
|
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").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
|
-
gridColumnEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
369
|
-
gridColumnStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
370
|
-
gridRowEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
371
|
-
gridRowStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
372
|
-
gridTemplateAreas?: import("@codecademy/variance
|
|
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
|
+
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
|
+
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
|
+
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").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
|
-
justifyContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "
|
|
382
|
-
justifyItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
383
|
-
justifySelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
384
|
-
left?: import("@codecademy/variance
|
|
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
|
+
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
|
+
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").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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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
|
-
gridArea?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
552
|
-
gridColumn?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
553
|
-
gridRow?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
554
|
-
inset?: import("@codecademy/variance
|
|
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
|
+
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
|
+
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").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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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<{
|
|
|
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";
|
|
@@ -907,36 +907,38 @@ export declare const MotionBox: import("react").ComponentType<{
|
|
|
907
907
|
context?: boolean | undefined;
|
|
908
908
|
"no-select"?: boolean | undefined;
|
|
909
909
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
910
|
-
} & import("framer-motion").MotionProps
|
|
911
|
-
|
|
912
|
-
|
|
910
|
+
} & import("framer-motion").MotionProps, "children"> & {
|
|
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
|
+
}>;
|
|
913
|
+
export declare const DynamicCardWrapper: import("@emotion/styled").StyledComponent<Omit<{
|
|
914
|
+
color?: import("@codecademy/variance").Scale<{
|
|
913
915
|
readonly property: "color";
|
|
914
916
|
readonly scale: "colors";
|
|
915
917
|
}>;
|
|
916
|
-
fontSize?: import("@codecademy/variance
|
|
918
|
+
fontSize?: import("@codecademy/variance").Scale<{
|
|
917
919
|
readonly property: "fontSize";
|
|
918
920
|
readonly scale: "fontSize";
|
|
919
921
|
}>;
|
|
920
|
-
fontFamily?: import("@codecademy/variance
|
|
922
|
+
fontFamily?: import("@codecademy/variance").Scale<{
|
|
921
923
|
readonly property: "fontFamily";
|
|
922
924
|
readonly scale: "fontFamily";
|
|
923
925
|
}>;
|
|
924
|
-
lineHeight?: import("@codecademy/variance
|
|
926
|
+
lineHeight?: import("@codecademy/variance").Scale<{
|
|
925
927
|
readonly property: "lineHeight";
|
|
926
928
|
readonly scale: "lineHeight";
|
|
927
929
|
}>;
|
|
928
|
-
fontWeight?: import("@codecademy/variance
|
|
930
|
+
fontWeight?: import("@codecademy/variance").Scale<{
|
|
929
931
|
readonly property: "fontWeight";
|
|
930
932
|
readonly scale: "fontWeight";
|
|
931
933
|
}>;
|
|
932
|
-
background?: import("@codecademy/variance
|
|
934
|
+
background?: import("@codecademy/variance").Scale<{
|
|
933
935
|
readonly property: "background";
|
|
934
936
|
}>;
|
|
935
|
-
border?: import("@codecademy/variance
|
|
937
|
+
border?: import("@codecademy/variance").Scale<{
|
|
936
938
|
readonly property: "border";
|
|
937
939
|
readonly scale: "borders";
|
|
938
940
|
}>;
|
|
939
|
-
p?: import("@codecademy/variance
|
|
941
|
+
p?: import("@codecademy/variance").Scale<{
|
|
940
942
|
readonly property: "padding";
|
|
941
943
|
readonly scale: "spacing";
|
|
942
944
|
}>;
|
|
@@ -944,7 +946,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
944
946
|
title?: string | undefined;
|
|
945
947
|
dir?: string | undefined;
|
|
946
948
|
className?: string | undefined;
|
|
947
|
-
height?: import("@codecademy/variance
|
|
949
|
+
height?: import("@codecademy/variance").Scale<{
|
|
948
950
|
readonly property: {
|
|
949
951
|
readonly physical: "height";
|
|
950
952
|
readonly logical: "blockSize";
|
|
@@ -952,7 +954,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
952
954
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
953
955
|
readonly transform: (value: string | number) => string | 0;
|
|
954
956
|
}>;
|
|
955
|
-
width?: import("@codecademy/variance
|
|
957
|
+
width?: import("@codecademy/variance").Scale<{
|
|
956
958
|
readonly property: {
|
|
957
959
|
readonly physical: "width";
|
|
958
960
|
readonly logical: "inlineSize";
|
|
@@ -960,7 +962,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
960
962
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
961
963
|
readonly transform: (value: string | number) => string | 0;
|
|
962
964
|
}>;
|
|
963
|
-
"aria-hidden"?: (boolean | "
|
|
965
|
+
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
964
966
|
ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
|
|
965
967
|
key?: import("react").Key | null | undefined;
|
|
966
968
|
defaultChecked?: boolean | undefined;
|
|
@@ -970,17 +972,17 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
970
972
|
accessKey?: string | undefined;
|
|
971
973
|
autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
|
|
972
974
|
autoFocus?: boolean | undefined;
|
|
973
|
-
contentEditable?: "inherit" | (boolean | "
|
|
975
|
+
contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
|
|
974
976
|
contextMenu?: string | undefined;
|
|
975
|
-
draggable?: (boolean | "
|
|
976
|
-
enterKeyHint?: "search" | "
|
|
977
|
+
draggable?: (boolean | "true" | "false") | undefined;
|
|
978
|
+
enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
|
|
977
979
|
hidden?: boolean | undefined;
|
|
978
980
|
id?: string | undefined;
|
|
979
981
|
lang?: string | undefined;
|
|
980
982
|
nonce?: string | undefined;
|
|
981
|
-
spellCheck?: (boolean | "
|
|
983
|
+
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
982
984
|
tabIndex?: number | undefined;
|
|
983
|
-
translate?: "
|
|
985
|
+
translate?: "yes" | "no" | undefined;
|
|
984
986
|
radioGroup?: string | undefined;
|
|
985
987
|
role?: import("react").AriaRole | undefined;
|
|
986
988
|
about?: string | undefined;
|
|
@@ -1009,51 +1011,51 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1009
1011
|
exportparts?: string | undefined;
|
|
1010
1012
|
part?: string | undefined;
|
|
1011
1013
|
"aria-activedescendant"?: string | undefined;
|
|
1012
|
-
"aria-atomic"?: (boolean | "
|
|
1013
|
-
"aria-autocomplete"?: "none" | "inline" | "
|
|
1014
|
+
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
1015
|
+
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
|
|
1014
1016
|
"aria-braillelabel"?: string | undefined;
|
|
1015
1017
|
"aria-brailleroledescription"?: string | undefined;
|
|
1016
|
-
"aria-busy"?: (boolean | "
|
|
1017
|
-
"aria-checked"?: boolean | "
|
|
1018
|
+
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
1019
|
+
"aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
1018
1020
|
"aria-colcount"?: number | undefined;
|
|
1019
1021
|
"aria-colindex"?: number | undefined;
|
|
1020
1022
|
"aria-colindextext"?: string | undefined;
|
|
1021
1023
|
"aria-colspan"?: number | undefined;
|
|
1022
1024
|
"aria-controls"?: string | undefined;
|
|
1023
|
-
"aria-current"?: boolean | "time" | "page" | "
|
|
1025
|
+
"aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
|
|
1024
1026
|
"aria-describedby"?: string | undefined;
|
|
1025
1027
|
"aria-description"?: string | undefined;
|
|
1026
1028
|
"aria-details"?: string | undefined;
|
|
1027
|
-
"aria-disabled"?: (boolean | "
|
|
1029
|
+
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
1028
1030
|
"aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
|
1029
1031
|
"aria-errormessage"?: string | undefined;
|
|
1030
|
-
"aria-expanded"?: (boolean | "
|
|
1032
|
+
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
1031
1033
|
"aria-flowto"?: string | undefined;
|
|
1032
|
-
"aria-grabbed"?: (boolean | "
|
|
1033
|
-
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "
|
|
1034
|
-
"aria-invalid"?: boolean | "
|
|
1034
|
+
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
1035
|
+
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
|
|
1036
|
+
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
1035
1037
|
"aria-keyshortcuts"?: string | undefined;
|
|
1036
1038
|
"aria-label"?: string | undefined;
|
|
1037
1039
|
"aria-labelledby"?: string | undefined;
|
|
1038
1040
|
"aria-level"?: number | undefined;
|
|
1039
1041
|
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
1040
|
-
"aria-modal"?: (boolean | "
|
|
1041
|
-
"aria-multiline"?: (boolean | "
|
|
1042
|
-
"aria-multiselectable"?: (boolean | "
|
|
1042
|
+
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
1043
|
+
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
1044
|
+
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
1043
1045
|
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
1044
1046
|
"aria-owns"?: string | undefined;
|
|
1045
1047
|
"aria-placeholder"?: string | undefined;
|
|
1046
1048
|
"aria-posinset"?: number | undefined;
|
|
1047
|
-
"aria-pressed"?: boolean | "
|
|
1048
|
-
"aria-readonly"?: (boolean | "
|
|
1049
|
+
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
1050
|
+
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
1049
1051
|
"aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
1050
|
-
"aria-required"?: (boolean | "
|
|
1052
|
+
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
1051
1053
|
"aria-roledescription"?: string | undefined;
|
|
1052
1054
|
"aria-rowcount"?: number | undefined;
|
|
1053
1055
|
"aria-rowindex"?: number | undefined;
|
|
1054
1056
|
"aria-rowindextext"?: string | undefined;
|
|
1055
1057
|
"aria-rowspan"?: number | undefined;
|
|
1056
|
-
"aria-selected"?: (boolean | "
|
|
1058
|
+
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
1057
1059
|
"aria-setsize"?: number | undefined;
|
|
1058
1060
|
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
1059
1061
|
"aria-valuemax"?: number | undefined;
|
|
@@ -1217,19 +1219,19 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1217
1219
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
1218
1220
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
1219
1221
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
1220
|
-
alignContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
1221
|
-
alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
1222
|
-
alignSelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
1223
|
-
backgroundImage?: import("@codecademy/variance
|
|
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
|
+
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
|
+
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").Scale<{
|
|
1224
1226
|
readonly property: "backgroundImage";
|
|
1225
1227
|
}>;
|
|
1226
|
-
backgroundRepeat?: import("@codecademy/variance
|
|
1228
|
+
backgroundRepeat?: import("@codecademy/variance").Scale<{
|
|
1227
1229
|
readonly property: "backgroundRepeat";
|
|
1228
1230
|
}>;
|
|
1229
|
-
backgroundSize?: import("@codecademy/variance
|
|
1231
|
+
backgroundSize?: import("@codecademy/variance").Scale<{
|
|
1230
1232
|
readonly property: "backgroundSize";
|
|
1231
1233
|
}>;
|
|
1232
|
-
bottom?: import("@codecademy/variance
|
|
1234
|
+
bottom?: import("@codecademy/variance").Scale<{
|
|
1233
1235
|
readonly property: {
|
|
1234
1236
|
readonly physical: "bottom";
|
|
1235
1237
|
readonly logical: "insetBlockEnd";
|
|
@@ -1237,60 +1239,60 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1237
1239
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1238
1240
|
readonly transform: (value: string | number) => string | 0;
|
|
1239
1241
|
}>;
|
|
1240
|
-
boxShadow?: import("@codecademy/variance
|
|
1242
|
+
boxShadow?: import("@codecademy/variance").Scale<{
|
|
1241
1243
|
readonly property: "boxShadow";
|
|
1242
1244
|
}>;
|
|
1243
|
-
columnGap?: import("@codecademy/variance
|
|
1245
|
+
columnGap?: import("@codecademy/variance").Scale<{
|
|
1244
1246
|
readonly property: "columnGap";
|
|
1245
1247
|
readonly scale: "spacing";
|
|
1246
1248
|
}>;
|
|
1247
|
-
containerType?: import("@codecademy/variance
|
|
1249
|
+
containerType?: import("@codecademy/variance").Scale<{
|
|
1248
1250
|
readonly property: "containerType";
|
|
1249
1251
|
}>;
|
|
1250
|
-
direction?: import("@codecademy/variance
|
|
1252
|
+
direction?: import("@codecademy/variance").Scale<{
|
|
1251
1253
|
readonly property: "direction";
|
|
1252
1254
|
}>;
|
|
1253
|
-
display?: import("@codecademy/variance
|
|
1255
|
+
display?: import("@codecademy/variance").Scale<{
|
|
1254
1256
|
readonly property: "display";
|
|
1255
1257
|
}>;
|
|
1256
|
-
flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "
|
|
1257
|
-
flexDirection?: import("@codecademy/variance
|
|
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").Scale<{
|
|
1258
1260
|
readonly property: "flexDirection";
|
|
1259
1261
|
}>;
|
|
1260
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;
|
|
1261
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;
|
|
1262
|
-
flexWrap?: import("@codecademy/variance
|
|
1264
|
+
flexWrap?: import("@codecademy/variance").Scale<{
|
|
1263
1265
|
readonly property: "flexWrap";
|
|
1264
1266
|
}>;
|
|
1265
|
-
fontStyle?: import("@codecademy/variance
|
|
1267
|
+
fontStyle?: import("@codecademy/variance").Scale<{
|
|
1266
1268
|
readonly property: "fontStyle";
|
|
1267
1269
|
}>;
|
|
1268
|
-
gridAutoColumns?: import("@codecademy/variance
|
|
1270
|
+
gridAutoColumns?: import("@codecademy/variance").Scale<{
|
|
1269
1271
|
readonly property: "gridAutoColumns";
|
|
1270
1272
|
}>;
|
|
1271
|
-
gridAutoFlow?: import("@codecademy/variance
|
|
1273
|
+
gridAutoFlow?: import("@codecademy/variance").Scale<{
|
|
1272
1274
|
readonly property: "gridAutoFlow";
|
|
1273
1275
|
}>;
|
|
1274
|
-
gridAutoRows?: import("@codecademy/variance
|
|
1276
|
+
gridAutoRows?: import("@codecademy/variance").Scale<{
|
|
1275
1277
|
readonly property: "gridAutoRows";
|
|
1276
1278
|
}>;
|
|
1277
|
-
gridColumnEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
1278
|
-
gridColumnStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
1279
|
-
gridRowEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
1280
|
-
gridRowStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
1281
|
-
gridTemplateAreas?: import("@codecademy/variance
|
|
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
|
+
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
|
+
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
|
+
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").Scale<{
|
|
1282
1284
|
readonly property: "gridTemplateAreas";
|
|
1283
1285
|
}>;
|
|
1284
|
-
gridTemplateColumns?: import("@codecademy/variance
|
|
1286
|
+
gridTemplateColumns?: import("@codecademy/variance").Scale<{
|
|
1285
1287
|
readonly property: "gridTemplateColumns";
|
|
1286
1288
|
}>;
|
|
1287
|
-
gridTemplateRows?: import("@codecademy/variance
|
|
1289
|
+
gridTemplateRows?: import("@codecademy/variance").Scale<{
|
|
1288
1290
|
readonly property: "gridTemplateRows";
|
|
1289
1291
|
}>;
|
|
1290
|
-
justifyContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "
|
|
1291
|
-
justifyItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
1292
|
-
justifySelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
1293
|
-
left?: import("@codecademy/variance
|
|
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
|
+
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
|
+
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").Scale<{
|
|
1294
1296
|
readonly property: {
|
|
1295
1297
|
readonly physical: "left";
|
|
1296
1298
|
readonly logical: "insetInlineStart";
|
|
@@ -1298,19 +1300,19 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1298
1300
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1299
1301
|
readonly transform: (value: string | number) => string | 0;
|
|
1300
1302
|
}>;
|
|
1301
|
-
letterSpacing?: import("@codecademy/variance
|
|
1303
|
+
letterSpacing?: import("@codecademy/variance").Scale<{
|
|
1302
1304
|
readonly property: "letterSpacing";
|
|
1303
1305
|
}>;
|
|
1304
|
-
listStyleImage?: import("@codecademy/variance
|
|
1306
|
+
listStyleImage?: import("@codecademy/variance").Scale<{
|
|
1305
1307
|
readonly property: "listStyleImage";
|
|
1306
1308
|
}>;
|
|
1307
|
-
listStylePosition?: import("@codecademy/variance
|
|
1309
|
+
listStylePosition?: import("@codecademy/variance").Scale<{
|
|
1308
1310
|
readonly property: "listStylePosition";
|
|
1309
1311
|
}>;
|
|
1310
|
-
listStyleType?: import("@codecademy/variance
|
|
1312
|
+
listStyleType?: import("@codecademy/variance").Scale<{
|
|
1311
1313
|
readonly property: "listStyleType";
|
|
1312
1314
|
}>;
|
|
1313
|
-
maxHeight?: import("@codecademy/variance
|
|
1315
|
+
maxHeight?: import("@codecademy/variance").Scale<{
|
|
1314
1316
|
readonly property: {
|
|
1315
1317
|
readonly physical: "maxHeight";
|
|
1316
1318
|
readonly logical: "maxBlockSize";
|
|
@@ -1318,7 +1320,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1318
1320
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1319
1321
|
readonly transform: (value: string | number) => string | 0;
|
|
1320
1322
|
}>;
|
|
1321
|
-
maxWidth?: import("@codecademy/variance
|
|
1323
|
+
maxWidth?: import("@codecademy/variance").Scale<{
|
|
1322
1324
|
readonly property: {
|
|
1323
1325
|
readonly physical: "maxWidth";
|
|
1324
1326
|
readonly logical: "maxInlineSize";
|
|
@@ -1326,7 +1328,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1326
1328
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1327
1329
|
readonly transform: (value: string | number) => string | 0;
|
|
1328
1330
|
}>;
|
|
1329
|
-
minHeight?: import("@codecademy/variance
|
|
1331
|
+
minHeight?: import("@codecademy/variance").Scale<{
|
|
1330
1332
|
readonly property: {
|
|
1331
1333
|
readonly physical: "minHeight";
|
|
1332
1334
|
readonly logical: "minBlockSize";
|
|
@@ -1334,7 +1336,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1334
1336
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1335
1337
|
readonly transform: (value: string | number) => string | 0;
|
|
1336
1338
|
}>;
|
|
1337
|
-
minWidth?: import("@codecademy/variance
|
|
1339
|
+
minWidth?: import("@codecademy/variance").Scale<{
|
|
1338
1340
|
readonly property: {
|
|
1339
1341
|
readonly physical: "minWidth";
|
|
1340
1342
|
readonly logical: "minInlineSize";
|
|
@@ -1342,28 +1344,28 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1342
1344
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1343
1345
|
readonly transform: (value: string | number) => string | 0;
|
|
1344
1346
|
}>;
|
|
1345
|
-
opacity?: import("@codecademy/variance
|
|
1347
|
+
opacity?: import("@codecademy/variance").Scale<{
|
|
1346
1348
|
readonly property: "opacity";
|
|
1347
1349
|
}>;
|
|
1348
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;
|
|
1349
|
-
overflowX?: import("@codecademy/variance
|
|
1351
|
+
overflowX?: import("@codecademy/variance").Scale<{
|
|
1350
1352
|
readonly property: {
|
|
1351
1353
|
readonly physical: "overflowX";
|
|
1352
1354
|
readonly logical: "overflowInline";
|
|
1353
1355
|
};
|
|
1354
1356
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1355
1357
|
}>;
|
|
1356
|
-
overflowY?: import("@codecademy/variance
|
|
1358
|
+
overflowY?: import("@codecademy/variance").Scale<{
|
|
1357
1359
|
readonly property: {
|
|
1358
1360
|
readonly physical: "overflowY";
|
|
1359
1361
|
readonly logical: "overflowBlock";
|
|
1360
1362
|
};
|
|
1361
1363
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1362
1364
|
}>;
|
|
1363
|
-
position?: import("@codecademy/variance
|
|
1365
|
+
position?: import("@codecademy/variance").Scale<{
|
|
1364
1366
|
readonly property: "position";
|
|
1365
1367
|
}>;
|
|
1366
|
-
right?: import("@codecademy/variance
|
|
1368
|
+
right?: import("@codecademy/variance").Scale<{
|
|
1367
1369
|
readonly property: {
|
|
1368
1370
|
readonly physical: "right";
|
|
1369
1371
|
readonly logical: "insetInlineEnd";
|
|
@@ -1371,20 +1373,20 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1371
1373
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1372
1374
|
readonly transform: (value: string | number) => string | 0;
|
|
1373
1375
|
}>;
|
|
1374
|
-
rowGap?: import("@codecademy/variance
|
|
1376
|
+
rowGap?: import("@codecademy/variance").Scale<{
|
|
1375
1377
|
readonly property: "rowGap";
|
|
1376
1378
|
readonly scale: "spacing";
|
|
1377
1379
|
}>;
|
|
1378
|
-
textAlign?: import("@codecademy/variance
|
|
1380
|
+
textAlign?: import("@codecademy/variance").Scale<{
|
|
1379
1381
|
readonly property: "textAlign";
|
|
1380
1382
|
}>;
|
|
1381
|
-
textShadow?: import("@codecademy/variance
|
|
1383
|
+
textShadow?: import("@codecademy/variance").Scale<{
|
|
1382
1384
|
readonly property: "textShadow";
|
|
1383
1385
|
}>;
|
|
1384
|
-
textTransform?: import("@codecademy/variance
|
|
1386
|
+
textTransform?: import("@codecademy/variance").Scale<{
|
|
1385
1387
|
readonly property: "textTransform";
|
|
1386
1388
|
}>;
|
|
1387
|
-
top?: import("@codecademy/variance
|
|
1389
|
+
top?: import("@codecademy/variance").Scale<{
|
|
1388
1390
|
readonly property: {
|
|
1389
1391
|
readonly physical: "top";
|
|
1390
1392
|
readonly logical: "insetBlockStart";
|
|
@@ -1392,19 +1394,19 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1392
1394
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1393
1395
|
readonly transform: (value: string | number) => string | 0;
|
|
1394
1396
|
}>;
|
|
1395
|
-
verticalAlign?: import("@codecademy/variance
|
|
1397
|
+
verticalAlign?: import("@codecademy/variance").Scale<{
|
|
1396
1398
|
readonly property: "verticalAlign";
|
|
1397
1399
|
}>;
|
|
1398
|
-
whiteSpace?: import("@codecademy/variance
|
|
1400
|
+
whiteSpace?: import("@codecademy/variance").Scale<{
|
|
1399
1401
|
readonly property: "whiteSpace";
|
|
1400
1402
|
}>;
|
|
1401
|
-
zIndex?: import("@codecademy/variance
|
|
1403
|
+
zIndex?: import("@codecademy/variance").Scale<{
|
|
1402
1404
|
readonly property: "zIndex";
|
|
1403
1405
|
}>;
|
|
1404
|
-
backgroundPosition?: import("@codecademy/variance
|
|
1406
|
+
backgroundPosition?: import("@codecademy/variance").Scale<{
|
|
1405
1407
|
readonly property: "backgroundPosition";
|
|
1406
1408
|
}>;
|
|
1407
|
-
borderBottom?: import("@codecademy/variance
|
|
1409
|
+
borderBottom?: import("@codecademy/variance").Scale<{
|
|
1408
1410
|
readonly property: {
|
|
1409
1411
|
readonly physical: "borderBottom";
|
|
1410
1412
|
readonly logical: "borderBlockEnd";
|
|
@@ -1412,11 +1414,11 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1412
1414
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1413
1415
|
readonly scale: "borders";
|
|
1414
1416
|
}>;
|
|
1415
|
-
borderColor?: import("@codecademy/variance
|
|
1417
|
+
borderColor?: import("@codecademy/variance").Scale<{
|
|
1416
1418
|
readonly property: "borderColor";
|
|
1417
1419
|
readonly scale: "colors";
|
|
1418
1420
|
}>;
|
|
1419
|
-
borderLeft?: import("@codecademy/variance
|
|
1421
|
+
borderLeft?: import("@codecademy/variance").Scale<{
|
|
1420
1422
|
readonly property: {
|
|
1421
1423
|
readonly physical: "borderLeft";
|
|
1422
1424
|
readonly logical: "borderInlineStart";
|
|
@@ -1424,11 +1426,11 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1424
1426
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1425
1427
|
readonly scale: "borders";
|
|
1426
1428
|
}>;
|
|
1427
|
-
borderRadius?: import("@codecademy/variance
|
|
1429
|
+
borderRadius?: import("@codecademy/variance").Scale<{
|
|
1428
1430
|
readonly property: "borderRadius";
|
|
1429
1431
|
readonly scale: "borderRadii";
|
|
1430
1432
|
}>;
|
|
1431
|
-
borderRight?: import("@codecademy/variance
|
|
1433
|
+
borderRight?: import("@codecademy/variance").Scale<{
|
|
1432
1434
|
readonly property: {
|
|
1433
1435
|
readonly physical: "borderRight";
|
|
1434
1436
|
readonly logical: "borderInlineEnd";
|
|
@@ -1436,10 +1438,10 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1436
1438
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1437
1439
|
readonly scale: "borders";
|
|
1438
1440
|
}>;
|
|
1439
|
-
borderStyle?: import("@codecademy/variance
|
|
1441
|
+
borderStyle?: import("@codecademy/variance").Scale<{
|
|
1440
1442
|
readonly property: "borderStyle";
|
|
1441
1443
|
}>;
|
|
1442
|
-
borderTop?: import("@codecademy/variance
|
|
1444
|
+
borderTop?: import("@codecademy/variance").Scale<{
|
|
1443
1445
|
readonly property: {
|
|
1444
1446
|
readonly physical: "borderTop";
|
|
1445
1447
|
readonly logical: "borderBlockStart";
|
|
@@ -1447,20 +1449,20 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1447
1449
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1448
1450
|
readonly scale: "borders";
|
|
1449
1451
|
}>;
|
|
1450
|
-
borderWidth?: import("@codecademy/variance
|
|
1452
|
+
borderWidth?: import("@codecademy/variance").Scale<{
|
|
1451
1453
|
readonly property: "borderWidth";
|
|
1452
1454
|
}>;
|
|
1453
|
-
flex?: import("@codecademy/variance
|
|
1455
|
+
flex?: import("@codecademy/variance").Scale<{
|
|
1454
1456
|
readonly property: "flex";
|
|
1455
1457
|
}>;
|
|
1456
|
-
gap?: import("@codecademy/variance
|
|
1458
|
+
gap?: import("@codecademy/variance").Scale<{
|
|
1457
1459
|
readonly property: "gap";
|
|
1458
1460
|
readonly scale: "spacing";
|
|
1459
1461
|
}>;
|
|
1460
|
-
gridArea?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
1461
|
-
gridColumn?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
1462
|
-
gridRow?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
1463
|
-
inset?: import("@codecademy/variance
|
|
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
|
+
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
|
+
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").Scale<{
|
|
1464
1466
|
readonly property: "inset";
|
|
1465
1467
|
readonly properties: {
|
|
1466
1468
|
readonly physical: readonly ["top", "right", "bottom", "left"];
|
|
@@ -1469,16 +1471,16 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1469
1471
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1470
1472
|
readonly transform: (value: string | number) => string | 0;
|
|
1471
1473
|
}>;
|
|
1472
|
-
listStyle?: import("@codecademy/variance
|
|
1474
|
+
listStyle?: import("@codecademy/variance").Scale<{
|
|
1473
1475
|
readonly property: "listStyle";
|
|
1474
1476
|
}>;
|
|
1475
|
-
overflow?: import("@codecademy/variance
|
|
1477
|
+
overflow?: import("@codecademy/variance").Scale<{
|
|
1476
1478
|
readonly property: "overflow";
|
|
1477
1479
|
}>;
|
|
1478
|
-
textDecoration?: import("@codecademy/variance
|
|
1480
|
+
textDecoration?: import("@codecademy/variance").Scale<{
|
|
1479
1481
|
readonly property: "textDecoration";
|
|
1480
1482
|
}>;
|
|
1481
|
-
px?: import("@codecademy/variance
|
|
1483
|
+
px?: import("@codecademy/variance").Scale<{
|
|
1482
1484
|
readonly property: "padding";
|
|
1483
1485
|
readonly properties: {
|
|
1484
1486
|
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
@@ -1487,7 +1489,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1487
1489
|
readonly scale: "spacing";
|
|
1488
1490
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1489
1491
|
}>;
|
|
1490
|
-
py?: import("@codecademy/variance
|
|
1492
|
+
py?: import("@codecademy/variance").Scale<{
|
|
1491
1493
|
readonly property: "padding";
|
|
1492
1494
|
readonly properties: {
|
|
1493
1495
|
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
@@ -1496,7 +1498,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1496
1498
|
readonly scale: "spacing";
|
|
1497
1499
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1498
1500
|
}>;
|
|
1499
|
-
pt?: import("@codecademy/variance
|
|
1501
|
+
pt?: import("@codecademy/variance").Scale<{
|
|
1500
1502
|
readonly property: {
|
|
1501
1503
|
readonly physical: "paddingTop";
|
|
1502
1504
|
readonly logical: "paddingBlockStart";
|
|
@@ -1504,7 +1506,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1504
1506
|
readonly scale: "spacing";
|
|
1505
1507
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1506
1508
|
}>;
|
|
1507
|
-
pb?: import("@codecademy/variance
|
|
1509
|
+
pb?: import("@codecademy/variance").Scale<{
|
|
1508
1510
|
readonly property: {
|
|
1509
1511
|
readonly physical: "paddingBottom";
|
|
1510
1512
|
readonly logical: "paddingBlockEnd";
|
|
@@ -1512,7 +1514,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1512
1514
|
readonly scale: "spacing";
|
|
1513
1515
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1514
1516
|
}>;
|
|
1515
|
-
pr?: import("@codecademy/variance
|
|
1517
|
+
pr?: import("@codecademy/variance").Scale<{
|
|
1516
1518
|
readonly property: {
|
|
1517
1519
|
readonly physical: "paddingRight";
|
|
1518
1520
|
readonly logical: "paddingInlineEnd";
|
|
@@ -1520,7 +1522,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1520
1522
|
readonly scale: "spacing";
|
|
1521
1523
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1522
1524
|
}>;
|
|
1523
|
-
pl?: import("@codecademy/variance
|
|
1525
|
+
pl?: import("@codecademy/variance").Scale<{
|
|
1524
1526
|
readonly property: {
|
|
1525
1527
|
readonly physical: "paddingLeft";
|
|
1526
1528
|
readonly logical: "paddingInlineStart";
|
|
@@ -1528,11 +1530,11 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1528
1530
|
readonly scale: "spacing";
|
|
1529
1531
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1530
1532
|
}>;
|
|
1531
|
-
m?: import("@codecademy/variance
|
|
1533
|
+
m?: import("@codecademy/variance").Scale<{
|
|
1532
1534
|
readonly property: "margin";
|
|
1533
1535
|
readonly scale: "spacing";
|
|
1534
1536
|
}>;
|
|
1535
|
-
mx?: import("@codecademy/variance
|
|
1537
|
+
mx?: import("@codecademy/variance").Scale<{
|
|
1536
1538
|
readonly property: "margin";
|
|
1537
1539
|
readonly properties: {
|
|
1538
1540
|
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
@@ -1541,7 +1543,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1541
1543
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1542
1544
|
readonly scale: "spacing";
|
|
1543
1545
|
}>;
|
|
1544
|
-
my?: import("@codecademy/variance
|
|
1546
|
+
my?: import("@codecademy/variance").Scale<{
|
|
1545
1547
|
readonly property: "margin";
|
|
1546
1548
|
readonly properties: {
|
|
1547
1549
|
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
@@ -1550,7 +1552,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1550
1552
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1551
1553
|
readonly scale: "spacing";
|
|
1552
1554
|
}>;
|
|
1553
|
-
mt?: import("@codecademy/variance
|
|
1555
|
+
mt?: import("@codecademy/variance").Scale<{
|
|
1554
1556
|
readonly property: {
|
|
1555
1557
|
readonly physical: "marginTop";
|
|
1556
1558
|
readonly logical: "marginBlockStart";
|
|
@@ -1558,7 +1560,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1558
1560
|
readonly scale: "spacing";
|
|
1559
1561
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1560
1562
|
}>;
|
|
1561
|
-
mb?: import("@codecademy/variance
|
|
1563
|
+
mb?: import("@codecademy/variance").Scale<{
|
|
1562
1564
|
readonly property: {
|
|
1563
1565
|
readonly physical: "marginBottom";
|
|
1564
1566
|
readonly logical: "marginBlockEnd";
|
|
@@ -1566,7 +1568,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1566
1568
|
readonly scale: "spacing";
|
|
1567
1569
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1568
1570
|
}>;
|
|
1569
|
-
mr?: import("@codecademy/variance
|
|
1571
|
+
mr?: import("@codecademy/variance").Scale<{
|
|
1570
1572
|
readonly property: {
|
|
1571
1573
|
readonly physical: "marginRight";
|
|
1572
1574
|
readonly logical: "marginInlineEnd";
|
|
@@ -1574,7 +1576,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1574
1576
|
readonly scale: "spacing";
|
|
1575
1577
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1576
1578
|
}>;
|
|
1577
|
-
ml?: import("@codecademy/variance
|
|
1579
|
+
ml?: import("@codecademy/variance").Scale<{
|
|
1578
1580
|
readonly property: {
|
|
1579
1581
|
readonly physical: "marginLeft";
|
|
1580
1582
|
readonly logical: "marginInlineStart";
|
|
@@ -1582,7 +1584,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1582
1584
|
readonly scale: "spacing";
|
|
1583
1585
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1584
1586
|
}>;
|
|
1585
|
-
borderX?: import("@codecademy/variance
|
|
1587
|
+
borderX?: import("@codecademy/variance").Scale<{
|
|
1586
1588
|
readonly property: "border";
|
|
1587
1589
|
readonly properties: {
|
|
1588
1590
|
readonly physical: readonly ["borderLeft", "borderRight"];
|
|
@@ -1591,7 +1593,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1591
1593
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1592
1594
|
readonly scale: "borders";
|
|
1593
1595
|
}>;
|
|
1594
|
-
borderY?: import("@codecademy/variance
|
|
1596
|
+
borderY?: import("@codecademy/variance").Scale<{
|
|
1595
1597
|
readonly property: "border";
|
|
1596
1598
|
readonly properties: {
|
|
1597
1599
|
readonly physical: readonly ["borderTop", "borderBottom"];
|
|
@@ -1600,7 +1602,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1600
1602
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1601
1603
|
readonly scale: "borders";
|
|
1602
1604
|
}>;
|
|
1603
|
-
borderWidthX?: import("@codecademy/variance
|
|
1605
|
+
borderWidthX?: import("@codecademy/variance").Scale<{
|
|
1604
1606
|
readonly property: "borderWidth";
|
|
1605
1607
|
readonly properties: {
|
|
1606
1608
|
readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
|
|
@@ -1608,7 +1610,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1608
1610
|
};
|
|
1609
1611
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1610
1612
|
}>;
|
|
1611
|
-
borderWidthY?: import("@codecademy/variance
|
|
1613
|
+
borderWidthY?: import("@codecademy/variance").Scale<{
|
|
1612
1614
|
readonly property: "borderWidth";
|
|
1613
1615
|
readonly properties: {
|
|
1614
1616
|
readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
|
|
@@ -1616,35 +1618,35 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1616
1618
|
};
|
|
1617
1619
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1618
1620
|
}>;
|
|
1619
|
-
borderWidthLeft?: import("@codecademy/variance
|
|
1621
|
+
borderWidthLeft?: import("@codecademy/variance").Scale<{
|
|
1620
1622
|
readonly property: {
|
|
1621
1623
|
readonly physical: "borderLeftWidth";
|
|
1622
1624
|
readonly logical: "borderInlineStartWidth";
|
|
1623
1625
|
};
|
|
1624
1626
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1625
1627
|
}>;
|
|
1626
|
-
borderWidthRight?: import("@codecademy/variance
|
|
1628
|
+
borderWidthRight?: import("@codecademy/variance").Scale<{
|
|
1627
1629
|
readonly property: {
|
|
1628
1630
|
readonly physical: "borderRightWidth";
|
|
1629
1631
|
readonly logical: "borderInlineEndWidth";
|
|
1630
1632
|
};
|
|
1631
1633
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1632
1634
|
}>;
|
|
1633
|
-
borderWidthTop?: import("@codecademy/variance
|
|
1635
|
+
borderWidthTop?: import("@codecademy/variance").Scale<{
|
|
1634
1636
|
readonly property: {
|
|
1635
1637
|
readonly physical: "borderTopWidth";
|
|
1636
1638
|
readonly logical: "borderBlockStartWidth";
|
|
1637
1639
|
};
|
|
1638
1640
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1639
1641
|
}>;
|
|
1640
|
-
borderWidthBottom?: import("@codecademy/variance
|
|
1642
|
+
borderWidthBottom?: import("@codecademy/variance").Scale<{
|
|
1641
1643
|
readonly property: {
|
|
1642
1644
|
readonly physical: "borderBottomWidth";
|
|
1643
1645
|
readonly logical: "borderBlockEndWidth";
|
|
1644
1646
|
};
|
|
1645
1647
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1646
1648
|
}>;
|
|
1647
|
-
borderRadiusLeft?: import("@codecademy/variance
|
|
1649
|
+
borderRadiusLeft?: import("@codecademy/variance").Scale<{
|
|
1648
1650
|
readonly property: "borderRadius";
|
|
1649
1651
|
readonly properties: {
|
|
1650
1652
|
readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
|
|
@@ -1653,7 +1655,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1653
1655
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1654
1656
|
readonly scale: "borderRadii";
|
|
1655
1657
|
}>;
|
|
1656
|
-
borderRadiusTop?: import("@codecademy/variance
|
|
1658
|
+
borderRadiusTop?: import("@codecademy/variance").Scale<{
|
|
1657
1659
|
readonly property: "borderRadius";
|
|
1658
1660
|
readonly properties: {
|
|
1659
1661
|
readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
|
|
@@ -1662,7 +1664,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1662
1664
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1663
1665
|
readonly scale: "borderRadii";
|
|
1664
1666
|
}>;
|
|
1665
|
-
borderRadiusBottom?: import("@codecademy/variance
|
|
1667
|
+
borderRadiusBottom?: import("@codecademy/variance").Scale<{
|
|
1666
1668
|
readonly property: "borderRadius";
|
|
1667
1669
|
readonly properties: {
|
|
1668
1670
|
readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
|
|
@@ -1671,7 +1673,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1671
1673
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1672
1674
|
readonly scale: "borderRadii";
|
|
1673
1675
|
}>;
|
|
1674
|
-
borderRadiusRight?: import("@codecademy/variance
|
|
1676
|
+
borderRadiusRight?: import("@codecademy/variance").Scale<{
|
|
1675
1677
|
readonly property: "borderRadius";
|
|
1676
1678
|
readonly properties: {
|
|
1677
1679
|
readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
|
|
@@ -1680,7 +1682,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1680
1682
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1681
1683
|
readonly scale: "borderRadii";
|
|
1682
1684
|
}>;
|
|
1683
|
-
borderRadiusTopLeft?: import("@codecademy/variance
|
|
1685
|
+
borderRadiusTopLeft?: import("@codecademy/variance").Scale<{
|
|
1684
1686
|
readonly property: {
|
|
1685
1687
|
readonly physical: "borderTopLeftRadius";
|
|
1686
1688
|
readonly logical: "borderStartStartRadius";
|
|
@@ -1688,7 +1690,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1688
1690
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1689
1691
|
readonly scale: "borderRadii";
|
|
1690
1692
|
}>;
|
|
1691
|
-
borderRadiusTopRight?: import("@codecademy/variance
|
|
1693
|
+
borderRadiusTopRight?: import("@codecademy/variance").Scale<{
|
|
1692
1694
|
readonly property: {
|
|
1693
1695
|
readonly physical: "borderTopRightRadius";
|
|
1694
1696
|
readonly logical: "borderStartEndRadius";
|
|
@@ -1696,7 +1698,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1696
1698
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1697
1699
|
readonly scale: "borderRadii";
|
|
1698
1700
|
}>;
|
|
1699
|
-
borderRadiusBottomRight?: import("@codecademy/variance
|
|
1701
|
+
borderRadiusBottomRight?: import("@codecademy/variance").Scale<{
|
|
1700
1702
|
readonly property: {
|
|
1701
1703
|
readonly physical: "borderBottomRightRadius";
|
|
1702
1704
|
readonly logical: "borderEndEndRadius";
|
|
@@ -1704,7 +1706,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1704
1706
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1705
1707
|
readonly scale: "borderRadii";
|
|
1706
1708
|
}>;
|
|
1707
|
-
borderRadiusBottomLeft?: import("@codecademy/variance
|
|
1709
|
+
borderRadiusBottomLeft?: import("@codecademy/variance").Scale<{
|
|
1708
1710
|
readonly property: {
|
|
1709
1711
|
readonly physical: "borderBottomLeftRadius";
|
|
1710
1712
|
readonly logical: "borderEndStartRadius";
|
|
@@ -1712,7 +1714,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1712
1714
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1713
1715
|
readonly scale: "borderRadii";
|
|
1714
1716
|
}>;
|
|
1715
|
-
borderStyleX?: import("@codecademy/variance
|
|
1717
|
+
borderStyleX?: import("@codecademy/variance").Scale<{
|
|
1716
1718
|
readonly property: "borderStyle";
|
|
1717
1719
|
readonly properties: {
|
|
1718
1720
|
readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
|
|
@@ -1720,7 +1722,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1720
1722
|
};
|
|
1721
1723
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1722
1724
|
}>;
|
|
1723
|
-
borderStyleY?: import("@codecademy/variance
|
|
1725
|
+
borderStyleY?: import("@codecademy/variance").Scale<{
|
|
1724
1726
|
readonly property: "borderStyle";
|
|
1725
1727
|
readonly properties: {
|
|
1726
1728
|
readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
|
|
@@ -1728,35 +1730,35 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1728
1730
|
};
|
|
1729
1731
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1730
1732
|
}>;
|
|
1731
|
-
borderStyleLeft?: import("@codecademy/variance
|
|
1733
|
+
borderStyleLeft?: import("@codecademy/variance").Scale<{
|
|
1732
1734
|
readonly property: {
|
|
1733
1735
|
readonly physical: "borderLeftStyle";
|
|
1734
1736
|
readonly logical: "borderInlineStartStyle";
|
|
1735
1737
|
};
|
|
1736
1738
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1737
1739
|
}>;
|
|
1738
|
-
borderStyleRight?: import("@codecademy/variance
|
|
1740
|
+
borderStyleRight?: import("@codecademy/variance").Scale<{
|
|
1739
1741
|
readonly property: {
|
|
1740
1742
|
readonly physical: "borderRightStyle";
|
|
1741
1743
|
readonly logical: "borderInlineEndStyle";
|
|
1742
1744
|
};
|
|
1743
1745
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1744
1746
|
}>;
|
|
1745
|
-
borderStyleTop?: import("@codecademy/variance
|
|
1747
|
+
borderStyleTop?: import("@codecademy/variance").Scale<{
|
|
1746
1748
|
readonly property: {
|
|
1747
1749
|
readonly physical: "borderTopStyle";
|
|
1748
1750
|
readonly logical: "borderBlockStartStyle";
|
|
1749
1751
|
};
|
|
1750
1752
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1751
1753
|
}>;
|
|
1752
|
-
borderStyleBottom?: import("@codecademy/variance
|
|
1754
|
+
borderStyleBottom?: import("@codecademy/variance").Scale<{
|
|
1753
1755
|
readonly property: {
|
|
1754
1756
|
readonly physical: "borderBottomStyle";
|
|
1755
1757
|
readonly logical: "borderBlockEndStyle";
|
|
1756
1758
|
};
|
|
1757
1759
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1758
1760
|
}>;
|
|
1759
|
-
dimensions?: import("@codecademy/variance
|
|
1761
|
+
dimensions?: import("@codecademy/variance").Scale<{
|
|
1760
1762
|
readonly property: "width";
|
|
1761
1763
|
readonly properties: {
|
|
1762
1764
|
readonly physical: readonly ["width", "height"];
|
|
@@ -1765,15 +1767,15 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1765
1767
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1766
1768
|
readonly transform: (value: string | number) => string | 0;
|
|
1767
1769
|
}>;
|
|
1768
|
-
textColor?: import("@codecademy/variance
|
|
1770
|
+
textColor?: import("@codecademy/variance").Scale<{
|
|
1769
1771
|
readonly property: "color";
|
|
1770
1772
|
readonly scale: "colors";
|
|
1771
1773
|
}>;
|
|
1772
|
-
bg?: import("@codecademy/variance
|
|
1774
|
+
bg?: import("@codecademy/variance").Scale<{
|
|
1773
1775
|
readonly property: "backgroundColor";
|
|
1774
1776
|
readonly scale: "colors";
|
|
1775
1777
|
}>;
|
|
1776
|
-
borderColorX?: import("@codecademy/variance
|
|
1778
|
+
borderColorX?: import("@codecademy/variance").Scale<{
|
|
1777
1779
|
readonly property: "borderColor";
|
|
1778
1780
|
readonly properties: {
|
|
1779
1781
|
readonly physical: readonly ["borderLeftColor", "borderRightColor"];
|
|
@@ -1782,7 +1784,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1782
1784
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1783
1785
|
readonly scale: "colors";
|
|
1784
1786
|
}>;
|
|
1785
|
-
borderColorY?: import("@codecademy/variance
|
|
1787
|
+
borderColorY?: import("@codecademy/variance").Scale<{
|
|
1786
1788
|
readonly property: "borderColor";
|
|
1787
1789
|
readonly properties: {
|
|
1788
1790
|
readonly physical: readonly ["borderTopColor", "borderBottomColor"];
|
|
@@ -1791,22 +1793,22 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1791
1793
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1792
1794
|
readonly scale: "colors";
|
|
1793
1795
|
}>;
|
|
1794
|
-
borderColorLeft?: import("@codecademy/variance
|
|
1796
|
+
borderColorLeft?: import("@codecademy/variance").Scale<{
|
|
1795
1797
|
readonly property: "borderLeftColor";
|
|
1796
1798
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1797
1799
|
readonly scale: "colors";
|
|
1798
1800
|
}>;
|
|
1799
|
-
borderColorRight?: import("@codecademy/variance
|
|
1801
|
+
borderColorRight?: import("@codecademy/variance").Scale<{
|
|
1800
1802
|
readonly property: "borderRightColor";
|
|
1801
1803
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1802
1804
|
readonly scale: "colors";
|
|
1803
1805
|
}>;
|
|
1804
|
-
borderColorTop?: import("@codecademy/variance
|
|
1806
|
+
borderColorTop?: import("@codecademy/variance").Scale<{
|
|
1805
1807
|
readonly property: "borderTopColor";
|
|
1806
1808
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1807
1809
|
readonly scale: "colors";
|
|
1808
1810
|
}>;
|
|
1809
|
-
borderColorBottom?: import("@codecademy/variance
|
|
1811
|
+
borderColorBottom?: import("@codecademy/variance").Scale<{
|
|
1810
1812
|
readonly property: "borderBottomColor";
|
|
1811
1813
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1812
1814
|
readonly scale: "colors";
|
|
@@ -1816,22 +1818,24 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1816
1818
|
context?: boolean | undefined;
|
|
1817
1819
|
"no-select"?: boolean | undefined;
|
|
1818
1820
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
1819
|
-
} & import("framer-motion").MotionProps & {
|
|
1821
|
+
} & import("framer-motion").MotionProps, "children"> & {
|
|
1822
|
+
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;
|
|
1823
|
+
} & {
|
|
1820
1824
|
theme?: import("@emotion/react").Theme;
|
|
1821
1825
|
} & CardWrapperProps, {}, {}>;
|
|
1822
|
-
export declare const StaticCardWrapper: import("@emotion/styled").StyledComponent<{
|
|
1823
|
-
color?: import("@codecademy/variance
|
|
1826
|
+
export declare const StaticCardWrapper: import("@emotion/styled").StyledComponent<Omit<{
|
|
1827
|
+
color?: import("@codecademy/variance").Scale<{
|
|
1824
1828
|
readonly property: "color";
|
|
1825
1829
|
readonly scale: "colors";
|
|
1826
1830
|
}>;
|
|
1827
|
-
background?: import("@codecademy/variance
|
|
1831
|
+
background?: import("@codecademy/variance").Scale<{
|
|
1828
1832
|
readonly property: "background";
|
|
1829
1833
|
}>;
|
|
1830
|
-
border?: import("@codecademy/variance
|
|
1834
|
+
border?: import("@codecademy/variance").Scale<{
|
|
1831
1835
|
readonly property: "border";
|
|
1832
1836
|
readonly scale: "borders";
|
|
1833
1837
|
}>;
|
|
1834
|
-
p?: import("@codecademy/variance
|
|
1838
|
+
p?: import("@codecademy/variance").Scale<{
|
|
1835
1839
|
readonly property: "padding";
|
|
1836
1840
|
readonly scale: "spacing";
|
|
1837
1841
|
}>;
|
|
@@ -1839,7 +1843,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1839
1843
|
title?: string | undefined;
|
|
1840
1844
|
dir?: string | undefined;
|
|
1841
1845
|
className?: string | undefined;
|
|
1842
|
-
height?: import("@codecademy/variance
|
|
1846
|
+
height?: import("@codecademy/variance").Scale<{
|
|
1843
1847
|
readonly property: {
|
|
1844
1848
|
readonly physical: "height";
|
|
1845
1849
|
readonly logical: "blockSize";
|
|
@@ -1847,7 +1851,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1847
1851
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1848
1852
|
readonly transform: (value: string | number) => string | 0;
|
|
1849
1853
|
}>;
|
|
1850
|
-
width?: import("@codecademy/variance
|
|
1854
|
+
width?: import("@codecademy/variance").Scale<{
|
|
1851
1855
|
readonly property: {
|
|
1852
1856
|
readonly physical: "width";
|
|
1853
1857
|
readonly logical: "inlineSize";
|
|
@@ -1855,7 +1859,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1855
1859
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1856
1860
|
readonly transform: (value: string | number) => string | 0;
|
|
1857
1861
|
}>;
|
|
1858
|
-
"aria-hidden"?: (boolean | "
|
|
1862
|
+
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
1859
1863
|
ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
|
|
1860
1864
|
key?: import("react").Key | null | undefined;
|
|
1861
1865
|
defaultChecked?: boolean | undefined;
|
|
@@ -1865,17 +1869,17 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1865
1869
|
accessKey?: string | undefined;
|
|
1866
1870
|
autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
|
|
1867
1871
|
autoFocus?: boolean | undefined;
|
|
1868
|
-
contentEditable?: "inherit" | (boolean | "
|
|
1872
|
+
contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
|
|
1869
1873
|
contextMenu?: string | undefined;
|
|
1870
|
-
draggable?: (boolean | "
|
|
1871
|
-
enterKeyHint?: "search" | "
|
|
1874
|
+
draggable?: (boolean | "true" | "false") | undefined;
|
|
1875
|
+
enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
|
|
1872
1876
|
hidden?: boolean | undefined;
|
|
1873
1877
|
id?: string | undefined;
|
|
1874
1878
|
lang?: string | undefined;
|
|
1875
1879
|
nonce?: string | undefined;
|
|
1876
|
-
spellCheck?: (boolean | "
|
|
1880
|
+
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
1877
1881
|
tabIndex?: number | undefined;
|
|
1878
|
-
translate?: "
|
|
1882
|
+
translate?: "yes" | "no" | undefined;
|
|
1879
1883
|
radioGroup?: string | undefined;
|
|
1880
1884
|
role?: import("react").AriaRole | undefined;
|
|
1881
1885
|
about?: string | undefined;
|
|
@@ -1904,51 +1908,51 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1904
1908
|
exportparts?: string | undefined;
|
|
1905
1909
|
part?: string | undefined;
|
|
1906
1910
|
"aria-activedescendant"?: string | undefined;
|
|
1907
|
-
"aria-atomic"?: (boolean | "
|
|
1908
|
-
"aria-autocomplete"?: "none" | "inline" | "
|
|
1911
|
+
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
1912
|
+
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
|
|
1909
1913
|
"aria-braillelabel"?: string | undefined;
|
|
1910
1914
|
"aria-brailleroledescription"?: string | undefined;
|
|
1911
|
-
"aria-busy"?: (boolean | "
|
|
1912
|
-
"aria-checked"?: boolean | "
|
|
1915
|
+
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
1916
|
+
"aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
1913
1917
|
"aria-colcount"?: number | undefined;
|
|
1914
1918
|
"aria-colindex"?: number | undefined;
|
|
1915
1919
|
"aria-colindextext"?: string | undefined;
|
|
1916
1920
|
"aria-colspan"?: number | undefined;
|
|
1917
1921
|
"aria-controls"?: string | undefined;
|
|
1918
|
-
"aria-current"?: boolean | "time" | "page" | "
|
|
1922
|
+
"aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
|
|
1919
1923
|
"aria-describedby"?: string | undefined;
|
|
1920
1924
|
"aria-description"?: string | undefined;
|
|
1921
1925
|
"aria-details"?: string | undefined;
|
|
1922
|
-
"aria-disabled"?: (boolean | "
|
|
1926
|
+
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
1923
1927
|
"aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
|
1924
1928
|
"aria-errormessage"?: string | undefined;
|
|
1925
|
-
"aria-expanded"?: (boolean | "
|
|
1929
|
+
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
1926
1930
|
"aria-flowto"?: string | undefined;
|
|
1927
|
-
"aria-grabbed"?: (boolean | "
|
|
1928
|
-
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "
|
|
1929
|
-
"aria-invalid"?: boolean | "
|
|
1931
|
+
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
1932
|
+
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
|
|
1933
|
+
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
1930
1934
|
"aria-keyshortcuts"?: string | undefined;
|
|
1931
1935
|
"aria-label"?: string | undefined;
|
|
1932
1936
|
"aria-labelledby"?: string | undefined;
|
|
1933
1937
|
"aria-level"?: number | undefined;
|
|
1934
1938
|
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
1935
|
-
"aria-modal"?: (boolean | "
|
|
1936
|
-
"aria-multiline"?: (boolean | "
|
|
1937
|
-
"aria-multiselectable"?: (boolean | "
|
|
1939
|
+
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
1940
|
+
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
1941
|
+
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
1938
1942
|
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
1939
1943
|
"aria-owns"?: string | undefined;
|
|
1940
1944
|
"aria-placeholder"?: string | undefined;
|
|
1941
1945
|
"aria-posinset"?: number | undefined;
|
|
1942
|
-
"aria-pressed"?: boolean | "
|
|
1943
|
-
"aria-readonly"?: (boolean | "
|
|
1946
|
+
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
1947
|
+
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
1944
1948
|
"aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
1945
|
-
"aria-required"?: (boolean | "
|
|
1949
|
+
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
1946
1950
|
"aria-roledescription"?: string | undefined;
|
|
1947
1951
|
"aria-rowcount"?: number | undefined;
|
|
1948
1952
|
"aria-rowindex"?: number | undefined;
|
|
1949
1953
|
"aria-rowindextext"?: string | undefined;
|
|
1950
1954
|
"aria-rowspan"?: number | undefined;
|
|
1951
|
-
"aria-selected"?: (boolean | "
|
|
1955
|
+
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
1952
1956
|
"aria-setsize"?: number | undefined;
|
|
1953
1957
|
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
1954
1958
|
"aria-valuemax"?: number | undefined;
|
|
@@ -2112,25 +2116,25 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2112
2116
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
2113
2117
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
2114
2118
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
2115
|
-
alignContent?: import("@codecademy/variance
|
|
2119
|
+
alignContent?: import("@codecademy/variance").Scale<{
|
|
2116
2120
|
readonly property: "alignContent";
|
|
2117
2121
|
}>;
|
|
2118
|
-
alignItems?: import("@codecademy/variance
|
|
2122
|
+
alignItems?: import("@codecademy/variance").Scale<{
|
|
2119
2123
|
readonly property: "alignItems";
|
|
2120
2124
|
}>;
|
|
2121
|
-
alignSelf?: import("@codecademy/variance
|
|
2125
|
+
alignSelf?: import("@codecademy/variance").Scale<{
|
|
2122
2126
|
readonly property: "alignSelf";
|
|
2123
2127
|
}>;
|
|
2124
|
-
backgroundImage?: import("@codecademy/variance
|
|
2128
|
+
backgroundImage?: import("@codecademy/variance").Scale<{
|
|
2125
2129
|
readonly property: "backgroundImage";
|
|
2126
2130
|
}>;
|
|
2127
|
-
backgroundRepeat?: import("@codecademy/variance
|
|
2131
|
+
backgroundRepeat?: import("@codecademy/variance").Scale<{
|
|
2128
2132
|
readonly property: "backgroundRepeat";
|
|
2129
2133
|
}>;
|
|
2130
|
-
backgroundSize?: import("@codecademy/variance
|
|
2134
|
+
backgroundSize?: import("@codecademy/variance").Scale<{
|
|
2131
2135
|
readonly property: "backgroundSize";
|
|
2132
2136
|
}>;
|
|
2133
|
-
bottom?: import("@codecademy/variance
|
|
2137
|
+
bottom?: import("@codecademy/variance").Scale<{
|
|
2134
2138
|
readonly property: {
|
|
2135
2139
|
readonly physical: "bottom";
|
|
2136
2140
|
readonly logical: "insetBlockEnd";
|
|
@@ -2138,74 +2142,74 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2138
2142
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2139
2143
|
readonly transform: (value: string | number) => string | 0;
|
|
2140
2144
|
}>;
|
|
2141
|
-
columnGap?: import("@codecademy/variance
|
|
2145
|
+
columnGap?: import("@codecademy/variance").Scale<{
|
|
2142
2146
|
readonly property: "columnGap";
|
|
2143
2147
|
readonly scale: "spacing";
|
|
2144
2148
|
}>;
|
|
2145
|
-
containerType?: import("@codecademy/variance
|
|
2149
|
+
containerType?: import("@codecademy/variance").Scale<{
|
|
2146
2150
|
readonly property: "containerType";
|
|
2147
2151
|
}>;
|
|
2148
|
-
direction?: import("@codecademy/variance
|
|
2152
|
+
direction?: import("@codecademy/variance").Scale<{
|
|
2149
2153
|
readonly property: "direction";
|
|
2150
2154
|
}>;
|
|
2151
|
-
display?: import("@codecademy/variance
|
|
2155
|
+
display?: import("@codecademy/variance").Scale<{
|
|
2152
2156
|
readonly property: "display";
|
|
2153
2157
|
}>;
|
|
2154
|
-
flexBasis?: import("@codecademy/variance
|
|
2158
|
+
flexBasis?: import("@codecademy/variance").Scale<{
|
|
2155
2159
|
readonly property: "flexBasis";
|
|
2156
2160
|
}>;
|
|
2157
|
-
flexDirection?: import("@codecademy/variance
|
|
2161
|
+
flexDirection?: import("@codecademy/variance").Scale<{
|
|
2158
2162
|
readonly property: "flexDirection";
|
|
2159
2163
|
}>;
|
|
2160
|
-
flexGrow?: import("@codecademy/variance
|
|
2164
|
+
flexGrow?: import("@codecademy/variance").Scale<{
|
|
2161
2165
|
readonly property: "flexGrow";
|
|
2162
2166
|
}>;
|
|
2163
|
-
flexShrink?: import("@codecademy/variance
|
|
2167
|
+
flexShrink?: import("@codecademy/variance").Scale<{
|
|
2164
2168
|
readonly property: "flexShrink";
|
|
2165
2169
|
}>;
|
|
2166
|
-
flexWrap?: import("@codecademy/variance
|
|
2170
|
+
flexWrap?: import("@codecademy/variance").Scale<{
|
|
2167
2171
|
readonly property: "flexWrap";
|
|
2168
2172
|
}>;
|
|
2169
|
-
gridAutoColumns?: import("@codecademy/variance
|
|
2173
|
+
gridAutoColumns?: import("@codecademy/variance").Scale<{
|
|
2170
2174
|
readonly property: "gridAutoColumns";
|
|
2171
2175
|
}>;
|
|
2172
|
-
gridAutoFlow?: import("@codecademy/variance
|
|
2176
|
+
gridAutoFlow?: import("@codecademy/variance").Scale<{
|
|
2173
2177
|
readonly property: "gridAutoFlow";
|
|
2174
2178
|
}>;
|
|
2175
|
-
gridAutoRows?: import("@codecademy/variance
|
|
2179
|
+
gridAutoRows?: import("@codecademy/variance").Scale<{
|
|
2176
2180
|
readonly property: "gridAutoRows";
|
|
2177
2181
|
}>;
|
|
2178
|
-
gridColumnEnd?: import("@codecademy/variance
|
|
2182
|
+
gridColumnEnd?: import("@codecademy/variance").Scale<{
|
|
2179
2183
|
readonly property: "gridColumnEnd";
|
|
2180
2184
|
}>;
|
|
2181
|
-
gridColumnStart?: import("@codecademy/variance
|
|
2185
|
+
gridColumnStart?: import("@codecademy/variance").Scale<{
|
|
2182
2186
|
readonly property: "gridColumnStart";
|
|
2183
2187
|
}>;
|
|
2184
|
-
gridRowEnd?: import("@codecademy/variance
|
|
2188
|
+
gridRowEnd?: import("@codecademy/variance").Scale<{
|
|
2185
2189
|
readonly property: "gridRowEnd";
|
|
2186
2190
|
}>;
|
|
2187
|
-
gridRowStart?: import("@codecademy/variance
|
|
2191
|
+
gridRowStart?: import("@codecademy/variance").Scale<{
|
|
2188
2192
|
readonly property: "gridRowStart";
|
|
2189
2193
|
}>;
|
|
2190
|
-
gridTemplateAreas?: import("@codecademy/variance
|
|
2194
|
+
gridTemplateAreas?: import("@codecademy/variance").Scale<{
|
|
2191
2195
|
readonly property: "gridTemplateAreas";
|
|
2192
2196
|
}>;
|
|
2193
|
-
gridTemplateColumns?: import("@codecademy/variance
|
|
2197
|
+
gridTemplateColumns?: import("@codecademy/variance").Scale<{
|
|
2194
2198
|
readonly property: "gridTemplateColumns";
|
|
2195
2199
|
}>;
|
|
2196
|
-
gridTemplateRows?: import("@codecademy/variance
|
|
2200
|
+
gridTemplateRows?: import("@codecademy/variance").Scale<{
|
|
2197
2201
|
readonly property: "gridTemplateRows";
|
|
2198
2202
|
}>;
|
|
2199
|
-
justifyContent?: import("@codecademy/variance
|
|
2203
|
+
justifyContent?: import("@codecademy/variance").Scale<{
|
|
2200
2204
|
readonly property: "justifyContent";
|
|
2201
2205
|
}>;
|
|
2202
|
-
justifyItems?: import("@codecademy/variance
|
|
2206
|
+
justifyItems?: import("@codecademy/variance").Scale<{
|
|
2203
2207
|
readonly property: "justifyItems";
|
|
2204
2208
|
}>;
|
|
2205
|
-
justifySelf?: import("@codecademy/variance
|
|
2209
|
+
justifySelf?: import("@codecademy/variance").Scale<{
|
|
2206
2210
|
readonly property: "justifySelf";
|
|
2207
2211
|
}>;
|
|
2208
|
-
left?: import("@codecademy/variance
|
|
2212
|
+
left?: import("@codecademy/variance").Scale<{
|
|
2209
2213
|
readonly property: {
|
|
2210
2214
|
readonly physical: "left";
|
|
2211
2215
|
readonly logical: "insetInlineStart";
|
|
@@ -2213,7 +2217,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2213
2217
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2214
2218
|
readonly transform: (value: string | number) => string | 0;
|
|
2215
2219
|
}>;
|
|
2216
|
-
maxHeight?: import("@codecademy/variance
|
|
2220
|
+
maxHeight?: import("@codecademy/variance").Scale<{
|
|
2217
2221
|
readonly property: {
|
|
2218
2222
|
readonly physical: "maxHeight";
|
|
2219
2223
|
readonly logical: "maxBlockSize";
|
|
@@ -2221,7 +2225,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2221
2225
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2222
2226
|
readonly transform: (value: string | number) => string | 0;
|
|
2223
2227
|
}>;
|
|
2224
|
-
maxWidth?: import("@codecademy/variance
|
|
2228
|
+
maxWidth?: import("@codecademy/variance").Scale<{
|
|
2225
2229
|
readonly property: {
|
|
2226
2230
|
readonly physical: "maxWidth";
|
|
2227
2231
|
readonly logical: "maxInlineSize";
|
|
@@ -2229,7 +2233,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2229
2233
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2230
2234
|
readonly transform: (value: string | number) => string | 0;
|
|
2231
2235
|
}>;
|
|
2232
|
-
minHeight?: import("@codecademy/variance
|
|
2236
|
+
minHeight?: import("@codecademy/variance").Scale<{
|
|
2233
2237
|
readonly property: {
|
|
2234
2238
|
readonly physical: "minHeight";
|
|
2235
2239
|
readonly logical: "minBlockSize";
|
|
@@ -2237,7 +2241,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2237
2241
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2238
2242
|
readonly transform: (value: string | number) => string | 0;
|
|
2239
2243
|
}>;
|
|
2240
|
-
minWidth?: import("@codecademy/variance
|
|
2244
|
+
minWidth?: import("@codecademy/variance").Scale<{
|
|
2241
2245
|
readonly property: {
|
|
2242
2246
|
readonly physical: "minWidth";
|
|
2243
2247
|
readonly logical: "minInlineSize";
|
|
@@ -2245,30 +2249,30 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2245
2249
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2246
2250
|
readonly transform: (value: string | number) => string | 0;
|
|
2247
2251
|
}>;
|
|
2248
|
-
opacity?: import("@codecademy/variance
|
|
2252
|
+
opacity?: import("@codecademy/variance").Scale<{
|
|
2249
2253
|
readonly property: "opacity";
|
|
2250
2254
|
}>;
|
|
2251
|
-
order?: import("@codecademy/variance
|
|
2255
|
+
order?: import("@codecademy/variance").Scale<{
|
|
2252
2256
|
readonly property: "order";
|
|
2253
2257
|
}>;
|
|
2254
|
-
overflowX?: import("@codecademy/variance
|
|
2258
|
+
overflowX?: import("@codecademy/variance").Scale<{
|
|
2255
2259
|
readonly property: {
|
|
2256
2260
|
readonly physical: "overflowX";
|
|
2257
2261
|
readonly logical: "overflowInline";
|
|
2258
2262
|
};
|
|
2259
2263
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2260
2264
|
}>;
|
|
2261
|
-
overflowY?: import("@codecademy/variance
|
|
2265
|
+
overflowY?: import("@codecademy/variance").Scale<{
|
|
2262
2266
|
readonly property: {
|
|
2263
2267
|
readonly physical: "overflowY";
|
|
2264
2268
|
readonly logical: "overflowBlock";
|
|
2265
2269
|
};
|
|
2266
2270
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2267
2271
|
}>;
|
|
2268
|
-
position?: import("@codecademy/variance
|
|
2272
|
+
position?: import("@codecademy/variance").Scale<{
|
|
2269
2273
|
readonly property: "position";
|
|
2270
2274
|
}>;
|
|
2271
|
-
right?: import("@codecademy/variance
|
|
2275
|
+
right?: import("@codecademy/variance").Scale<{
|
|
2272
2276
|
readonly property: {
|
|
2273
2277
|
readonly physical: "right";
|
|
2274
2278
|
readonly logical: "insetInlineEnd";
|
|
@@ -2276,11 +2280,11 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2276
2280
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2277
2281
|
readonly transform: (value: string | number) => string | 0;
|
|
2278
2282
|
}>;
|
|
2279
|
-
rowGap?: import("@codecademy/variance
|
|
2283
|
+
rowGap?: import("@codecademy/variance").Scale<{
|
|
2280
2284
|
readonly property: "rowGap";
|
|
2281
2285
|
readonly scale: "spacing";
|
|
2282
2286
|
}>;
|
|
2283
|
-
top?: import("@codecademy/variance
|
|
2287
|
+
top?: import("@codecademy/variance").Scale<{
|
|
2284
2288
|
readonly property: {
|
|
2285
2289
|
readonly physical: "top";
|
|
2286
2290
|
readonly logical: "insetBlockStart";
|
|
@@ -2288,16 +2292,16 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2288
2292
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2289
2293
|
readonly transform: (value: string | number) => string | 0;
|
|
2290
2294
|
}>;
|
|
2291
|
-
verticalAlign?: import("@codecademy/variance
|
|
2295
|
+
verticalAlign?: import("@codecademy/variance").Scale<{
|
|
2292
2296
|
readonly property: "verticalAlign";
|
|
2293
2297
|
}>;
|
|
2294
|
-
zIndex?: import("@codecademy/variance
|
|
2298
|
+
zIndex?: import("@codecademy/variance").Scale<{
|
|
2295
2299
|
readonly property: "zIndex";
|
|
2296
2300
|
}>;
|
|
2297
|
-
backgroundPosition?: import("@codecademy/variance
|
|
2301
|
+
backgroundPosition?: import("@codecademy/variance").Scale<{
|
|
2298
2302
|
readonly property: "backgroundPosition";
|
|
2299
2303
|
}>;
|
|
2300
|
-
borderBottom?: import("@codecademy/variance
|
|
2304
|
+
borderBottom?: import("@codecademy/variance").Scale<{
|
|
2301
2305
|
readonly property: {
|
|
2302
2306
|
readonly physical: "borderBottom";
|
|
2303
2307
|
readonly logical: "borderBlockEnd";
|
|
@@ -2305,11 +2309,11 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2305
2309
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2306
2310
|
readonly scale: "borders";
|
|
2307
2311
|
}>;
|
|
2308
|
-
borderColor?: import("@codecademy/variance
|
|
2312
|
+
borderColor?: import("@codecademy/variance").Scale<{
|
|
2309
2313
|
readonly property: "borderColor";
|
|
2310
2314
|
readonly scale: "colors";
|
|
2311
2315
|
}>;
|
|
2312
|
-
borderLeft?: import("@codecademy/variance
|
|
2316
|
+
borderLeft?: import("@codecademy/variance").Scale<{
|
|
2313
2317
|
readonly property: {
|
|
2314
2318
|
readonly physical: "borderLeft";
|
|
2315
2319
|
readonly logical: "borderInlineStart";
|
|
@@ -2317,11 +2321,11 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2317
2321
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2318
2322
|
readonly scale: "borders";
|
|
2319
2323
|
}>;
|
|
2320
|
-
borderRadius?: import("@codecademy/variance
|
|
2324
|
+
borderRadius?: import("@codecademy/variance").Scale<{
|
|
2321
2325
|
readonly property: "borderRadius";
|
|
2322
2326
|
readonly scale: "borderRadii";
|
|
2323
2327
|
}>;
|
|
2324
|
-
borderRight?: import("@codecademy/variance
|
|
2328
|
+
borderRight?: import("@codecademy/variance").Scale<{
|
|
2325
2329
|
readonly property: {
|
|
2326
2330
|
readonly physical: "borderRight";
|
|
2327
2331
|
readonly logical: "borderInlineEnd";
|
|
@@ -2329,10 +2333,10 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2329
2333
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2330
2334
|
readonly scale: "borders";
|
|
2331
2335
|
}>;
|
|
2332
|
-
borderStyle?: import("@codecademy/variance
|
|
2336
|
+
borderStyle?: import("@codecademy/variance").Scale<{
|
|
2333
2337
|
readonly property: "borderStyle";
|
|
2334
2338
|
}>;
|
|
2335
|
-
borderTop?: import("@codecademy/variance
|
|
2339
|
+
borderTop?: import("@codecademy/variance").Scale<{
|
|
2336
2340
|
readonly property: {
|
|
2337
2341
|
readonly physical: "borderTop";
|
|
2338
2342
|
readonly logical: "borderBlockStart";
|
|
@@ -2340,26 +2344,26 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2340
2344
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2341
2345
|
readonly scale: "borders";
|
|
2342
2346
|
}>;
|
|
2343
|
-
borderWidth?: import("@codecademy/variance
|
|
2347
|
+
borderWidth?: import("@codecademy/variance").Scale<{
|
|
2344
2348
|
readonly property: "borderWidth";
|
|
2345
2349
|
}>;
|
|
2346
|
-
flex?: import("@codecademy/variance
|
|
2350
|
+
flex?: import("@codecademy/variance").Scale<{
|
|
2347
2351
|
readonly property: "flex";
|
|
2348
2352
|
}>;
|
|
2349
|
-
gap?: import("@codecademy/variance
|
|
2353
|
+
gap?: import("@codecademy/variance").Scale<{
|
|
2350
2354
|
readonly property: "gap";
|
|
2351
2355
|
readonly scale: "spacing";
|
|
2352
2356
|
}>;
|
|
2353
|
-
gridArea?: import("@codecademy/variance
|
|
2357
|
+
gridArea?: import("@codecademy/variance").Scale<{
|
|
2354
2358
|
readonly property: "gridArea";
|
|
2355
2359
|
}>;
|
|
2356
|
-
gridColumn?: import("@codecademy/variance
|
|
2360
|
+
gridColumn?: import("@codecademy/variance").Scale<{
|
|
2357
2361
|
readonly property: "gridColumn";
|
|
2358
2362
|
}>;
|
|
2359
|
-
gridRow?: import("@codecademy/variance
|
|
2363
|
+
gridRow?: import("@codecademy/variance").Scale<{
|
|
2360
2364
|
readonly property: "gridRow";
|
|
2361
2365
|
}>;
|
|
2362
|
-
inset?: import("@codecademy/variance
|
|
2366
|
+
inset?: import("@codecademy/variance").Scale<{
|
|
2363
2367
|
readonly property: "inset";
|
|
2364
2368
|
readonly properties: {
|
|
2365
2369
|
readonly physical: readonly ["top", "right", "bottom", "left"];
|
|
@@ -2368,10 +2372,10 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2368
2372
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2369
2373
|
readonly transform: (value: string | number) => string | 0;
|
|
2370
2374
|
}>;
|
|
2371
|
-
overflow?: import("@codecademy/variance
|
|
2375
|
+
overflow?: import("@codecademy/variance").Scale<{
|
|
2372
2376
|
readonly property: "overflow";
|
|
2373
2377
|
}>;
|
|
2374
|
-
px?: import("@codecademy/variance
|
|
2378
|
+
px?: import("@codecademy/variance").Scale<{
|
|
2375
2379
|
readonly property: "padding";
|
|
2376
2380
|
readonly properties: {
|
|
2377
2381
|
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
@@ -2380,7 +2384,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2380
2384
|
readonly scale: "spacing";
|
|
2381
2385
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2382
2386
|
}>;
|
|
2383
|
-
py?: import("@codecademy/variance
|
|
2387
|
+
py?: import("@codecademy/variance").Scale<{
|
|
2384
2388
|
readonly property: "padding";
|
|
2385
2389
|
readonly properties: {
|
|
2386
2390
|
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
@@ -2389,7 +2393,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2389
2393
|
readonly scale: "spacing";
|
|
2390
2394
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2391
2395
|
}>;
|
|
2392
|
-
pt?: import("@codecademy/variance
|
|
2396
|
+
pt?: import("@codecademy/variance").Scale<{
|
|
2393
2397
|
readonly property: {
|
|
2394
2398
|
readonly physical: "paddingTop";
|
|
2395
2399
|
readonly logical: "paddingBlockStart";
|
|
@@ -2397,7 +2401,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2397
2401
|
readonly scale: "spacing";
|
|
2398
2402
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2399
2403
|
}>;
|
|
2400
|
-
pb?: import("@codecademy/variance
|
|
2404
|
+
pb?: import("@codecademy/variance").Scale<{
|
|
2401
2405
|
readonly property: {
|
|
2402
2406
|
readonly physical: "paddingBottom";
|
|
2403
2407
|
readonly logical: "paddingBlockEnd";
|
|
@@ -2405,7 +2409,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2405
2409
|
readonly scale: "spacing";
|
|
2406
2410
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2407
2411
|
}>;
|
|
2408
|
-
pr?: import("@codecademy/variance
|
|
2412
|
+
pr?: import("@codecademy/variance").Scale<{
|
|
2409
2413
|
readonly property: {
|
|
2410
2414
|
readonly physical: "paddingRight";
|
|
2411
2415
|
readonly logical: "paddingInlineEnd";
|
|
@@ -2413,7 +2417,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2413
2417
|
readonly scale: "spacing";
|
|
2414
2418
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2415
2419
|
}>;
|
|
2416
|
-
pl?: import("@codecademy/variance
|
|
2420
|
+
pl?: import("@codecademy/variance").Scale<{
|
|
2417
2421
|
readonly property: {
|
|
2418
2422
|
readonly physical: "paddingLeft";
|
|
2419
2423
|
readonly logical: "paddingInlineStart";
|
|
@@ -2421,11 +2425,11 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2421
2425
|
readonly scale: "spacing";
|
|
2422
2426
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2423
2427
|
}>;
|
|
2424
|
-
m?: import("@codecademy/variance
|
|
2428
|
+
m?: import("@codecademy/variance").Scale<{
|
|
2425
2429
|
readonly property: "margin";
|
|
2426
2430
|
readonly scale: "spacing";
|
|
2427
2431
|
}>;
|
|
2428
|
-
mx?: import("@codecademy/variance
|
|
2432
|
+
mx?: import("@codecademy/variance").Scale<{
|
|
2429
2433
|
readonly property: "margin";
|
|
2430
2434
|
readonly properties: {
|
|
2431
2435
|
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
@@ -2434,7 +2438,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2434
2438
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2435
2439
|
readonly scale: "spacing";
|
|
2436
2440
|
}>;
|
|
2437
|
-
my?: import("@codecademy/variance
|
|
2441
|
+
my?: import("@codecademy/variance").Scale<{
|
|
2438
2442
|
readonly property: "margin";
|
|
2439
2443
|
readonly properties: {
|
|
2440
2444
|
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
@@ -2443,7 +2447,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2443
2447
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2444
2448
|
readonly scale: "spacing";
|
|
2445
2449
|
}>;
|
|
2446
|
-
mt?: import("@codecademy/variance
|
|
2450
|
+
mt?: import("@codecademy/variance").Scale<{
|
|
2447
2451
|
readonly property: {
|
|
2448
2452
|
readonly physical: "marginTop";
|
|
2449
2453
|
readonly logical: "marginBlockStart";
|
|
@@ -2451,7 +2455,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2451
2455
|
readonly scale: "spacing";
|
|
2452
2456
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2453
2457
|
}>;
|
|
2454
|
-
mb?: import("@codecademy/variance
|
|
2458
|
+
mb?: import("@codecademy/variance").Scale<{
|
|
2455
2459
|
readonly property: {
|
|
2456
2460
|
readonly physical: "marginBottom";
|
|
2457
2461
|
readonly logical: "marginBlockEnd";
|
|
@@ -2459,7 +2463,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2459
2463
|
readonly scale: "spacing";
|
|
2460
2464
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2461
2465
|
}>;
|
|
2462
|
-
mr?: import("@codecademy/variance
|
|
2466
|
+
mr?: import("@codecademy/variance").Scale<{
|
|
2463
2467
|
readonly property: {
|
|
2464
2468
|
readonly physical: "marginRight";
|
|
2465
2469
|
readonly logical: "marginInlineEnd";
|
|
@@ -2467,7 +2471,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2467
2471
|
readonly scale: "spacing";
|
|
2468
2472
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2469
2473
|
}>;
|
|
2470
|
-
ml?: import("@codecademy/variance
|
|
2474
|
+
ml?: import("@codecademy/variance").Scale<{
|
|
2471
2475
|
readonly property: {
|
|
2472
2476
|
readonly physical: "marginLeft";
|
|
2473
2477
|
readonly logical: "marginInlineStart";
|
|
@@ -2475,7 +2479,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2475
2479
|
readonly scale: "spacing";
|
|
2476
2480
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2477
2481
|
}>;
|
|
2478
|
-
borderX?: import("@codecademy/variance
|
|
2482
|
+
borderX?: import("@codecademy/variance").Scale<{
|
|
2479
2483
|
readonly property: "border";
|
|
2480
2484
|
readonly properties: {
|
|
2481
2485
|
readonly physical: readonly ["borderLeft", "borderRight"];
|
|
@@ -2484,7 +2488,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2484
2488
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2485
2489
|
readonly scale: "borders";
|
|
2486
2490
|
}>;
|
|
2487
|
-
borderY?: import("@codecademy/variance
|
|
2491
|
+
borderY?: import("@codecademy/variance").Scale<{
|
|
2488
2492
|
readonly property: "border";
|
|
2489
2493
|
readonly properties: {
|
|
2490
2494
|
readonly physical: readonly ["borderTop", "borderBottom"];
|
|
@@ -2493,7 +2497,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2493
2497
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2494
2498
|
readonly scale: "borders";
|
|
2495
2499
|
}>;
|
|
2496
|
-
borderWidthX?: import("@codecademy/variance
|
|
2500
|
+
borderWidthX?: import("@codecademy/variance").Scale<{
|
|
2497
2501
|
readonly property: "borderWidth";
|
|
2498
2502
|
readonly properties: {
|
|
2499
2503
|
readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
|
|
@@ -2501,7 +2505,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2501
2505
|
};
|
|
2502
2506
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2503
2507
|
}>;
|
|
2504
|
-
borderWidthY?: import("@codecademy/variance
|
|
2508
|
+
borderWidthY?: import("@codecademy/variance").Scale<{
|
|
2505
2509
|
readonly property: "borderWidth";
|
|
2506
2510
|
readonly properties: {
|
|
2507
2511
|
readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
|
|
@@ -2509,35 +2513,35 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2509
2513
|
};
|
|
2510
2514
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2511
2515
|
}>;
|
|
2512
|
-
borderWidthLeft?: import("@codecademy/variance
|
|
2516
|
+
borderWidthLeft?: import("@codecademy/variance").Scale<{
|
|
2513
2517
|
readonly property: {
|
|
2514
2518
|
readonly physical: "borderLeftWidth";
|
|
2515
2519
|
readonly logical: "borderInlineStartWidth";
|
|
2516
2520
|
};
|
|
2517
2521
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2518
2522
|
}>;
|
|
2519
|
-
borderWidthRight?: import("@codecademy/variance
|
|
2523
|
+
borderWidthRight?: import("@codecademy/variance").Scale<{
|
|
2520
2524
|
readonly property: {
|
|
2521
2525
|
readonly physical: "borderRightWidth";
|
|
2522
2526
|
readonly logical: "borderInlineEndWidth";
|
|
2523
2527
|
};
|
|
2524
2528
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2525
2529
|
}>;
|
|
2526
|
-
borderWidthTop?: import("@codecademy/variance
|
|
2530
|
+
borderWidthTop?: import("@codecademy/variance").Scale<{
|
|
2527
2531
|
readonly property: {
|
|
2528
2532
|
readonly physical: "borderTopWidth";
|
|
2529
2533
|
readonly logical: "borderBlockStartWidth";
|
|
2530
2534
|
};
|
|
2531
2535
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2532
2536
|
}>;
|
|
2533
|
-
borderWidthBottom?: import("@codecademy/variance
|
|
2537
|
+
borderWidthBottom?: import("@codecademy/variance").Scale<{
|
|
2534
2538
|
readonly property: {
|
|
2535
2539
|
readonly physical: "borderBottomWidth";
|
|
2536
2540
|
readonly logical: "borderBlockEndWidth";
|
|
2537
2541
|
};
|
|
2538
2542
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2539
2543
|
}>;
|
|
2540
|
-
borderRadiusLeft?: import("@codecademy/variance
|
|
2544
|
+
borderRadiusLeft?: import("@codecademy/variance").Scale<{
|
|
2541
2545
|
readonly property: "borderRadius";
|
|
2542
2546
|
readonly properties: {
|
|
2543
2547
|
readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
|
|
@@ -2546,7 +2550,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2546
2550
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2547
2551
|
readonly scale: "borderRadii";
|
|
2548
2552
|
}>;
|
|
2549
|
-
borderRadiusTop?: import("@codecademy/variance
|
|
2553
|
+
borderRadiusTop?: import("@codecademy/variance").Scale<{
|
|
2550
2554
|
readonly property: "borderRadius";
|
|
2551
2555
|
readonly properties: {
|
|
2552
2556
|
readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
|
|
@@ -2555,7 +2559,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2555
2559
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2556
2560
|
readonly scale: "borderRadii";
|
|
2557
2561
|
}>;
|
|
2558
|
-
borderRadiusBottom?: import("@codecademy/variance
|
|
2562
|
+
borderRadiusBottom?: import("@codecademy/variance").Scale<{
|
|
2559
2563
|
readonly property: "borderRadius";
|
|
2560
2564
|
readonly properties: {
|
|
2561
2565
|
readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
|
|
@@ -2564,7 +2568,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2564
2568
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2565
2569
|
readonly scale: "borderRadii";
|
|
2566
2570
|
}>;
|
|
2567
|
-
borderRadiusRight?: import("@codecademy/variance
|
|
2571
|
+
borderRadiusRight?: import("@codecademy/variance").Scale<{
|
|
2568
2572
|
readonly property: "borderRadius";
|
|
2569
2573
|
readonly properties: {
|
|
2570
2574
|
readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
|
|
@@ -2573,7 +2577,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2573
2577
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2574
2578
|
readonly scale: "borderRadii";
|
|
2575
2579
|
}>;
|
|
2576
|
-
borderRadiusTopLeft?: import("@codecademy/variance
|
|
2580
|
+
borderRadiusTopLeft?: import("@codecademy/variance").Scale<{
|
|
2577
2581
|
readonly property: {
|
|
2578
2582
|
readonly physical: "borderTopLeftRadius";
|
|
2579
2583
|
readonly logical: "borderStartStartRadius";
|
|
@@ -2581,7 +2585,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2581
2585
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2582
2586
|
readonly scale: "borderRadii";
|
|
2583
2587
|
}>;
|
|
2584
|
-
borderRadiusTopRight?: import("@codecademy/variance
|
|
2588
|
+
borderRadiusTopRight?: import("@codecademy/variance").Scale<{
|
|
2585
2589
|
readonly property: {
|
|
2586
2590
|
readonly physical: "borderTopRightRadius";
|
|
2587
2591
|
readonly logical: "borderStartEndRadius";
|
|
@@ -2589,7 +2593,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2589
2593
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2590
2594
|
readonly scale: "borderRadii";
|
|
2591
2595
|
}>;
|
|
2592
|
-
borderRadiusBottomRight?: import("@codecademy/variance
|
|
2596
|
+
borderRadiusBottomRight?: import("@codecademy/variance").Scale<{
|
|
2593
2597
|
readonly property: {
|
|
2594
2598
|
readonly physical: "borderBottomRightRadius";
|
|
2595
2599
|
readonly logical: "borderEndEndRadius";
|
|
@@ -2597,7 +2601,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2597
2601
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2598
2602
|
readonly scale: "borderRadii";
|
|
2599
2603
|
}>;
|
|
2600
|
-
borderRadiusBottomLeft?: import("@codecademy/variance
|
|
2604
|
+
borderRadiusBottomLeft?: import("@codecademy/variance").Scale<{
|
|
2601
2605
|
readonly property: {
|
|
2602
2606
|
readonly physical: "borderBottomLeftRadius";
|
|
2603
2607
|
readonly logical: "borderEndStartRadius";
|
|
@@ -2605,7 +2609,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2605
2609
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2606
2610
|
readonly scale: "borderRadii";
|
|
2607
2611
|
}>;
|
|
2608
|
-
borderStyleX?: import("@codecademy/variance
|
|
2612
|
+
borderStyleX?: import("@codecademy/variance").Scale<{
|
|
2609
2613
|
readonly property: "borderStyle";
|
|
2610
2614
|
readonly properties: {
|
|
2611
2615
|
readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
|
|
@@ -2613,7 +2617,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2613
2617
|
};
|
|
2614
2618
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2615
2619
|
}>;
|
|
2616
|
-
borderStyleY?: import("@codecademy/variance
|
|
2620
|
+
borderStyleY?: import("@codecademy/variance").Scale<{
|
|
2617
2621
|
readonly property: "borderStyle";
|
|
2618
2622
|
readonly properties: {
|
|
2619
2623
|
readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
|
|
@@ -2621,35 +2625,35 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2621
2625
|
};
|
|
2622
2626
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2623
2627
|
}>;
|
|
2624
|
-
borderStyleLeft?: import("@codecademy/variance
|
|
2628
|
+
borderStyleLeft?: import("@codecademy/variance").Scale<{
|
|
2625
2629
|
readonly property: {
|
|
2626
2630
|
readonly physical: "borderLeftStyle";
|
|
2627
2631
|
readonly logical: "borderInlineStartStyle";
|
|
2628
2632
|
};
|
|
2629
2633
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2630
2634
|
}>;
|
|
2631
|
-
borderStyleRight?: import("@codecademy/variance
|
|
2635
|
+
borderStyleRight?: import("@codecademy/variance").Scale<{
|
|
2632
2636
|
readonly property: {
|
|
2633
2637
|
readonly physical: "borderRightStyle";
|
|
2634
2638
|
readonly logical: "borderInlineEndStyle";
|
|
2635
2639
|
};
|
|
2636
2640
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2637
2641
|
}>;
|
|
2638
|
-
borderStyleTop?: import("@codecademy/variance
|
|
2642
|
+
borderStyleTop?: import("@codecademy/variance").Scale<{
|
|
2639
2643
|
readonly property: {
|
|
2640
2644
|
readonly physical: "borderTopStyle";
|
|
2641
2645
|
readonly logical: "borderBlockStartStyle";
|
|
2642
2646
|
};
|
|
2643
2647
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2644
2648
|
}>;
|
|
2645
|
-
borderStyleBottom?: import("@codecademy/variance
|
|
2649
|
+
borderStyleBottom?: import("@codecademy/variance").Scale<{
|
|
2646
2650
|
readonly property: {
|
|
2647
2651
|
readonly physical: "borderBottomStyle";
|
|
2648
2652
|
readonly logical: "borderBlockEndStyle";
|
|
2649
2653
|
};
|
|
2650
2654
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2651
2655
|
}>;
|
|
2652
|
-
dimensions?: import("@codecademy/variance
|
|
2656
|
+
dimensions?: import("@codecademy/variance").Scale<{
|
|
2653
2657
|
readonly property: "width";
|
|
2654
2658
|
readonly properties: {
|
|
2655
2659
|
readonly physical: readonly ["width", "height"];
|
|
@@ -2658,12 +2662,12 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2658
2662
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2659
2663
|
readonly transform: (value: string | number) => string | 0;
|
|
2660
2664
|
}>;
|
|
2661
|
-
textColor?: import("@codecademy/variance
|
|
2665
|
+
textColor?: import("@codecademy/variance").Scale<{
|
|
2662
2666
|
readonly property: "color";
|
|
2663
2667
|
readonly scale: "colors";
|
|
2664
2668
|
}>;
|
|
2665
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;
|
|
2666
|
-
borderColorX?: import("@codecademy/variance
|
|
2670
|
+
borderColorX?: import("@codecademy/variance").Scale<{
|
|
2667
2671
|
readonly property: "borderColor";
|
|
2668
2672
|
readonly properties: {
|
|
2669
2673
|
readonly physical: readonly ["borderLeftColor", "borderRightColor"];
|
|
@@ -2672,7 +2676,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2672
2676
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2673
2677
|
readonly scale: "colors";
|
|
2674
2678
|
}>;
|
|
2675
|
-
borderColorY?: import("@codecademy/variance
|
|
2679
|
+
borderColorY?: import("@codecademy/variance").Scale<{
|
|
2676
2680
|
readonly property: "borderColor";
|
|
2677
2681
|
readonly properties: {
|
|
2678
2682
|
readonly physical: readonly ["borderTopColor", "borderBottomColor"];
|
|
@@ -2681,22 +2685,22 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2681
2685
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2682
2686
|
readonly scale: "colors";
|
|
2683
2687
|
}>;
|
|
2684
|
-
borderColorLeft?: import("@codecademy/variance
|
|
2688
|
+
borderColorLeft?: import("@codecademy/variance").Scale<{
|
|
2685
2689
|
readonly property: "borderLeftColor";
|
|
2686
2690
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2687
2691
|
readonly scale: "colors";
|
|
2688
2692
|
}>;
|
|
2689
|
-
borderColorRight?: import("@codecademy/variance
|
|
2693
|
+
borderColorRight?: import("@codecademy/variance").Scale<{
|
|
2690
2694
|
readonly property: "borderRightColor";
|
|
2691
2695
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2692
2696
|
readonly scale: "colors";
|
|
2693
2697
|
}>;
|
|
2694
|
-
borderColorTop?: import("@codecademy/variance
|
|
2698
|
+
borderColorTop?: import("@codecademy/variance").Scale<{
|
|
2695
2699
|
readonly property: "borderTopColor";
|
|
2696
2700
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2697
2701
|
readonly scale: "colors";
|
|
2698
2702
|
}>;
|
|
2699
|
-
borderColorBottom?: import("@codecademy/variance
|
|
2703
|
+
borderColorBottom?: import("@codecademy/variance").Scale<{
|
|
2700
2704
|
readonly property: "borderBottomColor";
|
|
2701
2705
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2702
2706
|
readonly scale: "colors";
|
|
@@ -2704,6 +2708,8 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2704
2708
|
theme?: import("@emotion/react").Theme | undefined;
|
|
2705
2709
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
2706
2710
|
variables?: import("@emotion/styled").CSSObject | undefined;
|
|
2707
|
-
} & import("framer-motion").MotionProps & {
|
|
2711
|
+
} & import("framer-motion").MotionProps, "children"> & {
|
|
2712
|
+
children?: import("react").ReactNode | import("motion-dom").MotionValue<number> | import("motion-dom").MotionValue<string>;
|
|
2713
|
+
} & {
|
|
2708
2714
|
theme?: import("@emotion/react").Theme;
|
|
2709
2715
|
} & CardWrapperProps, {}, {}>;
|