@codecademy/gamut 72.2.2-alpha.dfb0a2.0 → 72.2.2-alpha.f96392.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 +9 -19
- package/dist/Anchor/index.js +6 -9
- package/dist/BarChart/BarRow/elements.d.ts +154 -156
- package/dist/BarChart/utils/hooks.d.ts +2 -2
- package/dist/BarChart/utils/hooks.js +1 -3
- package/dist/Box/GridBox.d.ts +0 -1
- 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 +4 -9
- package/dist/ButtonBase/ButtonBase.js +4 -11
- package/dist/ButtonBase/index.d.ts +1 -1
- package/dist/ButtonBase/index.js +1 -1
- package/dist/Card/elements.d.ts +430 -436
- 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 +7 -5
- package/dist/ConnectedForm/ConnectedInputs/ConnectedCheckbox.js +3 -1
- package/dist/ConnectedForm/utils.d.ts +1 -1
- package/dist/ConnectedForm/utils.js +1 -1
- package/dist/DataList/Tables/Rows/TableRow.js +5 -1
- package/dist/DatePicker/DatePickerInput/index.d.ts +1 -1
- package/dist/Disclosure/elements.d.ts +18 -24
- 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 +1 -2
- package/dist/Form/elements/Form.d.ts +93 -93
- package/dist/Form/elements/FormGroup.d.ts +1 -1
- package/dist/Form/index.d.ts +0 -2
- package/dist/Form/index.js +1 -2
- 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 +3 -2
- package/dist/List/elements.d.ts +151 -153
- package/dist/Markdown/index.d.ts +1 -1
- package/dist/Markdown/index.js +1 -1
- package/dist/Menu/MenuItem.js +8 -11
- package/dist/Menu/MenuSeparator.js +2 -2
- package/dist/Menu/elements.d.ts +2 -2
- package/dist/Menu/index.d.ts +0 -1
- package/dist/Menu/index.js +1 -2
- package/dist/Modals/Dialog.js +2 -6
- package/dist/Modals/Modal.js +2 -5
- package/dist/Modals/elements.d.ts +35 -35
- package/dist/Pagination/AnimatedPaginationButtons.d.ts +108 -110
- package/dist/Pagination/EllipsisButton.d.ts +4 -4
- package/dist/Pagination/PaginationButton.d.ts +6 -6
- package/dist/Pagination/utils.d.ts +108 -110
- package/dist/Pagination/utils.js +11 -14
- package/dist/PatternBackdrop/PatternBackdrop.d.ts +34 -34
- package/dist/Popover/Popover.js +6 -6
- package/dist/Popover/types.d.ts +3 -4
- package/dist/PopoverContainer/PopoverContainer.js +9 -9
- package/dist/PopoverContainer/hooks.d.ts +4 -16
- package/dist/PopoverContainer/hooks.js +27 -50
- package/dist/PopoverContainer/types.d.ts +1 -2
- 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 +10 -16
- package/dist/Tag/index.js +1 -1
- package/dist/Tip/InfoTip/InfoTipButton.d.ts +4 -4
- package/dist/Tip/PreviewTip/elements.d.ts +6 -12
- 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 +1 -2
- package/dist/Typography/Text.js +2 -3
- package/dist/Video/lib/VidstackPlayer.d.ts +1 -1
- package/dist/Video/lib/VidstackPlayer.js +12 -5
- package/dist/Video/styles.d.ts +1 -0
- package/dist/Video/styles.js +10 -0
- package/dist/Video/vidstack-vendor.css +3 -0
- package/dist/utils/react.js +2 -4
- package/package.json +12 -19
- package/dist/Video/styles/vds_base_theme.scss +0 -101
- package/dist/utils/nullish.d.ts +0 -10
- package/dist/utils/nullish.js +0 -11
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").Scale<{
|
|
2
|
+
export declare const MotionBox: import("react").ComponentType<{
|
|
3
|
+
color?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
4
4
|
readonly property: "color";
|
|
5
5
|
readonly scale: "colors";
|
|
6
6
|
}>;
|
|
7
|
-
fontSize?: import("@codecademy/variance").Scale<{
|
|
7
|
+
fontSize?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
8
8
|
readonly property: "fontSize";
|
|
9
9
|
readonly scale: "fontSize";
|
|
10
10
|
}>;
|
|
11
|
-
fontFamily?: import("@codecademy/variance").Scale<{
|
|
11
|
+
fontFamily?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
12
12
|
readonly property: "fontFamily";
|
|
13
13
|
readonly scale: "fontFamily";
|
|
14
14
|
}>;
|
|
15
|
-
lineHeight?: import("@codecademy/variance").Scale<{
|
|
15
|
+
lineHeight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
16
16
|
readonly property: "lineHeight";
|
|
17
17
|
readonly scale: "lineHeight";
|
|
18
18
|
}>;
|
|
19
|
-
fontWeight?: import("@codecademy/variance").Scale<{
|
|
19
|
+
fontWeight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
20
20
|
readonly property: "fontWeight";
|
|
21
21
|
readonly scale: "fontWeight";
|
|
22
22
|
}>;
|
|
23
|
-
background?: import("@codecademy/variance").Scale<{
|
|
23
|
+
background?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
24
24
|
readonly property: "background";
|
|
25
25
|
}>;
|
|
26
|
-
border?: import("@codecademy/variance").Scale<{
|
|
26
|
+
border?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
27
27
|
readonly property: "border";
|
|
28
28
|
readonly scale: "borders";
|
|
29
29
|
}>;
|
|
30
|
-
p?: import("@codecademy/variance").Scale<{
|
|
30
|
+
p?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
31
31
|
readonly property: "padding";
|
|
32
32
|
readonly scale: "spacing";
|
|
33
33
|
}>;
|
|
@@ -35,7 +35,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
35
35
|
title?: string | undefined;
|
|
36
36
|
dir?: string | undefined;
|
|
37
37
|
className?: string | undefined;
|
|
38
|
-
height?: import("@codecademy/variance").Scale<{
|
|
38
|
+
height?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
39
39
|
readonly property: {
|
|
40
40
|
readonly physical: "height";
|
|
41
41
|
readonly logical: "blockSize";
|
|
@@ -43,7 +43,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
43
43
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
44
44
|
readonly transform: (value: string | number) => string | 0;
|
|
45
45
|
}>;
|
|
46
|
-
width?: import("@codecademy/variance").Scale<{
|
|
46
|
+
width?: import("@codecademy/variance/dist/types/config").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<Omit<{
|
|
|
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 | "false" | "true") | 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<Omit<{
|
|
|
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 | "false" | "true") | "plaintext-only" | undefined;
|
|
65
65
|
contextMenu?: string | undefined;
|
|
66
|
-
draggable?: (boolean | "
|
|
67
|
-
enterKeyHint?: "search" | "
|
|
66
|
+
draggable?: (boolean | "false" | "true") | undefined;
|
|
67
|
+
enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "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 | "false" | "true") | undefined;
|
|
73
73
|
tabIndex?: number | undefined;
|
|
74
|
-
translate?: "
|
|
74
|
+
translate?: "no" | "yes" | 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<Omit<{
|
|
|
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 | "false" | "true") | undefined;
|
|
104
|
+
"aria-autocomplete"?: "none" | "inline" | "both" | "list" | 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 | "false" | "true") | undefined;
|
|
108
|
+
"aria-checked"?: boolean | "mixed" | "false" | "true" | 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" | "false" | "true" | "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 | "false" | "true") | 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 | "false" | "true") | 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 | "false" | "true") | undefined;
|
|
124
|
+
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
|
|
125
|
+
"aria-invalid"?: boolean | "false" | "true" | "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 | "false" | "true") | undefined;
|
|
132
|
+
"aria-multiline"?: (boolean | "false" | "true") | undefined;
|
|
133
|
+
"aria-multiselectable"?: (boolean | "false" | "true") | 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 | "mixed" | "false" | "true" | undefined;
|
|
139
|
+
"aria-readonly"?: (boolean | "false" | "true") | 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 | "false" | "true") | 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 | "false" | "true") | 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<Omit<{
|
|
|
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").Scale<{
|
|
311
|
+
alignContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "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" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "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" | "auto" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "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/dist/types/config").Scale<{
|
|
315
315
|
readonly property: "backgroundImage";
|
|
316
316
|
}>;
|
|
317
|
-
backgroundRepeat?: import("@codecademy/variance").Scale<{
|
|
317
|
+
backgroundRepeat?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
318
318
|
readonly property: "backgroundRepeat";
|
|
319
319
|
}>;
|
|
320
|
-
backgroundSize?: import("@codecademy/variance").Scale<{
|
|
320
|
+
backgroundSize?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
321
321
|
readonly property: "backgroundSize";
|
|
322
322
|
}>;
|
|
323
|
-
bottom?: import("@codecademy/variance").Scale<{
|
|
323
|
+
bottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
324
324
|
readonly property: {
|
|
325
325
|
readonly physical: "bottom";
|
|
326
326
|
readonly logical: "insetBlockEnd";
|
|
@@ -328,60 +328,60 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
328
328
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
329
329
|
readonly transform: (value: string | number) => string | 0;
|
|
330
330
|
}>;
|
|
331
|
-
boxShadow?: import("@codecademy/variance").Scale<{
|
|
331
|
+
boxShadow?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
332
332
|
readonly property: "boxShadow";
|
|
333
333
|
}>;
|
|
334
|
-
columnGap?: import("@codecademy/variance").Scale<{
|
|
334
|
+
columnGap?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
335
335
|
readonly property: "columnGap";
|
|
336
336
|
readonly scale: "spacing";
|
|
337
337
|
}>;
|
|
338
|
-
containerType?: import("@codecademy/variance").Scale<{
|
|
338
|
+
containerType?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
339
339
|
readonly property: "containerType";
|
|
340
340
|
}>;
|
|
341
|
-
direction?: import("@codecademy/variance").Scale<{
|
|
341
|
+
direction?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
342
342
|
readonly property: "direction";
|
|
343
343
|
}>;
|
|
344
|
-
display?: import("@codecademy/variance").Scale<{
|
|
344
|
+
display?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
345
345
|
readonly property: "display";
|
|
346
346
|
}>;
|
|
347
|
-
flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
348
|
-
flexDirection?: import("@codecademy/variance").Scale<{
|
|
347
|
+
flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "auto" | "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/dist/types/config").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").Scale<{
|
|
353
|
+
flexWrap?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
354
354
|
readonly property: "flexWrap";
|
|
355
355
|
}>;
|
|
356
|
-
fontStyle?: import("@codecademy/variance").Scale<{
|
|
356
|
+
fontStyle?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
357
357
|
readonly property: "fontStyle";
|
|
358
358
|
}>;
|
|
359
|
-
gridAutoColumns?: import("@codecademy/variance").Scale<{
|
|
359
|
+
gridAutoColumns?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
360
360
|
readonly property: "gridAutoColumns";
|
|
361
361
|
}>;
|
|
362
|
-
gridAutoFlow?: import("@codecademy/variance").Scale<{
|
|
362
|
+
gridAutoFlow?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
363
363
|
readonly property: "gridAutoFlow";
|
|
364
364
|
}>;
|
|
365
|
-
gridAutoRows?: import("@codecademy/variance").Scale<{
|
|
365
|
+
gridAutoRows?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
366
366
|
readonly property: "gridAutoRows";
|
|
367
367
|
}>;
|
|
368
|
-
gridColumnEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
369
|
-
gridColumnStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
370
|
-
gridRowEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
371
|
-
gridRowStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
372
|
-
gridTemplateAreas?: import("@codecademy/variance").Scale<{
|
|
368
|
+
gridColumnEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((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" | (number & {}) | "auto" | ((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" | (number & {}) | "auto" | ((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" | (number & {}) | "auto" | ((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/dist/types/config").Scale<{
|
|
373
373
|
readonly property: "gridTemplateAreas";
|
|
374
374
|
}>;
|
|
375
|
-
gridTemplateColumns?: import("@codecademy/variance").Scale<{
|
|
375
|
+
gridTemplateColumns?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
376
376
|
readonly property: "gridTemplateColumns";
|
|
377
377
|
}>;
|
|
378
|
-
gridTemplateRows?: import("@codecademy/variance").Scale<{
|
|
378
|
+
gridTemplateRows?: import("@codecademy/variance/dist/types/config").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").Scale<{
|
|
381
|
+
justifyContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "start" | "flex-end" | "flex-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" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "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" | "auto" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "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/dist/types/config").Scale<{
|
|
385
385
|
readonly property: {
|
|
386
386
|
readonly physical: "left";
|
|
387
387
|
readonly logical: "insetInlineStart";
|
|
@@ -389,19 +389,19 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
389
389
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
390
390
|
readonly transform: (value: string | number) => string | 0;
|
|
391
391
|
}>;
|
|
392
|
-
letterSpacing?: import("@codecademy/variance").Scale<{
|
|
392
|
+
letterSpacing?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
393
393
|
readonly property: "letterSpacing";
|
|
394
394
|
}>;
|
|
395
|
-
listStyleImage?: import("@codecademy/variance").Scale<{
|
|
395
|
+
listStyleImage?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
396
396
|
readonly property: "listStyleImage";
|
|
397
397
|
}>;
|
|
398
|
-
listStylePosition?: import("@codecademy/variance").Scale<{
|
|
398
|
+
listStylePosition?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
399
399
|
readonly property: "listStylePosition";
|
|
400
400
|
}>;
|
|
401
|
-
listStyleType?: import("@codecademy/variance").Scale<{
|
|
401
|
+
listStyleType?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
402
402
|
readonly property: "listStyleType";
|
|
403
403
|
}>;
|
|
404
|
-
maxHeight?: import("@codecademy/variance").Scale<{
|
|
404
|
+
maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
405
405
|
readonly property: {
|
|
406
406
|
readonly physical: "maxHeight";
|
|
407
407
|
readonly logical: "maxBlockSize";
|
|
@@ -409,7 +409,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
409
409
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
410
410
|
readonly transform: (value: string | number) => string | 0;
|
|
411
411
|
}>;
|
|
412
|
-
maxWidth?: import("@codecademy/variance").Scale<{
|
|
412
|
+
maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
413
413
|
readonly property: {
|
|
414
414
|
readonly physical: "maxWidth";
|
|
415
415
|
readonly logical: "maxInlineSize";
|
|
@@ -417,7 +417,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
417
417
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
418
418
|
readonly transform: (value: string | number) => string | 0;
|
|
419
419
|
}>;
|
|
420
|
-
minHeight?: import("@codecademy/variance").Scale<{
|
|
420
|
+
minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
421
421
|
readonly property: {
|
|
422
422
|
readonly physical: "minHeight";
|
|
423
423
|
readonly logical: "minBlockSize";
|
|
@@ -425,7 +425,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
425
425
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
426
426
|
readonly transform: (value: string | number) => string | 0;
|
|
427
427
|
}>;
|
|
428
|
-
minWidth?: import("@codecademy/variance").Scale<{
|
|
428
|
+
minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
429
429
|
readonly property: {
|
|
430
430
|
readonly physical: "minWidth";
|
|
431
431
|
readonly logical: "minInlineSize";
|
|
@@ -433,28 +433,28 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
433
433
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
434
434
|
readonly transform: (value: string | number) => string | 0;
|
|
435
435
|
}>;
|
|
436
|
-
opacity?: import("@codecademy/variance").Scale<{
|
|
436
|
+
opacity?: import("@codecademy/variance/dist/types/config").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").Scale<{
|
|
440
|
+
overflowX?: import("@codecademy/variance/dist/types/config").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").Scale<{
|
|
447
|
+
overflowY?: import("@codecademy/variance/dist/types/config").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").Scale<{
|
|
454
|
+
position?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
455
455
|
readonly property: "position";
|
|
456
456
|
}>;
|
|
457
|
-
right?: import("@codecademy/variance").Scale<{
|
|
457
|
+
right?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
458
458
|
readonly property: {
|
|
459
459
|
readonly physical: "right";
|
|
460
460
|
readonly logical: "insetInlineEnd";
|
|
@@ -462,20 +462,20 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
462
462
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
463
463
|
readonly transform: (value: string | number) => string | 0;
|
|
464
464
|
}>;
|
|
465
|
-
rowGap?: import("@codecademy/variance").Scale<{
|
|
465
|
+
rowGap?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
466
466
|
readonly property: "rowGap";
|
|
467
467
|
readonly scale: "spacing";
|
|
468
468
|
}>;
|
|
469
|
-
textAlign?: import("@codecademy/variance").Scale<{
|
|
469
|
+
textAlign?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
470
470
|
readonly property: "textAlign";
|
|
471
471
|
}>;
|
|
472
|
-
textShadow?: import("@codecademy/variance").Scale<{
|
|
472
|
+
textShadow?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
473
473
|
readonly property: "textShadow";
|
|
474
474
|
}>;
|
|
475
|
-
textTransform?: import("@codecademy/variance").Scale<{
|
|
475
|
+
textTransform?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
476
476
|
readonly property: "textTransform";
|
|
477
477
|
}>;
|
|
478
|
-
top?: import("@codecademy/variance").Scale<{
|
|
478
|
+
top?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
479
479
|
readonly property: {
|
|
480
480
|
readonly physical: "top";
|
|
481
481
|
readonly logical: "insetBlockStart";
|
|
@@ -483,19 +483,19 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
483
483
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
484
484
|
readonly transform: (value: string | number) => string | 0;
|
|
485
485
|
}>;
|
|
486
|
-
verticalAlign?: import("@codecademy/variance").Scale<{
|
|
486
|
+
verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
487
487
|
readonly property: "verticalAlign";
|
|
488
488
|
}>;
|
|
489
|
-
whiteSpace?: import("@codecademy/variance").Scale<{
|
|
489
|
+
whiteSpace?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
490
490
|
readonly property: "whiteSpace";
|
|
491
491
|
}>;
|
|
492
|
-
zIndex?: import("@codecademy/variance").Scale<{
|
|
492
|
+
zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
493
493
|
readonly property: "zIndex";
|
|
494
494
|
}>;
|
|
495
|
-
backgroundPosition?: import("@codecademy/variance").Scale<{
|
|
495
|
+
backgroundPosition?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
496
496
|
readonly property: "backgroundPosition";
|
|
497
497
|
}>;
|
|
498
|
-
borderBottom?: import("@codecademy/variance").Scale<{
|
|
498
|
+
borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
499
499
|
readonly property: {
|
|
500
500
|
readonly physical: "borderBottom";
|
|
501
501
|
readonly logical: "borderBlockEnd";
|
|
@@ -503,11 +503,11 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
503
503
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
504
504
|
readonly scale: "borders";
|
|
505
505
|
}>;
|
|
506
|
-
borderColor?: import("@codecademy/variance").Scale<{
|
|
506
|
+
borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
507
507
|
readonly property: "borderColor";
|
|
508
508
|
readonly scale: "colors";
|
|
509
509
|
}>;
|
|
510
|
-
borderLeft?: import("@codecademy/variance").Scale<{
|
|
510
|
+
borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
511
511
|
readonly property: {
|
|
512
512
|
readonly physical: "borderLeft";
|
|
513
513
|
readonly logical: "borderInlineStart";
|
|
@@ -515,11 +515,11 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
515
515
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
516
516
|
readonly scale: "borders";
|
|
517
517
|
}>;
|
|
518
|
-
borderRadius?: import("@codecademy/variance").Scale<{
|
|
518
|
+
borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
519
519
|
readonly property: "borderRadius";
|
|
520
520
|
readonly scale: "borderRadii";
|
|
521
521
|
}>;
|
|
522
|
-
borderRight?: import("@codecademy/variance").Scale<{
|
|
522
|
+
borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
523
523
|
readonly property: {
|
|
524
524
|
readonly physical: "borderRight";
|
|
525
525
|
readonly logical: "borderInlineEnd";
|
|
@@ -527,10 +527,10 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
527
527
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
528
528
|
readonly scale: "borders";
|
|
529
529
|
}>;
|
|
530
|
-
borderStyle?: import("@codecademy/variance").Scale<{
|
|
530
|
+
borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
531
531
|
readonly property: "borderStyle";
|
|
532
532
|
}>;
|
|
533
|
-
borderTop?: import("@codecademy/variance").Scale<{
|
|
533
|
+
borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
534
534
|
readonly property: {
|
|
535
535
|
readonly physical: "borderTop";
|
|
536
536
|
readonly logical: "borderBlockStart";
|
|
@@ -538,20 +538,20 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
538
538
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
539
539
|
readonly scale: "borders";
|
|
540
540
|
}>;
|
|
541
|
-
borderWidth?: import("@codecademy/variance").Scale<{
|
|
541
|
+
borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
542
542
|
readonly property: "borderWidth";
|
|
543
543
|
}>;
|
|
544
|
-
flex?: import("@codecademy/variance").Scale<{
|
|
544
|
+
flex?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
545
545
|
readonly property: "flex";
|
|
546
546
|
}>;
|
|
547
|
-
gap?: import("@codecademy/variance").Scale<{
|
|
547
|
+
gap?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
548
548
|
readonly property: "gap";
|
|
549
549
|
readonly scale: "spacing";
|
|
550
550
|
}>;
|
|
551
|
-
gridArea?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
552
|
-
gridColumn?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
553
|
-
gridRow?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
554
|
-
inset?: import("@codecademy/variance").Scale<{
|
|
551
|
+
gridArea?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((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" | (number & {}) | "auto" | ((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" | (number & {}) | "auto" | ((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/dist/types/config").Scale<{
|
|
555
555
|
readonly property: "inset";
|
|
556
556
|
readonly properties: {
|
|
557
557
|
readonly physical: readonly ["top", "right", "bottom", "left"];
|
|
@@ -560,16 +560,16 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
560
560
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
561
561
|
readonly transform: (value: string | number) => string | 0;
|
|
562
562
|
}>;
|
|
563
|
-
listStyle?: import("@codecademy/variance").Scale<{
|
|
563
|
+
listStyle?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
564
564
|
readonly property: "listStyle";
|
|
565
565
|
}>;
|
|
566
|
-
overflow?: import("@codecademy/variance").Scale<{
|
|
566
|
+
overflow?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
567
567
|
readonly property: "overflow";
|
|
568
568
|
}>;
|
|
569
|
-
textDecoration?: import("@codecademy/variance").Scale<{
|
|
569
|
+
textDecoration?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
570
570
|
readonly property: "textDecoration";
|
|
571
571
|
}>;
|
|
572
|
-
px?: import("@codecademy/variance").Scale<{
|
|
572
|
+
px?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
573
573
|
readonly property: "padding";
|
|
574
574
|
readonly properties: {
|
|
575
575
|
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
@@ -578,7 +578,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
578
578
|
readonly scale: "spacing";
|
|
579
579
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
580
580
|
}>;
|
|
581
|
-
py?: import("@codecademy/variance").Scale<{
|
|
581
|
+
py?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
582
582
|
readonly property: "padding";
|
|
583
583
|
readonly properties: {
|
|
584
584
|
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
@@ -587,7 +587,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
587
587
|
readonly scale: "spacing";
|
|
588
588
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
589
589
|
}>;
|
|
590
|
-
pt?: import("@codecademy/variance").Scale<{
|
|
590
|
+
pt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
591
591
|
readonly property: {
|
|
592
592
|
readonly physical: "paddingTop";
|
|
593
593
|
readonly logical: "paddingBlockStart";
|
|
@@ -595,7 +595,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
595
595
|
readonly scale: "spacing";
|
|
596
596
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
597
597
|
}>;
|
|
598
|
-
pb?: import("@codecademy/variance").Scale<{
|
|
598
|
+
pb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
599
599
|
readonly property: {
|
|
600
600
|
readonly physical: "paddingBottom";
|
|
601
601
|
readonly logical: "paddingBlockEnd";
|
|
@@ -603,7 +603,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
603
603
|
readonly scale: "spacing";
|
|
604
604
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
605
605
|
}>;
|
|
606
|
-
pr?: import("@codecademy/variance").Scale<{
|
|
606
|
+
pr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
607
607
|
readonly property: {
|
|
608
608
|
readonly physical: "paddingRight";
|
|
609
609
|
readonly logical: "paddingInlineEnd";
|
|
@@ -611,7 +611,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
611
611
|
readonly scale: "spacing";
|
|
612
612
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
613
613
|
}>;
|
|
614
|
-
pl?: import("@codecademy/variance").Scale<{
|
|
614
|
+
pl?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
615
615
|
readonly property: {
|
|
616
616
|
readonly physical: "paddingLeft";
|
|
617
617
|
readonly logical: "paddingInlineStart";
|
|
@@ -619,11 +619,11 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
619
619
|
readonly scale: "spacing";
|
|
620
620
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
621
621
|
}>;
|
|
622
|
-
m?: import("@codecademy/variance").Scale<{
|
|
622
|
+
m?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
623
623
|
readonly property: "margin";
|
|
624
624
|
readonly scale: "spacing";
|
|
625
625
|
}>;
|
|
626
|
-
mx?: import("@codecademy/variance").Scale<{
|
|
626
|
+
mx?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
627
627
|
readonly property: "margin";
|
|
628
628
|
readonly properties: {
|
|
629
629
|
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
@@ -632,7 +632,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
632
632
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
633
633
|
readonly scale: "spacing";
|
|
634
634
|
}>;
|
|
635
|
-
my?: import("@codecademy/variance").Scale<{
|
|
635
|
+
my?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
636
636
|
readonly property: "margin";
|
|
637
637
|
readonly properties: {
|
|
638
638
|
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
@@ -641,7 +641,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
641
641
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
642
642
|
readonly scale: "spacing";
|
|
643
643
|
}>;
|
|
644
|
-
mt?: import("@codecademy/variance").Scale<{
|
|
644
|
+
mt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
645
645
|
readonly property: {
|
|
646
646
|
readonly physical: "marginTop";
|
|
647
647
|
readonly logical: "marginBlockStart";
|
|
@@ -649,7 +649,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
649
649
|
readonly scale: "spacing";
|
|
650
650
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
651
651
|
}>;
|
|
652
|
-
mb?: import("@codecademy/variance").Scale<{
|
|
652
|
+
mb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
653
653
|
readonly property: {
|
|
654
654
|
readonly physical: "marginBottom";
|
|
655
655
|
readonly logical: "marginBlockEnd";
|
|
@@ -657,7 +657,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
657
657
|
readonly scale: "spacing";
|
|
658
658
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
659
659
|
}>;
|
|
660
|
-
mr?: import("@codecademy/variance").Scale<{
|
|
660
|
+
mr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
661
661
|
readonly property: {
|
|
662
662
|
readonly physical: "marginRight";
|
|
663
663
|
readonly logical: "marginInlineEnd";
|
|
@@ -665,7 +665,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
665
665
|
readonly scale: "spacing";
|
|
666
666
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
667
667
|
}>;
|
|
668
|
-
ml?: import("@codecademy/variance").Scale<{
|
|
668
|
+
ml?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
669
669
|
readonly property: {
|
|
670
670
|
readonly physical: "marginLeft";
|
|
671
671
|
readonly logical: "marginInlineStart";
|
|
@@ -673,7 +673,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
673
673
|
readonly scale: "spacing";
|
|
674
674
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
675
675
|
}>;
|
|
676
|
-
borderX?: import("@codecademy/variance").Scale<{
|
|
676
|
+
borderX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
677
677
|
readonly property: "border";
|
|
678
678
|
readonly properties: {
|
|
679
679
|
readonly physical: readonly ["borderLeft", "borderRight"];
|
|
@@ -682,7 +682,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
682
682
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
683
683
|
readonly scale: "borders";
|
|
684
684
|
}>;
|
|
685
|
-
borderY?: import("@codecademy/variance").Scale<{
|
|
685
|
+
borderY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
686
686
|
readonly property: "border";
|
|
687
687
|
readonly properties: {
|
|
688
688
|
readonly physical: readonly ["borderTop", "borderBottom"];
|
|
@@ -691,7 +691,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
691
691
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
692
692
|
readonly scale: "borders";
|
|
693
693
|
}>;
|
|
694
|
-
borderWidthX?: import("@codecademy/variance").Scale<{
|
|
694
|
+
borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
695
695
|
readonly property: "borderWidth";
|
|
696
696
|
readonly properties: {
|
|
697
697
|
readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
|
|
@@ -699,7 +699,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
699
699
|
};
|
|
700
700
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
701
701
|
}>;
|
|
702
|
-
borderWidthY?: import("@codecademy/variance").Scale<{
|
|
702
|
+
borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
703
703
|
readonly property: "borderWidth";
|
|
704
704
|
readonly properties: {
|
|
705
705
|
readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
|
|
@@ -707,35 +707,35 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
707
707
|
};
|
|
708
708
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
709
709
|
}>;
|
|
710
|
-
borderWidthLeft?: import("@codecademy/variance").Scale<{
|
|
710
|
+
borderWidthLeft?: import("@codecademy/variance/dist/types/config").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").Scale<{
|
|
717
|
+
borderWidthRight?: import("@codecademy/variance/dist/types/config").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").Scale<{
|
|
724
|
+
borderWidthTop?: import("@codecademy/variance/dist/types/config").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").Scale<{
|
|
731
|
+
borderWidthBottom?: import("@codecademy/variance/dist/types/config").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").Scale<{
|
|
738
|
+
borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
739
739
|
readonly property: "borderRadius";
|
|
740
740
|
readonly properties: {
|
|
741
741
|
readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
|
|
@@ -744,7 +744,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
744
744
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
745
745
|
readonly scale: "borderRadii";
|
|
746
746
|
}>;
|
|
747
|
-
borderRadiusTop?: import("@codecademy/variance").Scale<{
|
|
747
|
+
borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
748
748
|
readonly property: "borderRadius";
|
|
749
749
|
readonly properties: {
|
|
750
750
|
readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
|
|
@@ -753,7 +753,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
753
753
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
754
754
|
readonly scale: "borderRadii";
|
|
755
755
|
}>;
|
|
756
|
-
borderRadiusBottom?: import("@codecademy/variance").Scale<{
|
|
756
|
+
borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
757
757
|
readonly property: "borderRadius";
|
|
758
758
|
readonly properties: {
|
|
759
759
|
readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
|
|
@@ -762,7 +762,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
762
762
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
763
763
|
readonly scale: "borderRadii";
|
|
764
764
|
}>;
|
|
765
|
-
borderRadiusRight?: import("@codecademy/variance").Scale<{
|
|
765
|
+
borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
766
766
|
readonly property: "borderRadius";
|
|
767
767
|
readonly properties: {
|
|
768
768
|
readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
|
|
@@ -771,7 +771,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
771
771
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
772
772
|
readonly scale: "borderRadii";
|
|
773
773
|
}>;
|
|
774
|
-
borderRadiusTopLeft?: import("@codecademy/variance").Scale<{
|
|
774
|
+
borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
775
775
|
readonly property: {
|
|
776
776
|
readonly physical: "borderTopLeftRadius";
|
|
777
777
|
readonly logical: "borderStartStartRadius";
|
|
@@ -779,7 +779,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
779
779
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
780
780
|
readonly scale: "borderRadii";
|
|
781
781
|
}>;
|
|
782
|
-
borderRadiusTopRight?: import("@codecademy/variance").Scale<{
|
|
782
|
+
borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
783
783
|
readonly property: {
|
|
784
784
|
readonly physical: "borderTopRightRadius";
|
|
785
785
|
readonly logical: "borderStartEndRadius";
|
|
@@ -787,7 +787,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
787
787
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
788
788
|
readonly scale: "borderRadii";
|
|
789
789
|
}>;
|
|
790
|
-
borderRadiusBottomRight?: import("@codecademy/variance").Scale<{
|
|
790
|
+
borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
791
791
|
readonly property: {
|
|
792
792
|
readonly physical: "borderBottomRightRadius";
|
|
793
793
|
readonly logical: "borderEndEndRadius";
|
|
@@ -795,7 +795,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
795
795
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
796
796
|
readonly scale: "borderRadii";
|
|
797
797
|
}>;
|
|
798
|
-
borderRadiusBottomLeft?: import("@codecademy/variance").Scale<{
|
|
798
|
+
borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
799
799
|
readonly property: {
|
|
800
800
|
readonly physical: "borderBottomLeftRadius";
|
|
801
801
|
readonly logical: "borderEndStartRadius";
|
|
@@ -803,7 +803,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
803
803
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
804
804
|
readonly scale: "borderRadii";
|
|
805
805
|
}>;
|
|
806
|
-
borderStyleX?: import("@codecademy/variance").Scale<{
|
|
806
|
+
borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
807
807
|
readonly property: "borderStyle";
|
|
808
808
|
readonly properties: {
|
|
809
809
|
readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
|
|
@@ -811,7 +811,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
811
811
|
};
|
|
812
812
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
813
813
|
}>;
|
|
814
|
-
borderStyleY?: import("@codecademy/variance").Scale<{
|
|
814
|
+
borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
815
815
|
readonly property: "borderStyle";
|
|
816
816
|
readonly properties: {
|
|
817
817
|
readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
|
|
@@ -819,35 +819,35 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
819
819
|
};
|
|
820
820
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
821
821
|
}>;
|
|
822
|
-
borderStyleLeft?: import("@codecademy/variance").Scale<{
|
|
822
|
+
borderStyleLeft?: import("@codecademy/variance/dist/types/config").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").Scale<{
|
|
829
|
+
borderStyleRight?: import("@codecademy/variance/dist/types/config").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").Scale<{
|
|
836
|
+
borderStyleTop?: import("@codecademy/variance/dist/types/config").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").Scale<{
|
|
843
|
+
borderStyleBottom?: import("@codecademy/variance/dist/types/config").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").Scale<{
|
|
850
|
+
dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
851
851
|
readonly property: "width";
|
|
852
852
|
readonly properties: {
|
|
853
853
|
readonly physical: readonly ["width", "height"];
|
|
@@ -856,15 +856,15 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
856
856
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
857
857
|
readonly transform: (value: string | number) => string | 0;
|
|
858
858
|
}>;
|
|
859
|
-
textColor?: import("@codecademy/variance").Scale<{
|
|
859
|
+
textColor?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
860
860
|
readonly property: "color";
|
|
861
861
|
readonly scale: "colors";
|
|
862
862
|
}>;
|
|
863
|
-
bg?: import("@codecademy/variance").Scale<{
|
|
863
|
+
bg?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
864
864
|
readonly property: "backgroundColor";
|
|
865
865
|
readonly scale: "colors";
|
|
866
866
|
}>;
|
|
867
|
-
borderColorX?: import("@codecademy/variance").Scale<{
|
|
867
|
+
borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
868
868
|
readonly property: "borderColor";
|
|
869
869
|
readonly properties: {
|
|
870
870
|
readonly physical: readonly ["borderLeftColor", "borderRightColor"];
|
|
@@ -873,7 +873,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
873
873
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
874
874
|
readonly scale: "colors";
|
|
875
875
|
}>;
|
|
876
|
-
borderColorY?: import("@codecademy/variance").Scale<{
|
|
876
|
+
borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
877
877
|
readonly property: "borderColor";
|
|
878
878
|
readonly properties: {
|
|
879
879
|
readonly physical: readonly ["borderTopColor", "borderBottomColor"];
|
|
@@ -882,22 +882,22 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
882
882
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
883
883
|
readonly scale: "colors";
|
|
884
884
|
}>;
|
|
885
|
-
borderColorLeft?: import("@codecademy/variance").Scale<{
|
|
885
|
+
borderColorLeft?: import("@codecademy/variance/dist/types/config").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").Scale<{
|
|
890
|
+
borderColorRight?: import("@codecademy/variance/dist/types/config").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").Scale<{
|
|
895
|
+
borderColorTop?: import("@codecademy/variance/dist/types/config").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").Scale<{
|
|
900
|
+
borderColorBottom?: import("@codecademy/variance/dist/types/config").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,38 +907,36 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
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
|
-
|
|
913
|
-
export declare const DynamicCardWrapper: import("@emotion/styled").StyledComponent<Omit<{
|
|
914
|
-
color?: import("@codecademy/variance").Scale<{
|
|
910
|
+
} & import("framer-motion").MotionProps>;
|
|
911
|
+
export declare const DynamicCardWrapper: import("@emotion/styled").StyledComponent<{
|
|
912
|
+
color?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
915
913
|
readonly property: "color";
|
|
916
914
|
readonly scale: "colors";
|
|
917
915
|
}>;
|
|
918
|
-
fontSize?: import("@codecademy/variance").Scale<{
|
|
916
|
+
fontSize?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
919
917
|
readonly property: "fontSize";
|
|
920
918
|
readonly scale: "fontSize";
|
|
921
919
|
}>;
|
|
922
|
-
fontFamily?: import("@codecademy/variance").Scale<{
|
|
920
|
+
fontFamily?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
923
921
|
readonly property: "fontFamily";
|
|
924
922
|
readonly scale: "fontFamily";
|
|
925
923
|
}>;
|
|
926
|
-
lineHeight?: import("@codecademy/variance").Scale<{
|
|
924
|
+
lineHeight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
927
925
|
readonly property: "lineHeight";
|
|
928
926
|
readonly scale: "lineHeight";
|
|
929
927
|
}>;
|
|
930
|
-
fontWeight?: import("@codecademy/variance").Scale<{
|
|
928
|
+
fontWeight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
931
929
|
readonly property: "fontWeight";
|
|
932
930
|
readonly scale: "fontWeight";
|
|
933
931
|
}>;
|
|
934
|
-
background?: import("@codecademy/variance").Scale<{
|
|
932
|
+
background?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
935
933
|
readonly property: "background";
|
|
936
934
|
}>;
|
|
937
|
-
border?: import("@codecademy/variance").Scale<{
|
|
935
|
+
border?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
938
936
|
readonly property: "border";
|
|
939
937
|
readonly scale: "borders";
|
|
940
938
|
}>;
|
|
941
|
-
p?: import("@codecademy/variance").Scale<{
|
|
939
|
+
p?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
942
940
|
readonly property: "padding";
|
|
943
941
|
readonly scale: "spacing";
|
|
944
942
|
}>;
|
|
@@ -946,7 +944,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
946
944
|
title?: string | undefined;
|
|
947
945
|
dir?: string | undefined;
|
|
948
946
|
className?: string | undefined;
|
|
949
|
-
height?: import("@codecademy/variance").Scale<{
|
|
947
|
+
height?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
950
948
|
readonly property: {
|
|
951
949
|
readonly physical: "height";
|
|
952
950
|
readonly logical: "blockSize";
|
|
@@ -954,7 +952,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
954
952
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
955
953
|
readonly transform: (value: string | number) => string | 0;
|
|
956
954
|
}>;
|
|
957
|
-
width?: import("@codecademy/variance").Scale<{
|
|
955
|
+
width?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
958
956
|
readonly property: {
|
|
959
957
|
readonly physical: "width";
|
|
960
958
|
readonly logical: "inlineSize";
|
|
@@ -962,7 +960,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
962
960
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
963
961
|
readonly transform: (value: string | number) => string | 0;
|
|
964
962
|
}>;
|
|
965
|
-
"aria-hidden"?: (boolean | "
|
|
963
|
+
"aria-hidden"?: (boolean | "false" | "true") | undefined;
|
|
966
964
|
ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
|
|
967
965
|
key?: import("react").Key | null | undefined;
|
|
968
966
|
defaultChecked?: boolean | undefined;
|
|
@@ -972,17 +970,17 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
972
970
|
accessKey?: string | undefined;
|
|
973
971
|
autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
|
|
974
972
|
autoFocus?: boolean | undefined;
|
|
975
|
-
contentEditable?: "inherit" | (boolean | "
|
|
973
|
+
contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
|
|
976
974
|
contextMenu?: string | undefined;
|
|
977
|
-
draggable?: (boolean | "
|
|
978
|
-
enterKeyHint?: "search" | "
|
|
975
|
+
draggable?: (boolean | "false" | "true") | undefined;
|
|
976
|
+
enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
|
|
979
977
|
hidden?: boolean | undefined;
|
|
980
978
|
id?: string | undefined;
|
|
981
979
|
lang?: string | undefined;
|
|
982
980
|
nonce?: string | undefined;
|
|
983
|
-
spellCheck?: (boolean | "
|
|
981
|
+
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
984
982
|
tabIndex?: number | undefined;
|
|
985
|
-
translate?: "
|
|
983
|
+
translate?: "no" | "yes" | undefined;
|
|
986
984
|
radioGroup?: string | undefined;
|
|
987
985
|
role?: import("react").AriaRole | undefined;
|
|
988
986
|
about?: string | undefined;
|
|
@@ -1011,51 +1009,51 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1011
1009
|
exportparts?: string | undefined;
|
|
1012
1010
|
part?: string | undefined;
|
|
1013
1011
|
"aria-activedescendant"?: string | undefined;
|
|
1014
|
-
"aria-atomic"?: (boolean | "
|
|
1015
|
-
"aria-autocomplete"?: "none" | "inline" | "
|
|
1012
|
+
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
1013
|
+
"aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
|
|
1016
1014
|
"aria-braillelabel"?: string | undefined;
|
|
1017
1015
|
"aria-brailleroledescription"?: string | undefined;
|
|
1018
|
-
"aria-busy"?: (boolean | "
|
|
1019
|
-
"aria-checked"?: boolean | "
|
|
1016
|
+
"aria-busy"?: (boolean | "false" | "true") | undefined;
|
|
1017
|
+
"aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
|
|
1020
1018
|
"aria-colcount"?: number | undefined;
|
|
1021
1019
|
"aria-colindex"?: number | undefined;
|
|
1022
1020
|
"aria-colindextext"?: string | undefined;
|
|
1023
1021
|
"aria-colspan"?: number | undefined;
|
|
1024
1022
|
"aria-controls"?: string | undefined;
|
|
1025
|
-
"aria-current"?: boolean | "time" | "page" | "
|
|
1023
|
+
"aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
|
|
1026
1024
|
"aria-describedby"?: string | undefined;
|
|
1027
1025
|
"aria-description"?: string | undefined;
|
|
1028
1026
|
"aria-details"?: string | undefined;
|
|
1029
|
-
"aria-disabled"?: (boolean | "
|
|
1027
|
+
"aria-disabled"?: (boolean | "false" | "true") | undefined;
|
|
1030
1028
|
"aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
|
1031
1029
|
"aria-errormessage"?: string | undefined;
|
|
1032
|
-
"aria-expanded"?: (boolean | "
|
|
1030
|
+
"aria-expanded"?: (boolean | "false" | "true") | undefined;
|
|
1033
1031
|
"aria-flowto"?: string | undefined;
|
|
1034
|
-
"aria-grabbed"?: (boolean | "
|
|
1035
|
-
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "
|
|
1036
|
-
"aria-invalid"?: boolean | "
|
|
1032
|
+
"aria-grabbed"?: (boolean | "false" | "true") | undefined;
|
|
1033
|
+
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
|
|
1034
|
+
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
1037
1035
|
"aria-keyshortcuts"?: string | undefined;
|
|
1038
1036
|
"aria-label"?: string | undefined;
|
|
1039
1037
|
"aria-labelledby"?: string | undefined;
|
|
1040
1038
|
"aria-level"?: number | undefined;
|
|
1041
1039
|
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
1042
|
-
"aria-modal"?: (boolean | "
|
|
1043
|
-
"aria-multiline"?: (boolean | "
|
|
1044
|
-
"aria-multiselectable"?: (boolean | "
|
|
1040
|
+
"aria-modal"?: (boolean | "false" | "true") | undefined;
|
|
1041
|
+
"aria-multiline"?: (boolean | "false" | "true") | undefined;
|
|
1042
|
+
"aria-multiselectable"?: (boolean | "false" | "true") | undefined;
|
|
1045
1043
|
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
1046
1044
|
"aria-owns"?: string | undefined;
|
|
1047
1045
|
"aria-placeholder"?: string | undefined;
|
|
1048
1046
|
"aria-posinset"?: number | undefined;
|
|
1049
|
-
"aria-pressed"?: boolean | "
|
|
1050
|
-
"aria-readonly"?: (boolean | "
|
|
1047
|
+
"aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
|
|
1048
|
+
"aria-readonly"?: (boolean | "false" | "true") | undefined;
|
|
1051
1049
|
"aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
1052
|
-
"aria-required"?: (boolean | "
|
|
1050
|
+
"aria-required"?: (boolean | "false" | "true") | undefined;
|
|
1053
1051
|
"aria-roledescription"?: string | undefined;
|
|
1054
1052
|
"aria-rowcount"?: number | undefined;
|
|
1055
1053
|
"aria-rowindex"?: number | undefined;
|
|
1056
1054
|
"aria-rowindextext"?: string | undefined;
|
|
1057
1055
|
"aria-rowspan"?: number | undefined;
|
|
1058
|
-
"aria-selected"?: (boolean | "
|
|
1056
|
+
"aria-selected"?: (boolean | "false" | "true") | undefined;
|
|
1059
1057
|
"aria-setsize"?: number | undefined;
|
|
1060
1058
|
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
1061
1059
|
"aria-valuemax"?: number | undefined;
|
|
@@ -1219,19 +1217,19 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1219
1217
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
1220
1218
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
1221
1219
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
1222
|
-
alignContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
1223
|
-
alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
1224
|
-
alignSelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
1225
|
-
backgroundImage?: import("@codecademy/variance").Scale<{
|
|
1220
|
+
alignContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "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;
|
|
1221
|
+
alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "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;
|
|
1222
|
+
alignSelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "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;
|
|
1223
|
+
backgroundImage?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1226
1224
|
readonly property: "backgroundImage";
|
|
1227
1225
|
}>;
|
|
1228
|
-
backgroundRepeat?: import("@codecademy/variance").Scale<{
|
|
1226
|
+
backgroundRepeat?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1229
1227
|
readonly property: "backgroundRepeat";
|
|
1230
1228
|
}>;
|
|
1231
|
-
backgroundSize?: import("@codecademy/variance").Scale<{
|
|
1229
|
+
backgroundSize?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1232
1230
|
readonly property: "backgroundSize";
|
|
1233
1231
|
}>;
|
|
1234
|
-
bottom?: import("@codecademy/variance").Scale<{
|
|
1232
|
+
bottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1235
1233
|
readonly property: {
|
|
1236
1234
|
readonly physical: "bottom";
|
|
1237
1235
|
readonly logical: "insetBlockEnd";
|
|
@@ -1239,60 +1237,60 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1239
1237
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1240
1238
|
readonly transform: (value: string | number) => string | 0;
|
|
1241
1239
|
}>;
|
|
1242
|
-
boxShadow?: import("@codecademy/variance").Scale<{
|
|
1240
|
+
boxShadow?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1243
1241
|
readonly property: "boxShadow";
|
|
1244
1242
|
}>;
|
|
1245
|
-
columnGap?: import("@codecademy/variance").Scale<{
|
|
1243
|
+
columnGap?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1246
1244
|
readonly property: "columnGap";
|
|
1247
1245
|
readonly scale: "spacing";
|
|
1248
1246
|
}>;
|
|
1249
|
-
containerType?: import("@codecademy/variance").Scale<{
|
|
1247
|
+
containerType?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1250
1248
|
readonly property: "containerType";
|
|
1251
1249
|
}>;
|
|
1252
|
-
direction?: import("@codecademy/variance").Scale<{
|
|
1250
|
+
direction?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1253
1251
|
readonly property: "direction";
|
|
1254
1252
|
}>;
|
|
1255
|
-
display?: import("@codecademy/variance").Scale<{
|
|
1253
|
+
display?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1256
1254
|
readonly property: "display";
|
|
1257
1255
|
}>;
|
|
1258
|
-
flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
1259
|
-
flexDirection?: import("@codecademy/variance").Scale<{
|
|
1256
|
+
flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "auto" | "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;
|
|
1257
|
+
flexDirection?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1260
1258
|
readonly property: "flexDirection";
|
|
1261
1259
|
}>;
|
|
1262
1260
|
flexGrow?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexGrow | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexGrow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexGrow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexGrow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexGrow | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexGrow | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexGrow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexGrow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexGrow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexGrow | undefined) | undefined> | undefined;
|
|
1263
1261
|
flexShrink?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexShrink | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexShrink | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexShrink | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexShrink | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexShrink | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexShrink | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexShrink | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexShrink | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexShrink | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexShrink | undefined) | undefined> | undefined;
|
|
1264
|
-
flexWrap?: import("@codecademy/variance").Scale<{
|
|
1262
|
+
flexWrap?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1265
1263
|
readonly property: "flexWrap";
|
|
1266
1264
|
}>;
|
|
1267
|
-
fontStyle?: import("@codecademy/variance").Scale<{
|
|
1265
|
+
fontStyle?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1268
1266
|
readonly property: "fontStyle";
|
|
1269
1267
|
}>;
|
|
1270
|
-
gridAutoColumns?: import("@codecademy/variance").Scale<{
|
|
1268
|
+
gridAutoColumns?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1271
1269
|
readonly property: "gridAutoColumns";
|
|
1272
1270
|
}>;
|
|
1273
|
-
gridAutoFlow?: import("@codecademy/variance").Scale<{
|
|
1271
|
+
gridAutoFlow?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1274
1272
|
readonly property: "gridAutoFlow";
|
|
1275
1273
|
}>;
|
|
1276
|
-
gridAutoRows?: import("@codecademy/variance").Scale<{
|
|
1274
|
+
gridAutoRows?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1277
1275
|
readonly property: "gridAutoRows";
|
|
1278
1276
|
}>;
|
|
1279
|
-
gridColumnEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
1280
|
-
gridColumnStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
1281
|
-
gridRowEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
1282
|
-
gridRowStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
1283
|
-
gridTemplateAreas?: import("@codecademy/variance").Scale<{
|
|
1277
|
+
gridColumnEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((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;
|
|
1278
|
+
gridColumnStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((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;
|
|
1279
|
+
gridRowEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((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;
|
|
1280
|
+
gridRowStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((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;
|
|
1281
|
+
gridTemplateAreas?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1284
1282
|
readonly property: "gridTemplateAreas";
|
|
1285
1283
|
}>;
|
|
1286
|
-
gridTemplateColumns?: import("@codecademy/variance").Scale<{
|
|
1284
|
+
gridTemplateColumns?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1287
1285
|
readonly property: "gridTemplateColumns";
|
|
1288
1286
|
}>;
|
|
1289
|
-
gridTemplateRows?: import("@codecademy/variance").Scale<{
|
|
1287
|
+
gridTemplateRows?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1290
1288
|
readonly property: "gridTemplateRows";
|
|
1291
1289
|
}>;
|
|
1292
|
-
justifyContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "
|
|
1293
|
-
justifyItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
1294
|
-
justifySelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
1295
|
-
left?: import("@codecademy/variance").Scale<{
|
|
1290
|
+
justifyContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "start" | "flex-end" | "flex-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;
|
|
1291
|
+
justifyItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "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;
|
|
1292
|
+
justifySelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "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;
|
|
1293
|
+
left?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1296
1294
|
readonly property: {
|
|
1297
1295
|
readonly physical: "left";
|
|
1298
1296
|
readonly logical: "insetInlineStart";
|
|
@@ -1300,19 +1298,19 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1300
1298
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1301
1299
|
readonly transform: (value: string | number) => string | 0;
|
|
1302
1300
|
}>;
|
|
1303
|
-
letterSpacing?: import("@codecademy/variance").Scale<{
|
|
1301
|
+
letterSpacing?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1304
1302
|
readonly property: "letterSpacing";
|
|
1305
1303
|
}>;
|
|
1306
|
-
listStyleImage?: import("@codecademy/variance").Scale<{
|
|
1304
|
+
listStyleImage?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1307
1305
|
readonly property: "listStyleImage";
|
|
1308
1306
|
}>;
|
|
1309
|
-
listStylePosition?: import("@codecademy/variance").Scale<{
|
|
1307
|
+
listStylePosition?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1310
1308
|
readonly property: "listStylePosition";
|
|
1311
1309
|
}>;
|
|
1312
|
-
listStyleType?: import("@codecademy/variance").Scale<{
|
|
1310
|
+
listStyleType?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1313
1311
|
readonly property: "listStyleType";
|
|
1314
1312
|
}>;
|
|
1315
|
-
maxHeight?: import("@codecademy/variance").Scale<{
|
|
1313
|
+
maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1316
1314
|
readonly property: {
|
|
1317
1315
|
readonly physical: "maxHeight";
|
|
1318
1316
|
readonly logical: "maxBlockSize";
|
|
@@ -1320,7 +1318,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1320
1318
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1321
1319
|
readonly transform: (value: string | number) => string | 0;
|
|
1322
1320
|
}>;
|
|
1323
|
-
maxWidth?: import("@codecademy/variance").Scale<{
|
|
1321
|
+
maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1324
1322
|
readonly property: {
|
|
1325
1323
|
readonly physical: "maxWidth";
|
|
1326
1324
|
readonly logical: "maxInlineSize";
|
|
@@ -1328,7 +1326,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1328
1326
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1329
1327
|
readonly transform: (value: string | number) => string | 0;
|
|
1330
1328
|
}>;
|
|
1331
|
-
minHeight?: import("@codecademy/variance").Scale<{
|
|
1329
|
+
minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1332
1330
|
readonly property: {
|
|
1333
1331
|
readonly physical: "minHeight";
|
|
1334
1332
|
readonly logical: "minBlockSize";
|
|
@@ -1336,7 +1334,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1336
1334
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1337
1335
|
readonly transform: (value: string | number) => string | 0;
|
|
1338
1336
|
}>;
|
|
1339
|
-
minWidth?: import("@codecademy/variance").Scale<{
|
|
1337
|
+
minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1340
1338
|
readonly property: {
|
|
1341
1339
|
readonly physical: "minWidth";
|
|
1342
1340
|
readonly logical: "minInlineSize";
|
|
@@ -1344,28 +1342,28 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1344
1342
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1345
1343
|
readonly transform: (value: string | number) => string | 0;
|
|
1346
1344
|
}>;
|
|
1347
|
-
opacity?: import("@codecademy/variance").Scale<{
|
|
1345
|
+
opacity?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1348
1346
|
readonly property: "opacity";
|
|
1349
1347
|
}>;
|
|
1350
1348
|
order?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.Order | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.Order | ((theme: import("@emotion/react").Theme) => import("csstype").Property.Order | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.Order | ((theme: import("@emotion/react").Theme) => import("csstype").Property.Order | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.Order | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.Order | ((theme: import("@emotion/react").Theme) => import("csstype").Property.Order | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.Order | ((theme: import("@emotion/react").Theme) => import("csstype").Property.Order | undefined) | undefined> | undefined;
|
|
1351
|
-
overflowX?: import("@codecademy/variance").Scale<{
|
|
1349
|
+
overflowX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1352
1350
|
readonly property: {
|
|
1353
1351
|
readonly physical: "overflowX";
|
|
1354
1352
|
readonly logical: "overflowInline";
|
|
1355
1353
|
};
|
|
1356
1354
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1357
1355
|
}>;
|
|
1358
|
-
overflowY?: import("@codecademy/variance").Scale<{
|
|
1356
|
+
overflowY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1359
1357
|
readonly property: {
|
|
1360
1358
|
readonly physical: "overflowY";
|
|
1361
1359
|
readonly logical: "overflowBlock";
|
|
1362
1360
|
};
|
|
1363
1361
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1364
1362
|
}>;
|
|
1365
|
-
position?: import("@codecademy/variance").Scale<{
|
|
1363
|
+
position?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1366
1364
|
readonly property: "position";
|
|
1367
1365
|
}>;
|
|
1368
|
-
right?: import("@codecademy/variance").Scale<{
|
|
1366
|
+
right?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1369
1367
|
readonly property: {
|
|
1370
1368
|
readonly physical: "right";
|
|
1371
1369
|
readonly logical: "insetInlineEnd";
|
|
@@ -1373,20 +1371,20 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1373
1371
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1374
1372
|
readonly transform: (value: string | number) => string | 0;
|
|
1375
1373
|
}>;
|
|
1376
|
-
rowGap?: import("@codecademy/variance").Scale<{
|
|
1374
|
+
rowGap?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1377
1375
|
readonly property: "rowGap";
|
|
1378
1376
|
readonly scale: "spacing";
|
|
1379
1377
|
}>;
|
|
1380
|
-
textAlign?: import("@codecademy/variance").Scale<{
|
|
1378
|
+
textAlign?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1381
1379
|
readonly property: "textAlign";
|
|
1382
1380
|
}>;
|
|
1383
|
-
textShadow?: import("@codecademy/variance").Scale<{
|
|
1381
|
+
textShadow?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1384
1382
|
readonly property: "textShadow";
|
|
1385
1383
|
}>;
|
|
1386
|
-
textTransform?: import("@codecademy/variance").Scale<{
|
|
1384
|
+
textTransform?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1387
1385
|
readonly property: "textTransform";
|
|
1388
1386
|
}>;
|
|
1389
|
-
top?: import("@codecademy/variance").Scale<{
|
|
1387
|
+
top?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1390
1388
|
readonly property: {
|
|
1391
1389
|
readonly physical: "top";
|
|
1392
1390
|
readonly logical: "insetBlockStart";
|
|
@@ -1394,19 +1392,19 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1394
1392
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1395
1393
|
readonly transform: (value: string | number) => string | 0;
|
|
1396
1394
|
}>;
|
|
1397
|
-
verticalAlign?: import("@codecademy/variance").Scale<{
|
|
1395
|
+
verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1398
1396
|
readonly property: "verticalAlign";
|
|
1399
1397
|
}>;
|
|
1400
|
-
whiteSpace?: import("@codecademy/variance").Scale<{
|
|
1398
|
+
whiteSpace?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1401
1399
|
readonly property: "whiteSpace";
|
|
1402
1400
|
}>;
|
|
1403
|
-
zIndex?: import("@codecademy/variance").Scale<{
|
|
1401
|
+
zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1404
1402
|
readonly property: "zIndex";
|
|
1405
1403
|
}>;
|
|
1406
|
-
backgroundPosition?: import("@codecademy/variance").Scale<{
|
|
1404
|
+
backgroundPosition?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1407
1405
|
readonly property: "backgroundPosition";
|
|
1408
1406
|
}>;
|
|
1409
|
-
borderBottom?: import("@codecademy/variance").Scale<{
|
|
1407
|
+
borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1410
1408
|
readonly property: {
|
|
1411
1409
|
readonly physical: "borderBottom";
|
|
1412
1410
|
readonly logical: "borderBlockEnd";
|
|
@@ -1414,11 +1412,11 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1414
1412
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1415
1413
|
readonly scale: "borders";
|
|
1416
1414
|
}>;
|
|
1417
|
-
borderColor?: import("@codecademy/variance").Scale<{
|
|
1415
|
+
borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1418
1416
|
readonly property: "borderColor";
|
|
1419
1417
|
readonly scale: "colors";
|
|
1420
1418
|
}>;
|
|
1421
|
-
borderLeft?: import("@codecademy/variance").Scale<{
|
|
1419
|
+
borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1422
1420
|
readonly property: {
|
|
1423
1421
|
readonly physical: "borderLeft";
|
|
1424
1422
|
readonly logical: "borderInlineStart";
|
|
@@ -1426,11 +1424,11 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1426
1424
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1427
1425
|
readonly scale: "borders";
|
|
1428
1426
|
}>;
|
|
1429
|
-
borderRadius?: import("@codecademy/variance").Scale<{
|
|
1427
|
+
borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1430
1428
|
readonly property: "borderRadius";
|
|
1431
1429
|
readonly scale: "borderRadii";
|
|
1432
1430
|
}>;
|
|
1433
|
-
borderRight?: import("@codecademy/variance").Scale<{
|
|
1431
|
+
borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1434
1432
|
readonly property: {
|
|
1435
1433
|
readonly physical: "borderRight";
|
|
1436
1434
|
readonly logical: "borderInlineEnd";
|
|
@@ -1438,10 +1436,10 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1438
1436
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1439
1437
|
readonly scale: "borders";
|
|
1440
1438
|
}>;
|
|
1441
|
-
borderStyle?: import("@codecademy/variance").Scale<{
|
|
1439
|
+
borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1442
1440
|
readonly property: "borderStyle";
|
|
1443
1441
|
}>;
|
|
1444
|
-
borderTop?: import("@codecademy/variance").Scale<{
|
|
1442
|
+
borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1445
1443
|
readonly property: {
|
|
1446
1444
|
readonly physical: "borderTop";
|
|
1447
1445
|
readonly logical: "borderBlockStart";
|
|
@@ -1449,20 +1447,20 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1449
1447
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1450
1448
|
readonly scale: "borders";
|
|
1451
1449
|
}>;
|
|
1452
|
-
borderWidth?: import("@codecademy/variance").Scale<{
|
|
1450
|
+
borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1453
1451
|
readonly property: "borderWidth";
|
|
1454
1452
|
}>;
|
|
1455
|
-
flex?: import("@codecademy/variance").Scale<{
|
|
1453
|
+
flex?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1456
1454
|
readonly property: "flex";
|
|
1457
1455
|
}>;
|
|
1458
|
-
gap?: import("@codecademy/variance").Scale<{
|
|
1456
|
+
gap?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1459
1457
|
readonly property: "gap";
|
|
1460
1458
|
readonly scale: "spacing";
|
|
1461
1459
|
}>;
|
|
1462
|
-
gridArea?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
1463
|
-
gridColumn?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
1464
|
-
gridRow?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
1465
|
-
inset?: import("@codecademy/variance").Scale<{
|
|
1460
|
+
gridArea?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((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;
|
|
1461
|
+
gridColumn?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((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;
|
|
1462
|
+
gridRow?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((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;
|
|
1463
|
+
inset?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1466
1464
|
readonly property: "inset";
|
|
1467
1465
|
readonly properties: {
|
|
1468
1466
|
readonly physical: readonly ["top", "right", "bottom", "left"];
|
|
@@ -1471,16 +1469,16 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1471
1469
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1472
1470
|
readonly transform: (value: string | number) => string | 0;
|
|
1473
1471
|
}>;
|
|
1474
|
-
listStyle?: import("@codecademy/variance").Scale<{
|
|
1472
|
+
listStyle?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1475
1473
|
readonly property: "listStyle";
|
|
1476
1474
|
}>;
|
|
1477
|
-
overflow?: import("@codecademy/variance").Scale<{
|
|
1475
|
+
overflow?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1478
1476
|
readonly property: "overflow";
|
|
1479
1477
|
}>;
|
|
1480
|
-
textDecoration?: import("@codecademy/variance").Scale<{
|
|
1478
|
+
textDecoration?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1481
1479
|
readonly property: "textDecoration";
|
|
1482
1480
|
}>;
|
|
1483
|
-
px?: import("@codecademy/variance").Scale<{
|
|
1481
|
+
px?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1484
1482
|
readonly property: "padding";
|
|
1485
1483
|
readonly properties: {
|
|
1486
1484
|
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
@@ -1489,7 +1487,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1489
1487
|
readonly scale: "spacing";
|
|
1490
1488
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1491
1489
|
}>;
|
|
1492
|
-
py?: import("@codecademy/variance").Scale<{
|
|
1490
|
+
py?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1493
1491
|
readonly property: "padding";
|
|
1494
1492
|
readonly properties: {
|
|
1495
1493
|
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
@@ -1498,7 +1496,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1498
1496
|
readonly scale: "spacing";
|
|
1499
1497
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1500
1498
|
}>;
|
|
1501
|
-
pt?: import("@codecademy/variance").Scale<{
|
|
1499
|
+
pt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1502
1500
|
readonly property: {
|
|
1503
1501
|
readonly physical: "paddingTop";
|
|
1504
1502
|
readonly logical: "paddingBlockStart";
|
|
@@ -1506,7 +1504,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1506
1504
|
readonly scale: "spacing";
|
|
1507
1505
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1508
1506
|
}>;
|
|
1509
|
-
pb?: import("@codecademy/variance").Scale<{
|
|
1507
|
+
pb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1510
1508
|
readonly property: {
|
|
1511
1509
|
readonly physical: "paddingBottom";
|
|
1512
1510
|
readonly logical: "paddingBlockEnd";
|
|
@@ -1514,7 +1512,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1514
1512
|
readonly scale: "spacing";
|
|
1515
1513
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1516
1514
|
}>;
|
|
1517
|
-
pr?: import("@codecademy/variance").Scale<{
|
|
1515
|
+
pr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1518
1516
|
readonly property: {
|
|
1519
1517
|
readonly physical: "paddingRight";
|
|
1520
1518
|
readonly logical: "paddingInlineEnd";
|
|
@@ -1522,7 +1520,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1522
1520
|
readonly scale: "spacing";
|
|
1523
1521
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1524
1522
|
}>;
|
|
1525
|
-
pl?: import("@codecademy/variance").Scale<{
|
|
1523
|
+
pl?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1526
1524
|
readonly property: {
|
|
1527
1525
|
readonly physical: "paddingLeft";
|
|
1528
1526
|
readonly logical: "paddingInlineStart";
|
|
@@ -1530,11 +1528,11 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1530
1528
|
readonly scale: "spacing";
|
|
1531
1529
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1532
1530
|
}>;
|
|
1533
|
-
m?: import("@codecademy/variance").Scale<{
|
|
1531
|
+
m?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1534
1532
|
readonly property: "margin";
|
|
1535
1533
|
readonly scale: "spacing";
|
|
1536
1534
|
}>;
|
|
1537
|
-
mx?: import("@codecademy/variance").Scale<{
|
|
1535
|
+
mx?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1538
1536
|
readonly property: "margin";
|
|
1539
1537
|
readonly properties: {
|
|
1540
1538
|
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
@@ -1543,7 +1541,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1543
1541
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1544
1542
|
readonly scale: "spacing";
|
|
1545
1543
|
}>;
|
|
1546
|
-
my?: import("@codecademy/variance").Scale<{
|
|
1544
|
+
my?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1547
1545
|
readonly property: "margin";
|
|
1548
1546
|
readonly properties: {
|
|
1549
1547
|
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
@@ -1552,7 +1550,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1552
1550
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1553
1551
|
readonly scale: "spacing";
|
|
1554
1552
|
}>;
|
|
1555
|
-
mt?: import("@codecademy/variance").Scale<{
|
|
1553
|
+
mt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1556
1554
|
readonly property: {
|
|
1557
1555
|
readonly physical: "marginTop";
|
|
1558
1556
|
readonly logical: "marginBlockStart";
|
|
@@ -1560,7 +1558,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1560
1558
|
readonly scale: "spacing";
|
|
1561
1559
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1562
1560
|
}>;
|
|
1563
|
-
mb?: import("@codecademy/variance").Scale<{
|
|
1561
|
+
mb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1564
1562
|
readonly property: {
|
|
1565
1563
|
readonly physical: "marginBottom";
|
|
1566
1564
|
readonly logical: "marginBlockEnd";
|
|
@@ -1568,7 +1566,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1568
1566
|
readonly scale: "spacing";
|
|
1569
1567
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1570
1568
|
}>;
|
|
1571
|
-
mr?: import("@codecademy/variance").Scale<{
|
|
1569
|
+
mr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1572
1570
|
readonly property: {
|
|
1573
1571
|
readonly physical: "marginRight";
|
|
1574
1572
|
readonly logical: "marginInlineEnd";
|
|
@@ -1576,7 +1574,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1576
1574
|
readonly scale: "spacing";
|
|
1577
1575
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1578
1576
|
}>;
|
|
1579
|
-
ml?: import("@codecademy/variance").Scale<{
|
|
1577
|
+
ml?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1580
1578
|
readonly property: {
|
|
1581
1579
|
readonly physical: "marginLeft";
|
|
1582
1580
|
readonly logical: "marginInlineStart";
|
|
@@ -1584,7 +1582,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1584
1582
|
readonly scale: "spacing";
|
|
1585
1583
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1586
1584
|
}>;
|
|
1587
|
-
borderX?: import("@codecademy/variance").Scale<{
|
|
1585
|
+
borderX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1588
1586
|
readonly property: "border";
|
|
1589
1587
|
readonly properties: {
|
|
1590
1588
|
readonly physical: readonly ["borderLeft", "borderRight"];
|
|
@@ -1593,7 +1591,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1593
1591
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1594
1592
|
readonly scale: "borders";
|
|
1595
1593
|
}>;
|
|
1596
|
-
borderY?: import("@codecademy/variance").Scale<{
|
|
1594
|
+
borderY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1597
1595
|
readonly property: "border";
|
|
1598
1596
|
readonly properties: {
|
|
1599
1597
|
readonly physical: readonly ["borderTop", "borderBottom"];
|
|
@@ -1602,7 +1600,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1602
1600
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1603
1601
|
readonly scale: "borders";
|
|
1604
1602
|
}>;
|
|
1605
|
-
borderWidthX?: import("@codecademy/variance").Scale<{
|
|
1603
|
+
borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1606
1604
|
readonly property: "borderWidth";
|
|
1607
1605
|
readonly properties: {
|
|
1608
1606
|
readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
|
|
@@ -1610,7 +1608,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1610
1608
|
};
|
|
1611
1609
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1612
1610
|
}>;
|
|
1613
|
-
borderWidthY?: import("@codecademy/variance").Scale<{
|
|
1611
|
+
borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1614
1612
|
readonly property: "borderWidth";
|
|
1615
1613
|
readonly properties: {
|
|
1616
1614
|
readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
|
|
@@ -1618,35 +1616,35 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1618
1616
|
};
|
|
1619
1617
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1620
1618
|
}>;
|
|
1621
|
-
borderWidthLeft?: import("@codecademy/variance").Scale<{
|
|
1619
|
+
borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1622
1620
|
readonly property: {
|
|
1623
1621
|
readonly physical: "borderLeftWidth";
|
|
1624
1622
|
readonly logical: "borderInlineStartWidth";
|
|
1625
1623
|
};
|
|
1626
1624
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1627
1625
|
}>;
|
|
1628
|
-
borderWidthRight?: import("@codecademy/variance").Scale<{
|
|
1626
|
+
borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1629
1627
|
readonly property: {
|
|
1630
1628
|
readonly physical: "borderRightWidth";
|
|
1631
1629
|
readonly logical: "borderInlineEndWidth";
|
|
1632
1630
|
};
|
|
1633
1631
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1634
1632
|
}>;
|
|
1635
|
-
borderWidthTop?: import("@codecademy/variance").Scale<{
|
|
1633
|
+
borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1636
1634
|
readonly property: {
|
|
1637
1635
|
readonly physical: "borderTopWidth";
|
|
1638
1636
|
readonly logical: "borderBlockStartWidth";
|
|
1639
1637
|
};
|
|
1640
1638
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1641
1639
|
}>;
|
|
1642
|
-
borderWidthBottom?: import("@codecademy/variance").Scale<{
|
|
1640
|
+
borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1643
1641
|
readonly property: {
|
|
1644
1642
|
readonly physical: "borderBottomWidth";
|
|
1645
1643
|
readonly logical: "borderBlockEndWidth";
|
|
1646
1644
|
};
|
|
1647
1645
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1648
1646
|
}>;
|
|
1649
|
-
borderRadiusLeft?: import("@codecademy/variance").Scale<{
|
|
1647
|
+
borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1650
1648
|
readonly property: "borderRadius";
|
|
1651
1649
|
readonly properties: {
|
|
1652
1650
|
readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
|
|
@@ -1655,7 +1653,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1655
1653
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1656
1654
|
readonly scale: "borderRadii";
|
|
1657
1655
|
}>;
|
|
1658
|
-
borderRadiusTop?: import("@codecademy/variance").Scale<{
|
|
1656
|
+
borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1659
1657
|
readonly property: "borderRadius";
|
|
1660
1658
|
readonly properties: {
|
|
1661
1659
|
readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
|
|
@@ -1664,7 +1662,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1664
1662
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1665
1663
|
readonly scale: "borderRadii";
|
|
1666
1664
|
}>;
|
|
1667
|
-
borderRadiusBottom?: import("@codecademy/variance").Scale<{
|
|
1665
|
+
borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1668
1666
|
readonly property: "borderRadius";
|
|
1669
1667
|
readonly properties: {
|
|
1670
1668
|
readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
|
|
@@ -1673,7 +1671,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1673
1671
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1674
1672
|
readonly scale: "borderRadii";
|
|
1675
1673
|
}>;
|
|
1676
|
-
borderRadiusRight?: import("@codecademy/variance").Scale<{
|
|
1674
|
+
borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1677
1675
|
readonly property: "borderRadius";
|
|
1678
1676
|
readonly properties: {
|
|
1679
1677
|
readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
|
|
@@ -1682,7 +1680,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1682
1680
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1683
1681
|
readonly scale: "borderRadii";
|
|
1684
1682
|
}>;
|
|
1685
|
-
borderRadiusTopLeft?: import("@codecademy/variance").Scale<{
|
|
1683
|
+
borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1686
1684
|
readonly property: {
|
|
1687
1685
|
readonly physical: "borderTopLeftRadius";
|
|
1688
1686
|
readonly logical: "borderStartStartRadius";
|
|
@@ -1690,7 +1688,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1690
1688
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1691
1689
|
readonly scale: "borderRadii";
|
|
1692
1690
|
}>;
|
|
1693
|
-
borderRadiusTopRight?: import("@codecademy/variance").Scale<{
|
|
1691
|
+
borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1694
1692
|
readonly property: {
|
|
1695
1693
|
readonly physical: "borderTopRightRadius";
|
|
1696
1694
|
readonly logical: "borderStartEndRadius";
|
|
@@ -1698,7 +1696,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1698
1696
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1699
1697
|
readonly scale: "borderRadii";
|
|
1700
1698
|
}>;
|
|
1701
|
-
borderRadiusBottomRight?: import("@codecademy/variance").Scale<{
|
|
1699
|
+
borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1702
1700
|
readonly property: {
|
|
1703
1701
|
readonly physical: "borderBottomRightRadius";
|
|
1704
1702
|
readonly logical: "borderEndEndRadius";
|
|
@@ -1706,7 +1704,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1706
1704
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1707
1705
|
readonly scale: "borderRadii";
|
|
1708
1706
|
}>;
|
|
1709
|
-
borderRadiusBottomLeft?: import("@codecademy/variance").Scale<{
|
|
1707
|
+
borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1710
1708
|
readonly property: {
|
|
1711
1709
|
readonly physical: "borderBottomLeftRadius";
|
|
1712
1710
|
readonly logical: "borderEndStartRadius";
|
|
@@ -1714,7 +1712,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1714
1712
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1715
1713
|
readonly scale: "borderRadii";
|
|
1716
1714
|
}>;
|
|
1717
|
-
borderStyleX?: import("@codecademy/variance").Scale<{
|
|
1715
|
+
borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1718
1716
|
readonly property: "borderStyle";
|
|
1719
1717
|
readonly properties: {
|
|
1720
1718
|
readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
|
|
@@ -1722,7 +1720,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1722
1720
|
};
|
|
1723
1721
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1724
1722
|
}>;
|
|
1725
|
-
borderStyleY?: import("@codecademy/variance").Scale<{
|
|
1723
|
+
borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1726
1724
|
readonly property: "borderStyle";
|
|
1727
1725
|
readonly properties: {
|
|
1728
1726
|
readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
|
|
@@ -1730,35 +1728,35 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1730
1728
|
};
|
|
1731
1729
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1732
1730
|
}>;
|
|
1733
|
-
borderStyleLeft?: import("@codecademy/variance").Scale<{
|
|
1731
|
+
borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1734
1732
|
readonly property: {
|
|
1735
1733
|
readonly physical: "borderLeftStyle";
|
|
1736
1734
|
readonly logical: "borderInlineStartStyle";
|
|
1737
1735
|
};
|
|
1738
1736
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1739
1737
|
}>;
|
|
1740
|
-
borderStyleRight?: import("@codecademy/variance").Scale<{
|
|
1738
|
+
borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1741
1739
|
readonly property: {
|
|
1742
1740
|
readonly physical: "borderRightStyle";
|
|
1743
1741
|
readonly logical: "borderInlineEndStyle";
|
|
1744
1742
|
};
|
|
1745
1743
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1746
1744
|
}>;
|
|
1747
|
-
borderStyleTop?: import("@codecademy/variance").Scale<{
|
|
1745
|
+
borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1748
1746
|
readonly property: {
|
|
1749
1747
|
readonly physical: "borderTopStyle";
|
|
1750
1748
|
readonly logical: "borderBlockStartStyle";
|
|
1751
1749
|
};
|
|
1752
1750
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1753
1751
|
}>;
|
|
1754
|
-
borderStyleBottom?: import("@codecademy/variance").Scale<{
|
|
1752
|
+
borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1755
1753
|
readonly property: {
|
|
1756
1754
|
readonly physical: "borderBottomStyle";
|
|
1757
1755
|
readonly logical: "borderBlockEndStyle";
|
|
1758
1756
|
};
|
|
1759
1757
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1760
1758
|
}>;
|
|
1761
|
-
dimensions?: import("@codecademy/variance").Scale<{
|
|
1759
|
+
dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1762
1760
|
readonly property: "width";
|
|
1763
1761
|
readonly properties: {
|
|
1764
1762
|
readonly physical: readonly ["width", "height"];
|
|
@@ -1767,15 +1765,15 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1767
1765
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1768
1766
|
readonly transform: (value: string | number) => string | 0;
|
|
1769
1767
|
}>;
|
|
1770
|
-
textColor?: import("@codecademy/variance").Scale<{
|
|
1768
|
+
textColor?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1771
1769
|
readonly property: "color";
|
|
1772
1770
|
readonly scale: "colors";
|
|
1773
1771
|
}>;
|
|
1774
|
-
bg?: import("@codecademy/variance").Scale<{
|
|
1772
|
+
bg?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1775
1773
|
readonly property: "backgroundColor";
|
|
1776
1774
|
readonly scale: "colors";
|
|
1777
1775
|
}>;
|
|
1778
|
-
borderColorX?: import("@codecademy/variance").Scale<{
|
|
1776
|
+
borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1779
1777
|
readonly property: "borderColor";
|
|
1780
1778
|
readonly properties: {
|
|
1781
1779
|
readonly physical: readonly ["borderLeftColor", "borderRightColor"];
|
|
@@ -1784,7 +1782,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1784
1782
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1785
1783
|
readonly scale: "colors";
|
|
1786
1784
|
}>;
|
|
1787
|
-
borderColorY?: import("@codecademy/variance").Scale<{
|
|
1785
|
+
borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1788
1786
|
readonly property: "borderColor";
|
|
1789
1787
|
readonly properties: {
|
|
1790
1788
|
readonly physical: readonly ["borderTopColor", "borderBottomColor"];
|
|
@@ -1793,22 +1791,22 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1793
1791
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1794
1792
|
readonly scale: "colors";
|
|
1795
1793
|
}>;
|
|
1796
|
-
borderColorLeft?: import("@codecademy/variance").Scale<{
|
|
1794
|
+
borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1797
1795
|
readonly property: "borderLeftColor";
|
|
1798
1796
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1799
1797
|
readonly scale: "colors";
|
|
1800
1798
|
}>;
|
|
1801
|
-
borderColorRight?: import("@codecademy/variance").Scale<{
|
|
1799
|
+
borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1802
1800
|
readonly property: "borderRightColor";
|
|
1803
1801
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1804
1802
|
readonly scale: "colors";
|
|
1805
1803
|
}>;
|
|
1806
|
-
borderColorTop?: import("@codecademy/variance").Scale<{
|
|
1804
|
+
borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1807
1805
|
readonly property: "borderTopColor";
|
|
1808
1806
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1809
1807
|
readonly scale: "colors";
|
|
1810
1808
|
}>;
|
|
1811
|
-
borderColorBottom?: import("@codecademy/variance").Scale<{
|
|
1809
|
+
borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1812
1810
|
readonly property: "borderBottomColor";
|
|
1813
1811
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1814
1812
|
readonly scale: "colors";
|
|
@@ -1818,24 +1816,22 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1818
1816
|
context?: boolean | undefined;
|
|
1819
1817
|
"no-select"?: boolean | undefined;
|
|
1820
1818
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
1821
|
-
} & import("framer-motion").MotionProps
|
|
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
|
-
} & {
|
|
1819
|
+
} & import("framer-motion").MotionProps & {
|
|
1824
1820
|
theme?: import("@emotion/react").Theme;
|
|
1825
1821
|
} & CardWrapperProps, {}, {}>;
|
|
1826
|
-
export declare const StaticCardWrapper: import("@emotion/styled").StyledComponent<
|
|
1827
|
-
color?: import("@codecademy/variance").Scale<{
|
|
1822
|
+
export declare const StaticCardWrapper: import("@emotion/styled").StyledComponent<{
|
|
1823
|
+
color?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1828
1824
|
readonly property: "color";
|
|
1829
1825
|
readonly scale: "colors";
|
|
1830
1826
|
}>;
|
|
1831
|
-
background?: import("@codecademy/variance").Scale<{
|
|
1827
|
+
background?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1832
1828
|
readonly property: "background";
|
|
1833
1829
|
}>;
|
|
1834
|
-
border?: import("@codecademy/variance").Scale<{
|
|
1830
|
+
border?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1835
1831
|
readonly property: "border";
|
|
1836
1832
|
readonly scale: "borders";
|
|
1837
1833
|
}>;
|
|
1838
|
-
p?: import("@codecademy/variance").Scale<{
|
|
1834
|
+
p?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1839
1835
|
readonly property: "padding";
|
|
1840
1836
|
readonly scale: "spacing";
|
|
1841
1837
|
}>;
|
|
@@ -1843,7 +1839,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1843
1839
|
title?: string | undefined;
|
|
1844
1840
|
dir?: string | undefined;
|
|
1845
1841
|
className?: string | undefined;
|
|
1846
|
-
height?: import("@codecademy/variance").Scale<{
|
|
1842
|
+
height?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1847
1843
|
readonly property: {
|
|
1848
1844
|
readonly physical: "height";
|
|
1849
1845
|
readonly logical: "blockSize";
|
|
@@ -1851,7 +1847,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1851
1847
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1852
1848
|
readonly transform: (value: string | number) => string | 0;
|
|
1853
1849
|
}>;
|
|
1854
|
-
width?: import("@codecademy/variance").Scale<{
|
|
1850
|
+
width?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1855
1851
|
readonly property: {
|
|
1856
1852
|
readonly physical: "width";
|
|
1857
1853
|
readonly logical: "inlineSize";
|
|
@@ -1859,7 +1855,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1859
1855
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1860
1856
|
readonly transform: (value: string | number) => string | 0;
|
|
1861
1857
|
}>;
|
|
1862
|
-
"aria-hidden"?: (boolean | "
|
|
1858
|
+
"aria-hidden"?: (boolean | "false" | "true") | undefined;
|
|
1863
1859
|
ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
|
|
1864
1860
|
key?: import("react").Key | null | undefined;
|
|
1865
1861
|
defaultChecked?: boolean | undefined;
|
|
@@ -1869,17 +1865,17 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1869
1865
|
accessKey?: string | undefined;
|
|
1870
1866
|
autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
|
|
1871
1867
|
autoFocus?: boolean | undefined;
|
|
1872
|
-
contentEditable?: "inherit" | (boolean | "
|
|
1868
|
+
contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
|
|
1873
1869
|
contextMenu?: string | undefined;
|
|
1874
|
-
draggable?: (boolean | "
|
|
1875
|
-
enterKeyHint?: "search" | "
|
|
1870
|
+
draggable?: (boolean | "false" | "true") | undefined;
|
|
1871
|
+
enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
|
|
1876
1872
|
hidden?: boolean | undefined;
|
|
1877
1873
|
id?: string | undefined;
|
|
1878
1874
|
lang?: string | undefined;
|
|
1879
1875
|
nonce?: string | undefined;
|
|
1880
|
-
spellCheck?: (boolean | "
|
|
1876
|
+
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
1881
1877
|
tabIndex?: number | undefined;
|
|
1882
|
-
translate?: "
|
|
1878
|
+
translate?: "no" | "yes" | undefined;
|
|
1883
1879
|
radioGroup?: string | undefined;
|
|
1884
1880
|
role?: import("react").AriaRole | undefined;
|
|
1885
1881
|
about?: string | undefined;
|
|
@@ -1908,51 +1904,51 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1908
1904
|
exportparts?: string | undefined;
|
|
1909
1905
|
part?: string | undefined;
|
|
1910
1906
|
"aria-activedescendant"?: string | undefined;
|
|
1911
|
-
"aria-atomic"?: (boolean | "
|
|
1912
|
-
"aria-autocomplete"?: "none" | "inline" | "
|
|
1907
|
+
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
1908
|
+
"aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
|
|
1913
1909
|
"aria-braillelabel"?: string | undefined;
|
|
1914
1910
|
"aria-brailleroledescription"?: string | undefined;
|
|
1915
|
-
"aria-busy"?: (boolean | "
|
|
1916
|
-
"aria-checked"?: boolean | "
|
|
1911
|
+
"aria-busy"?: (boolean | "false" | "true") | undefined;
|
|
1912
|
+
"aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
|
|
1917
1913
|
"aria-colcount"?: number | undefined;
|
|
1918
1914
|
"aria-colindex"?: number | undefined;
|
|
1919
1915
|
"aria-colindextext"?: string | undefined;
|
|
1920
1916
|
"aria-colspan"?: number | undefined;
|
|
1921
1917
|
"aria-controls"?: string | undefined;
|
|
1922
|
-
"aria-current"?: boolean | "time" | "page" | "
|
|
1918
|
+
"aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
|
|
1923
1919
|
"aria-describedby"?: string | undefined;
|
|
1924
1920
|
"aria-description"?: string | undefined;
|
|
1925
1921
|
"aria-details"?: string | undefined;
|
|
1926
|
-
"aria-disabled"?: (boolean | "
|
|
1922
|
+
"aria-disabled"?: (boolean | "false" | "true") | undefined;
|
|
1927
1923
|
"aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
|
1928
1924
|
"aria-errormessage"?: string | undefined;
|
|
1929
|
-
"aria-expanded"?: (boolean | "
|
|
1925
|
+
"aria-expanded"?: (boolean | "false" | "true") | undefined;
|
|
1930
1926
|
"aria-flowto"?: string | undefined;
|
|
1931
|
-
"aria-grabbed"?: (boolean | "
|
|
1932
|
-
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "
|
|
1933
|
-
"aria-invalid"?: boolean | "
|
|
1927
|
+
"aria-grabbed"?: (boolean | "false" | "true") | undefined;
|
|
1928
|
+
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
|
|
1929
|
+
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
1934
1930
|
"aria-keyshortcuts"?: string | undefined;
|
|
1935
1931
|
"aria-label"?: string | undefined;
|
|
1936
1932
|
"aria-labelledby"?: string | undefined;
|
|
1937
1933
|
"aria-level"?: number | undefined;
|
|
1938
1934
|
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
1939
|
-
"aria-modal"?: (boolean | "
|
|
1940
|
-
"aria-multiline"?: (boolean | "
|
|
1941
|
-
"aria-multiselectable"?: (boolean | "
|
|
1935
|
+
"aria-modal"?: (boolean | "false" | "true") | undefined;
|
|
1936
|
+
"aria-multiline"?: (boolean | "false" | "true") | undefined;
|
|
1937
|
+
"aria-multiselectable"?: (boolean | "false" | "true") | undefined;
|
|
1942
1938
|
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
1943
1939
|
"aria-owns"?: string | undefined;
|
|
1944
1940
|
"aria-placeholder"?: string | undefined;
|
|
1945
1941
|
"aria-posinset"?: number | undefined;
|
|
1946
|
-
"aria-pressed"?: boolean | "
|
|
1947
|
-
"aria-readonly"?: (boolean | "
|
|
1942
|
+
"aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
|
|
1943
|
+
"aria-readonly"?: (boolean | "false" | "true") | undefined;
|
|
1948
1944
|
"aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
1949
|
-
"aria-required"?: (boolean | "
|
|
1945
|
+
"aria-required"?: (boolean | "false" | "true") | undefined;
|
|
1950
1946
|
"aria-roledescription"?: string | undefined;
|
|
1951
1947
|
"aria-rowcount"?: number | undefined;
|
|
1952
1948
|
"aria-rowindex"?: number | undefined;
|
|
1953
1949
|
"aria-rowindextext"?: string | undefined;
|
|
1954
1950
|
"aria-rowspan"?: number | undefined;
|
|
1955
|
-
"aria-selected"?: (boolean | "
|
|
1951
|
+
"aria-selected"?: (boolean | "false" | "true") | undefined;
|
|
1956
1952
|
"aria-setsize"?: number | undefined;
|
|
1957
1953
|
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
1958
1954
|
"aria-valuemax"?: number | undefined;
|
|
@@ -2116,25 +2112,25 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2116
2112
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
2117
2113
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
2118
2114
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
2119
|
-
alignContent?: import("@codecademy/variance").Scale<{
|
|
2115
|
+
alignContent?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2120
2116
|
readonly property: "alignContent";
|
|
2121
2117
|
}>;
|
|
2122
|
-
alignItems?: import("@codecademy/variance").Scale<{
|
|
2118
|
+
alignItems?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2123
2119
|
readonly property: "alignItems";
|
|
2124
2120
|
}>;
|
|
2125
|
-
alignSelf?: import("@codecademy/variance").Scale<{
|
|
2121
|
+
alignSelf?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2126
2122
|
readonly property: "alignSelf";
|
|
2127
2123
|
}>;
|
|
2128
|
-
backgroundImage?: import("@codecademy/variance").Scale<{
|
|
2124
|
+
backgroundImage?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2129
2125
|
readonly property: "backgroundImage";
|
|
2130
2126
|
}>;
|
|
2131
|
-
backgroundRepeat?: import("@codecademy/variance").Scale<{
|
|
2127
|
+
backgroundRepeat?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2132
2128
|
readonly property: "backgroundRepeat";
|
|
2133
2129
|
}>;
|
|
2134
|
-
backgroundSize?: import("@codecademy/variance").Scale<{
|
|
2130
|
+
backgroundSize?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2135
2131
|
readonly property: "backgroundSize";
|
|
2136
2132
|
}>;
|
|
2137
|
-
bottom?: import("@codecademy/variance").Scale<{
|
|
2133
|
+
bottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2138
2134
|
readonly property: {
|
|
2139
2135
|
readonly physical: "bottom";
|
|
2140
2136
|
readonly logical: "insetBlockEnd";
|
|
@@ -2142,74 +2138,74 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2142
2138
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2143
2139
|
readonly transform: (value: string | number) => string | 0;
|
|
2144
2140
|
}>;
|
|
2145
|
-
columnGap?: import("@codecademy/variance").Scale<{
|
|
2141
|
+
columnGap?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2146
2142
|
readonly property: "columnGap";
|
|
2147
2143
|
readonly scale: "spacing";
|
|
2148
2144
|
}>;
|
|
2149
|
-
containerType?: import("@codecademy/variance").Scale<{
|
|
2145
|
+
containerType?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2150
2146
|
readonly property: "containerType";
|
|
2151
2147
|
}>;
|
|
2152
|
-
direction?: import("@codecademy/variance").Scale<{
|
|
2148
|
+
direction?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2153
2149
|
readonly property: "direction";
|
|
2154
2150
|
}>;
|
|
2155
|
-
display?: import("@codecademy/variance").Scale<{
|
|
2151
|
+
display?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2156
2152
|
readonly property: "display";
|
|
2157
2153
|
}>;
|
|
2158
|
-
flexBasis?: import("@codecademy/variance").Scale<{
|
|
2154
|
+
flexBasis?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2159
2155
|
readonly property: "flexBasis";
|
|
2160
2156
|
}>;
|
|
2161
|
-
flexDirection?: import("@codecademy/variance").Scale<{
|
|
2157
|
+
flexDirection?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2162
2158
|
readonly property: "flexDirection";
|
|
2163
2159
|
}>;
|
|
2164
|
-
flexGrow?: import("@codecademy/variance").Scale<{
|
|
2160
|
+
flexGrow?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2165
2161
|
readonly property: "flexGrow";
|
|
2166
2162
|
}>;
|
|
2167
|
-
flexShrink?: import("@codecademy/variance").Scale<{
|
|
2163
|
+
flexShrink?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2168
2164
|
readonly property: "flexShrink";
|
|
2169
2165
|
}>;
|
|
2170
|
-
flexWrap?: import("@codecademy/variance").Scale<{
|
|
2166
|
+
flexWrap?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2171
2167
|
readonly property: "flexWrap";
|
|
2172
2168
|
}>;
|
|
2173
|
-
gridAutoColumns?: import("@codecademy/variance").Scale<{
|
|
2169
|
+
gridAutoColumns?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2174
2170
|
readonly property: "gridAutoColumns";
|
|
2175
2171
|
}>;
|
|
2176
|
-
gridAutoFlow?: import("@codecademy/variance").Scale<{
|
|
2172
|
+
gridAutoFlow?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2177
2173
|
readonly property: "gridAutoFlow";
|
|
2178
2174
|
}>;
|
|
2179
|
-
gridAutoRows?: import("@codecademy/variance").Scale<{
|
|
2175
|
+
gridAutoRows?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2180
2176
|
readonly property: "gridAutoRows";
|
|
2181
2177
|
}>;
|
|
2182
|
-
gridColumnEnd?: import("@codecademy/variance").Scale<{
|
|
2178
|
+
gridColumnEnd?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2183
2179
|
readonly property: "gridColumnEnd";
|
|
2184
2180
|
}>;
|
|
2185
|
-
gridColumnStart?: import("@codecademy/variance").Scale<{
|
|
2181
|
+
gridColumnStart?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2186
2182
|
readonly property: "gridColumnStart";
|
|
2187
2183
|
}>;
|
|
2188
|
-
gridRowEnd?: import("@codecademy/variance").Scale<{
|
|
2184
|
+
gridRowEnd?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2189
2185
|
readonly property: "gridRowEnd";
|
|
2190
2186
|
}>;
|
|
2191
|
-
gridRowStart?: import("@codecademy/variance").Scale<{
|
|
2187
|
+
gridRowStart?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2192
2188
|
readonly property: "gridRowStart";
|
|
2193
2189
|
}>;
|
|
2194
|
-
gridTemplateAreas?: import("@codecademy/variance").Scale<{
|
|
2190
|
+
gridTemplateAreas?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2195
2191
|
readonly property: "gridTemplateAreas";
|
|
2196
2192
|
}>;
|
|
2197
|
-
gridTemplateColumns?: import("@codecademy/variance").Scale<{
|
|
2193
|
+
gridTemplateColumns?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2198
2194
|
readonly property: "gridTemplateColumns";
|
|
2199
2195
|
}>;
|
|
2200
|
-
gridTemplateRows?: import("@codecademy/variance").Scale<{
|
|
2196
|
+
gridTemplateRows?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2201
2197
|
readonly property: "gridTemplateRows";
|
|
2202
2198
|
}>;
|
|
2203
|
-
justifyContent?: import("@codecademy/variance").Scale<{
|
|
2199
|
+
justifyContent?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2204
2200
|
readonly property: "justifyContent";
|
|
2205
2201
|
}>;
|
|
2206
|
-
justifyItems?: import("@codecademy/variance").Scale<{
|
|
2202
|
+
justifyItems?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2207
2203
|
readonly property: "justifyItems";
|
|
2208
2204
|
}>;
|
|
2209
|
-
justifySelf?: import("@codecademy/variance").Scale<{
|
|
2205
|
+
justifySelf?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2210
2206
|
readonly property: "justifySelf";
|
|
2211
2207
|
}>;
|
|
2212
|
-
left?: import("@codecademy/variance").Scale<{
|
|
2208
|
+
left?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2213
2209
|
readonly property: {
|
|
2214
2210
|
readonly physical: "left";
|
|
2215
2211
|
readonly logical: "insetInlineStart";
|
|
@@ -2217,7 +2213,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2217
2213
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2218
2214
|
readonly transform: (value: string | number) => string | 0;
|
|
2219
2215
|
}>;
|
|
2220
|
-
maxHeight?: import("@codecademy/variance").Scale<{
|
|
2216
|
+
maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2221
2217
|
readonly property: {
|
|
2222
2218
|
readonly physical: "maxHeight";
|
|
2223
2219
|
readonly logical: "maxBlockSize";
|
|
@@ -2225,7 +2221,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2225
2221
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2226
2222
|
readonly transform: (value: string | number) => string | 0;
|
|
2227
2223
|
}>;
|
|
2228
|
-
maxWidth?: import("@codecademy/variance").Scale<{
|
|
2224
|
+
maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2229
2225
|
readonly property: {
|
|
2230
2226
|
readonly physical: "maxWidth";
|
|
2231
2227
|
readonly logical: "maxInlineSize";
|
|
@@ -2233,7 +2229,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2233
2229
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2234
2230
|
readonly transform: (value: string | number) => string | 0;
|
|
2235
2231
|
}>;
|
|
2236
|
-
minHeight?: import("@codecademy/variance").Scale<{
|
|
2232
|
+
minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2237
2233
|
readonly property: {
|
|
2238
2234
|
readonly physical: "minHeight";
|
|
2239
2235
|
readonly logical: "minBlockSize";
|
|
@@ -2241,7 +2237,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2241
2237
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2242
2238
|
readonly transform: (value: string | number) => string | 0;
|
|
2243
2239
|
}>;
|
|
2244
|
-
minWidth?: import("@codecademy/variance").Scale<{
|
|
2240
|
+
minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2245
2241
|
readonly property: {
|
|
2246
2242
|
readonly physical: "minWidth";
|
|
2247
2243
|
readonly logical: "minInlineSize";
|
|
@@ -2249,30 +2245,30 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2249
2245
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2250
2246
|
readonly transform: (value: string | number) => string | 0;
|
|
2251
2247
|
}>;
|
|
2252
|
-
opacity?: import("@codecademy/variance").Scale<{
|
|
2248
|
+
opacity?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2253
2249
|
readonly property: "opacity";
|
|
2254
2250
|
}>;
|
|
2255
|
-
order?: import("@codecademy/variance").Scale<{
|
|
2251
|
+
order?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2256
2252
|
readonly property: "order";
|
|
2257
2253
|
}>;
|
|
2258
|
-
overflowX?: import("@codecademy/variance").Scale<{
|
|
2254
|
+
overflowX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2259
2255
|
readonly property: {
|
|
2260
2256
|
readonly physical: "overflowX";
|
|
2261
2257
|
readonly logical: "overflowInline";
|
|
2262
2258
|
};
|
|
2263
2259
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2264
2260
|
}>;
|
|
2265
|
-
overflowY?: import("@codecademy/variance").Scale<{
|
|
2261
|
+
overflowY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2266
2262
|
readonly property: {
|
|
2267
2263
|
readonly physical: "overflowY";
|
|
2268
2264
|
readonly logical: "overflowBlock";
|
|
2269
2265
|
};
|
|
2270
2266
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2271
2267
|
}>;
|
|
2272
|
-
position?: import("@codecademy/variance").Scale<{
|
|
2268
|
+
position?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2273
2269
|
readonly property: "position";
|
|
2274
2270
|
}>;
|
|
2275
|
-
right?: import("@codecademy/variance").Scale<{
|
|
2271
|
+
right?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2276
2272
|
readonly property: {
|
|
2277
2273
|
readonly physical: "right";
|
|
2278
2274
|
readonly logical: "insetInlineEnd";
|
|
@@ -2280,11 +2276,11 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2280
2276
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2281
2277
|
readonly transform: (value: string | number) => string | 0;
|
|
2282
2278
|
}>;
|
|
2283
|
-
rowGap?: import("@codecademy/variance").Scale<{
|
|
2279
|
+
rowGap?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2284
2280
|
readonly property: "rowGap";
|
|
2285
2281
|
readonly scale: "spacing";
|
|
2286
2282
|
}>;
|
|
2287
|
-
top?: import("@codecademy/variance").Scale<{
|
|
2283
|
+
top?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2288
2284
|
readonly property: {
|
|
2289
2285
|
readonly physical: "top";
|
|
2290
2286
|
readonly logical: "insetBlockStart";
|
|
@@ -2292,16 +2288,16 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2292
2288
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2293
2289
|
readonly transform: (value: string | number) => string | 0;
|
|
2294
2290
|
}>;
|
|
2295
|
-
verticalAlign?: import("@codecademy/variance").Scale<{
|
|
2291
|
+
verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2296
2292
|
readonly property: "verticalAlign";
|
|
2297
2293
|
}>;
|
|
2298
|
-
zIndex?: import("@codecademy/variance").Scale<{
|
|
2294
|
+
zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2299
2295
|
readonly property: "zIndex";
|
|
2300
2296
|
}>;
|
|
2301
|
-
backgroundPosition?: import("@codecademy/variance").Scale<{
|
|
2297
|
+
backgroundPosition?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2302
2298
|
readonly property: "backgroundPosition";
|
|
2303
2299
|
}>;
|
|
2304
|
-
borderBottom?: import("@codecademy/variance").Scale<{
|
|
2300
|
+
borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2305
2301
|
readonly property: {
|
|
2306
2302
|
readonly physical: "borderBottom";
|
|
2307
2303
|
readonly logical: "borderBlockEnd";
|
|
@@ -2309,11 +2305,11 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2309
2305
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2310
2306
|
readonly scale: "borders";
|
|
2311
2307
|
}>;
|
|
2312
|
-
borderColor?: import("@codecademy/variance").Scale<{
|
|
2308
|
+
borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2313
2309
|
readonly property: "borderColor";
|
|
2314
2310
|
readonly scale: "colors";
|
|
2315
2311
|
}>;
|
|
2316
|
-
borderLeft?: import("@codecademy/variance").Scale<{
|
|
2312
|
+
borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2317
2313
|
readonly property: {
|
|
2318
2314
|
readonly physical: "borderLeft";
|
|
2319
2315
|
readonly logical: "borderInlineStart";
|
|
@@ -2321,11 +2317,11 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2321
2317
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2322
2318
|
readonly scale: "borders";
|
|
2323
2319
|
}>;
|
|
2324
|
-
borderRadius?: import("@codecademy/variance").Scale<{
|
|
2320
|
+
borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2325
2321
|
readonly property: "borderRadius";
|
|
2326
2322
|
readonly scale: "borderRadii";
|
|
2327
2323
|
}>;
|
|
2328
|
-
borderRight?: import("@codecademy/variance").Scale<{
|
|
2324
|
+
borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2329
2325
|
readonly property: {
|
|
2330
2326
|
readonly physical: "borderRight";
|
|
2331
2327
|
readonly logical: "borderInlineEnd";
|
|
@@ -2333,10 +2329,10 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2333
2329
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2334
2330
|
readonly scale: "borders";
|
|
2335
2331
|
}>;
|
|
2336
|
-
borderStyle?: import("@codecademy/variance").Scale<{
|
|
2332
|
+
borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2337
2333
|
readonly property: "borderStyle";
|
|
2338
2334
|
}>;
|
|
2339
|
-
borderTop?: import("@codecademy/variance").Scale<{
|
|
2335
|
+
borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2340
2336
|
readonly property: {
|
|
2341
2337
|
readonly physical: "borderTop";
|
|
2342
2338
|
readonly logical: "borderBlockStart";
|
|
@@ -2344,26 +2340,26 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2344
2340
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2345
2341
|
readonly scale: "borders";
|
|
2346
2342
|
}>;
|
|
2347
|
-
borderWidth?: import("@codecademy/variance").Scale<{
|
|
2343
|
+
borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2348
2344
|
readonly property: "borderWidth";
|
|
2349
2345
|
}>;
|
|
2350
|
-
flex?: import("@codecademy/variance").Scale<{
|
|
2346
|
+
flex?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2351
2347
|
readonly property: "flex";
|
|
2352
2348
|
}>;
|
|
2353
|
-
gap?: import("@codecademy/variance").Scale<{
|
|
2349
|
+
gap?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2354
2350
|
readonly property: "gap";
|
|
2355
2351
|
readonly scale: "spacing";
|
|
2356
2352
|
}>;
|
|
2357
|
-
gridArea?: import("@codecademy/variance").Scale<{
|
|
2353
|
+
gridArea?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2358
2354
|
readonly property: "gridArea";
|
|
2359
2355
|
}>;
|
|
2360
|
-
gridColumn?: import("@codecademy/variance").Scale<{
|
|
2356
|
+
gridColumn?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2361
2357
|
readonly property: "gridColumn";
|
|
2362
2358
|
}>;
|
|
2363
|
-
gridRow?: import("@codecademy/variance").Scale<{
|
|
2359
|
+
gridRow?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2364
2360
|
readonly property: "gridRow";
|
|
2365
2361
|
}>;
|
|
2366
|
-
inset?: import("@codecademy/variance").Scale<{
|
|
2362
|
+
inset?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2367
2363
|
readonly property: "inset";
|
|
2368
2364
|
readonly properties: {
|
|
2369
2365
|
readonly physical: readonly ["top", "right", "bottom", "left"];
|
|
@@ -2372,10 +2368,10 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2372
2368
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2373
2369
|
readonly transform: (value: string | number) => string | 0;
|
|
2374
2370
|
}>;
|
|
2375
|
-
overflow?: import("@codecademy/variance").Scale<{
|
|
2371
|
+
overflow?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2376
2372
|
readonly property: "overflow";
|
|
2377
2373
|
}>;
|
|
2378
|
-
px?: import("@codecademy/variance").Scale<{
|
|
2374
|
+
px?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2379
2375
|
readonly property: "padding";
|
|
2380
2376
|
readonly properties: {
|
|
2381
2377
|
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
@@ -2384,7 +2380,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2384
2380
|
readonly scale: "spacing";
|
|
2385
2381
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2386
2382
|
}>;
|
|
2387
|
-
py?: import("@codecademy/variance").Scale<{
|
|
2383
|
+
py?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2388
2384
|
readonly property: "padding";
|
|
2389
2385
|
readonly properties: {
|
|
2390
2386
|
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
@@ -2393,7 +2389,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2393
2389
|
readonly scale: "spacing";
|
|
2394
2390
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2395
2391
|
}>;
|
|
2396
|
-
pt?: import("@codecademy/variance").Scale<{
|
|
2392
|
+
pt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2397
2393
|
readonly property: {
|
|
2398
2394
|
readonly physical: "paddingTop";
|
|
2399
2395
|
readonly logical: "paddingBlockStart";
|
|
@@ -2401,7 +2397,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2401
2397
|
readonly scale: "spacing";
|
|
2402
2398
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2403
2399
|
}>;
|
|
2404
|
-
pb?: import("@codecademy/variance").Scale<{
|
|
2400
|
+
pb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2405
2401
|
readonly property: {
|
|
2406
2402
|
readonly physical: "paddingBottom";
|
|
2407
2403
|
readonly logical: "paddingBlockEnd";
|
|
@@ -2409,7 +2405,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2409
2405
|
readonly scale: "spacing";
|
|
2410
2406
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2411
2407
|
}>;
|
|
2412
|
-
pr?: import("@codecademy/variance").Scale<{
|
|
2408
|
+
pr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2413
2409
|
readonly property: {
|
|
2414
2410
|
readonly physical: "paddingRight";
|
|
2415
2411
|
readonly logical: "paddingInlineEnd";
|
|
@@ -2417,7 +2413,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2417
2413
|
readonly scale: "spacing";
|
|
2418
2414
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2419
2415
|
}>;
|
|
2420
|
-
pl?: import("@codecademy/variance").Scale<{
|
|
2416
|
+
pl?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2421
2417
|
readonly property: {
|
|
2422
2418
|
readonly physical: "paddingLeft";
|
|
2423
2419
|
readonly logical: "paddingInlineStart";
|
|
@@ -2425,11 +2421,11 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2425
2421
|
readonly scale: "spacing";
|
|
2426
2422
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2427
2423
|
}>;
|
|
2428
|
-
m?: import("@codecademy/variance").Scale<{
|
|
2424
|
+
m?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2429
2425
|
readonly property: "margin";
|
|
2430
2426
|
readonly scale: "spacing";
|
|
2431
2427
|
}>;
|
|
2432
|
-
mx?: import("@codecademy/variance").Scale<{
|
|
2428
|
+
mx?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2433
2429
|
readonly property: "margin";
|
|
2434
2430
|
readonly properties: {
|
|
2435
2431
|
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
@@ -2438,7 +2434,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2438
2434
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2439
2435
|
readonly scale: "spacing";
|
|
2440
2436
|
}>;
|
|
2441
|
-
my?: import("@codecademy/variance").Scale<{
|
|
2437
|
+
my?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2442
2438
|
readonly property: "margin";
|
|
2443
2439
|
readonly properties: {
|
|
2444
2440
|
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
@@ -2447,7 +2443,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2447
2443
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2448
2444
|
readonly scale: "spacing";
|
|
2449
2445
|
}>;
|
|
2450
|
-
mt?: import("@codecademy/variance").Scale<{
|
|
2446
|
+
mt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2451
2447
|
readonly property: {
|
|
2452
2448
|
readonly physical: "marginTop";
|
|
2453
2449
|
readonly logical: "marginBlockStart";
|
|
@@ -2455,7 +2451,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2455
2451
|
readonly scale: "spacing";
|
|
2456
2452
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2457
2453
|
}>;
|
|
2458
|
-
mb?: import("@codecademy/variance").Scale<{
|
|
2454
|
+
mb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2459
2455
|
readonly property: {
|
|
2460
2456
|
readonly physical: "marginBottom";
|
|
2461
2457
|
readonly logical: "marginBlockEnd";
|
|
@@ -2463,7 +2459,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2463
2459
|
readonly scale: "spacing";
|
|
2464
2460
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2465
2461
|
}>;
|
|
2466
|
-
mr?: import("@codecademy/variance").Scale<{
|
|
2462
|
+
mr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2467
2463
|
readonly property: {
|
|
2468
2464
|
readonly physical: "marginRight";
|
|
2469
2465
|
readonly logical: "marginInlineEnd";
|
|
@@ -2471,7 +2467,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2471
2467
|
readonly scale: "spacing";
|
|
2472
2468
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2473
2469
|
}>;
|
|
2474
|
-
ml?: import("@codecademy/variance").Scale<{
|
|
2470
|
+
ml?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2475
2471
|
readonly property: {
|
|
2476
2472
|
readonly physical: "marginLeft";
|
|
2477
2473
|
readonly logical: "marginInlineStart";
|
|
@@ -2479,7 +2475,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2479
2475
|
readonly scale: "spacing";
|
|
2480
2476
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2481
2477
|
}>;
|
|
2482
|
-
borderX?: import("@codecademy/variance").Scale<{
|
|
2478
|
+
borderX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2483
2479
|
readonly property: "border";
|
|
2484
2480
|
readonly properties: {
|
|
2485
2481
|
readonly physical: readonly ["borderLeft", "borderRight"];
|
|
@@ -2488,7 +2484,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2488
2484
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2489
2485
|
readonly scale: "borders";
|
|
2490
2486
|
}>;
|
|
2491
|
-
borderY?: import("@codecademy/variance").Scale<{
|
|
2487
|
+
borderY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2492
2488
|
readonly property: "border";
|
|
2493
2489
|
readonly properties: {
|
|
2494
2490
|
readonly physical: readonly ["borderTop", "borderBottom"];
|
|
@@ -2497,7 +2493,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2497
2493
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2498
2494
|
readonly scale: "borders";
|
|
2499
2495
|
}>;
|
|
2500
|
-
borderWidthX?: import("@codecademy/variance").Scale<{
|
|
2496
|
+
borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2501
2497
|
readonly property: "borderWidth";
|
|
2502
2498
|
readonly properties: {
|
|
2503
2499
|
readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
|
|
@@ -2505,7 +2501,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2505
2501
|
};
|
|
2506
2502
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2507
2503
|
}>;
|
|
2508
|
-
borderWidthY?: import("@codecademy/variance").Scale<{
|
|
2504
|
+
borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2509
2505
|
readonly property: "borderWidth";
|
|
2510
2506
|
readonly properties: {
|
|
2511
2507
|
readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
|
|
@@ -2513,35 +2509,35 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2513
2509
|
};
|
|
2514
2510
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2515
2511
|
}>;
|
|
2516
|
-
borderWidthLeft?: import("@codecademy/variance").Scale<{
|
|
2512
|
+
borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2517
2513
|
readonly property: {
|
|
2518
2514
|
readonly physical: "borderLeftWidth";
|
|
2519
2515
|
readonly logical: "borderInlineStartWidth";
|
|
2520
2516
|
};
|
|
2521
2517
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2522
2518
|
}>;
|
|
2523
|
-
borderWidthRight?: import("@codecademy/variance").Scale<{
|
|
2519
|
+
borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2524
2520
|
readonly property: {
|
|
2525
2521
|
readonly physical: "borderRightWidth";
|
|
2526
2522
|
readonly logical: "borderInlineEndWidth";
|
|
2527
2523
|
};
|
|
2528
2524
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2529
2525
|
}>;
|
|
2530
|
-
borderWidthTop?: import("@codecademy/variance").Scale<{
|
|
2526
|
+
borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2531
2527
|
readonly property: {
|
|
2532
2528
|
readonly physical: "borderTopWidth";
|
|
2533
2529
|
readonly logical: "borderBlockStartWidth";
|
|
2534
2530
|
};
|
|
2535
2531
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2536
2532
|
}>;
|
|
2537
|
-
borderWidthBottom?: import("@codecademy/variance").Scale<{
|
|
2533
|
+
borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2538
2534
|
readonly property: {
|
|
2539
2535
|
readonly physical: "borderBottomWidth";
|
|
2540
2536
|
readonly logical: "borderBlockEndWidth";
|
|
2541
2537
|
};
|
|
2542
2538
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2543
2539
|
}>;
|
|
2544
|
-
borderRadiusLeft?: import("@codecademy/variance").Scale<{
|
|
2540
|
+
borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2545
2541
|
readonly property: "borderRadius";
|
|
2546
2542
|
readonly properties: {
|
|
2547
2543
|
readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
|
|
@@ -2550,7 +2546,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2550
2546
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2551
2547
|
readonly scale: "borderRadii";
|
|
2552
2548
|
}>;
|
|
2553
|
-
borderRadiusTop?: import("@codecademy/variance").Scale<{
|
|
2549
|
+
borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2554
2550
|
readonly property: "borderRadius";
|
|
2555
2551
|
readonly properties: {
|
|
2556
2552
|
readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
|
|
@@ -2559,7 +2555,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2559
2555
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2560
2556
|
readonly scale: "borderRadii";
|
|
2561
2557
|
}>;
|
|
2562
|
-
borderRadiusBottom?: import("@codecademy/variance").Scale<{
|
|
2558
|
+
borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2563
2559
|
readonly property: "borderRadius";
|
|
2564
2560
|
readonly properties: {
|
|
2565
2561
|
readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
|
|
@@ -2568,7 +2564,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2568
2564
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2569
2565
|
readonly scale: "borderRadii";
|
|
2570
2566
|
}>;
|
|
2571
|
-
borderRadiusRight?: import("@codecademy/variance").Scale<{
|
|
2567
|
+
borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2572
2568
|
readonly property: "borderRadius";
|
|
2573
2569
|
readonly properties: {
|
|
2574
2570
|
readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
|
|
@@ -2577,7 +2573,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2577
2573
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2578
2574
|
readonly scale: "borderRadii";
|
|
2579
2575
|
}>;
|
|
2580
|
-
borderRadiusTopLeft?: import("@codecademy/variance").Scale<{
|
|
2576
|
+
borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2581
2577
|
readonly property: {
|
|
2582
2578
|
readonly physical: "borderTopLeftRadius";
|
|
2583
2579
|
readonly logical: "borderStartStartRadius";
|
|
@@ -2585,7 +2581,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2585
2581
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2586
2582
|
readonly scale: "borderRadii";
|
|
2587
2583
|
}>;
|
|
2588
|
-
borderRadiusTopRight?: import("@codecademy/variance").Scale<{
|
|
2584
|
+
borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2589
2585
|
readonly property: {
|
|
2590
2586
|
readonly physical: "borderTopRightRadius";
|
|
2591
2587
|
readonly logical: "borderStartEndRadius";
|
|
@@ -2593,7 +2589,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2593
2589
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2594
2590
|
readonly scale: "borderRadii";
|
|
2595
2591
|
}>;
|
|
2596
|
-
borderRadiusBottomRight?: import("@codecademy/variance").Scale<{
|
|
2592
|
+
borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2597
2593
|
readonly property: {
|
|
2598
2594
|
readonly physical: "borderBottomRightRadius";
|
|
2599
2595
|
readonly logical: "borderEndEndRadius";
|
|
@@ -2601,7 +2597,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2601
2597
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2602
2598
|
readonly scale: "borderRadii";
|
|
2603
2599
|
}>;
|
|
2604
|
-
borderRadiusBottomLeft?: import("@codecademy/variance").Scale<{
|
|
2600
|
+
borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2605
2601
|
readonly property: {
|
|
2606
2602
|
readonly physical: "borderBottomLeftRadius";
|
|
2607
2603
|
readonly logical: "borderEndStartRadius";
|
|
@@ -2609,7 +2605,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2609
2605
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2610
2606
|
readonly scale: "borderRadii";
|
|
2611
2607
|
}>;
|
|
2612
|
-
borderStyleX?: import("@codecademy/variance").Scale<{
|
|
2608
|
+
borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2613
2609
|
readonly property: "borderStyle";
|
|
2614
2610
|
readonly properties: {
|
|
2615
2611
|
readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
|
|
@@ -2617,7 +2613,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2617
2613
|
};
|
|
2618
2614
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2619
2615
|
}>;
|
|
2620
|
-
borderStyleY?: import("@codecademy/variance").Scale<{
|
|
2616
|
+
borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2621
2617
|
readonly property: "borderStyle";
|
|
2622
2618
|
readonly properties: {
|
|
2623
2619
|
readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
|
|
@@ -2625,35 +2621,35 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2625
2621
|
};
|
|
2626
2622
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2627
2623
|
}>;
|
|
2628
|
-
borderStyleLeft?: import("@codecademy/variance").Scale<{
|
|
2624
|
+
borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2629
2625
|
readonly property: {
|
|
2630
2626
|
readonly physical: "borderLeftStyle";
|
|
2631
2627
|
readonly logical: "borderInlineStartStyle";
|
|
2632
2628
|
};
|
|
2633
2629
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2634
2630
|
}>;
|
|
2635
|
-
borderStyleRight?: import("@codecademy/variance").Scale<{
|
|
2631
|
+
borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2636
2632
|
readonly property: {
|
|
2637
2633
|
readonly physical: "borderRightStyle";
|
|
2638
2634
|
readonly logical: "borderInlineEndStyle";
|
|
2639
2635
|
};
|
|
2640
2636
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2641
2637
|
}>;
|
|
2642
|
-
borderStyleTop?: import("@codecademy/variance").Scale<{
|
|
2638
|
+
borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2643
2639
|
readonly property: {
|
|
2644
2640
|
readonly physical: "borderTopStyle";
|
|
2645
2641
|
readonly logical: "borderBlockStartStyle";
|
|
2646
2642
|
};
|
|
2647
2643
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2648
2644
|
}>;
|
|
2649
|
-
borderStyleBottom?: import("@codecademy/variance").Scale<{
|
|
2645
|
+
borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2650
2646
|
readonly property: {
|
|
2651
2647
|
readonly physical: "borderBottomStyle";
|
|
2652
2648
|
readonly logical: "borderBlockEndStyle";
|
|
2653
2649
|
};
|
|
2654
2650
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2655
2651
|
}>;
|
|
2656
|
-
dimensions?: import("@codecademy/variance").Scale<{
|
|
2652
|
+
dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2657
2653
|
readonly property: "width";
|
|
2658
2654
|
readonly properties: {
|
|
2659
2655
|
readonly physical: readonly ["width", "height"];
|
|
@@ -2662,12 +2658,12 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2662
2658
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2663
2659
|
readonly transform: (value: string | number) => string | 0;
|
|
2664
2660
|
}>;
|
|
2665
|
-
textColor?: import("@codecademy/variance").Scale<{
|
|
2661
|
+
textColor?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2666
2662
|
readonly property: "color";
|
|
2667
2663
|
readonly scale: "colors";
|
|
2668
2664
|
}>;
|
|
2669
2665
|
bg?: "beige" | "blue" | "green" | "hyper" | "lightBlue" | "lightGreen" | "navy" | "orange" | "paleBlue" | "paleGreen" | "palePink" | "paleYellow" | "pink" | "paleRed" | "red" | "yellow" | "black" | "white" | "beige-100" | "blue-0" | "blue-100" | "blue-300" | "blue-400" | "blue-500" | "blue-800" | "navy-100" | "navy-300" | "navy-400" | "navy-500" | "navy-800" | "navy-200" | "navy-600" | "navy-700" | "navy-900" | "green-0" | "green-100" | "green-400" | "green-700" | "green-900" | "yellow-0" | "yellow-400" | "yellow-500" | "yellow-900" | "pink-0" | "pink-400" | "red-0" | "red-300" | "red-400" | "red-500" | "red-600" | "red-900" | "orange-100" | "orange-500" | "hyper-400" | "hyper-500" | "gray-100" | "gray-300" | "gray-800" | "gray-200" | "gray-600" | "gray-900" | "white-100" | "white-300" | "white-400" | "white-500" | "white-200" | "white-600" | "white-700" | "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "text-secondary" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-primary" | "background-disabled" | "background-error" | "background-success" | "background-warning" | "background-contrast" | "background-current" | "background-selected" | "background-hover" | "shadow-primary" | "shadow-secondary" | "primary-hover" | "primary-inverse" | "secondary-hover" | "danger-hover" | "interface-hover" | "border-primary" | "border-secondary" | "border-disabled" | "border-tertiary" | undefined;
|
|
2670
|
-
borderColorX?: import("@codecademy/variance").Scale<{
|
|
2666
|
+
borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2671
2667
|
readonly property: "borderColor";
|
|
2672
2668
|
readonly properties: {
|
|
2673
2669
|
readonly physical: readonly ["borderLeftColor", "borderRightColor"];
|
|
@@ -2676,7 +2672,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2676
2672
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2677
2673
|
readonly scale: "colors";
|
|
2678
2674
|
}>;
|
|
2679
|
-
borderColorY?: import("@codecademy/variance").Scale<{
|
|
2675
|
+
borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2680
2676
|
readonly property: "borderColor";
|
|
2681
2677
|
readonly properties: {
|
|
2682
2678
|
readonly physical: readonly ["borderTopColor", "borderBottomColor"];
|
|
@@ -2685,22 +2681,22 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2685
2681
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2686
2682
|
readonly scale: "colors";
|
|
2687
2683
|
}>;
|
|
2688
|
-
borderColorLeft?: import("@codecademy/variance").Scale<{
|
|
2684
|
+
borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2689
2685
|
readonly property: "borderLeftColor";
|
|
2690
2686
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2691
2687
|
readonly scale: "colors";
|
|
2692
2688
|
}>;
|
|
2693
|
-
borderColorRight?: import("@codecademy/variance").Scale<{
|
|
2689
|
+
borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2694
2690
|
readonly property: "borderRightColor";
|
|
2695
2691
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2696
2692
|
readonly scale: "colors";
|
|
2697
2693
|
}>;
|
|
2698
|
-
borderColorTop?: import("@codecademy/variance").Scale<{
|
|
2694
|
+
borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2699
2695
|
readonly property: "borderTopColor";
|
|
2700
2696
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2701
2697
|
readonly scale: "colors";
|
|
2702
2698
|
}>;
|
|
2703
|
-
borderColorBottom?: import("@codecademy/variance").Scale<{
|
|
2699
|
+
borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
2704
2700
|
readonly property: "borderBottomColor";
|
|
2705
2701
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
2706
2702
|
readonly scale: "colors";
|
|
@@ -2708,8 +2704,6 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2708
2704
|
theme?: import("@emotion/react").Theme | undefined;
|
|
2709
2705
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
2710
2706
|
variables?: import("@emotion/styled").CSSObject | undefined;
|
|
2711
|
-
} & import("framer-motion").MotionProps
|
|
2712
|
-
children?: import("react").ReactNode | import("motion-dom").MotionValue<number> | import("motion-dom").MotionValue<string>;
|
|
2713
|
-
} & {
|
|
2707
|
+
} & import("framer-motion").MotionProps & {
|
|
2714
2708
|
theme?: import("@emotion/react").Theme;
|
|
2715
2709
|
} & CardWrapperProps, {}, {}>;
|