@codecademy/gamut 67.6.3-alpha.22c4b5.0 → 67.6.3-alpha.46b8e8.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.
@@ -1,1396 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Container for bars with responsive height
4
- */
5
- export declare const BarWrapper: import("@emotion/styled").StyledComponent<{
6
- theme?: import("@emotion/react").Theme | undefined;
7
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
8
- } & import("../../Box").BoxProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | keyof import("react").ClassAttributes<HTMLDivElement> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
9
- theme?: import("@emotion/react").Theme | undefined;
10
- }, {}, {}>;
11
- /**
12
- * Animated bar element for background/total value display
13
- */
14
- export declare const BackgroundBar: import("@emotion/styled").StyledComponent<{
15
- color?: import("@codecademy/variance/dist/types/config").Scale<{
16
- readonly property: "color";
17
- readonly scale: "colors";
18
- }>;
19
- fontSize?: import("@codecademy/variance/dist/types/config").Scale<{
20
- readonly property: "fontSize";
21
- readonly scale: "fontSize";
22
- }>;
23
- fontFamily?: import("@codecademy/variance/dist/types/config").Scale<{
24
- readonly property: "fontFamily";
25
- readonly scale: "fontFamily";
26
- }>;
27
- lineHeight?: import("@codecademy/variance/dist/types/config").Scale<{
28
- readonly property: "lineHeight";
29
- readonly scale: "lineHeight";
30
- }>;
31
- fontWeight?: import("@codecademy/variance/dist/types/config").Scale<{
32
- readonly property: "fontWeight";
33
- readonly scale: "fontWeight";
34
- }>;
35
- background?: import("@codecademy/variance/dist/types/config").Scale<{
36
- readonly property: "background";
37
- }>;
38
- border?: import("@codecademy/variance/dist/types/config").Scale<{
39
- readonly property: "border";
40
- readonly scale: "borders";
41
- }>;
42
- p?: import("@codecademy/variance/dist/types/config").Scale<{
43
- readonly property: "padding";
44
- readonly scale: "spacing";
45
- }>;
46
- slot?: string | undefined;
47
- title?: string | undefined;
48
- dir?: string | undefined;
49
- className?: string | undefined;
50
- height?: import("@codecademy/variance/dist/types/config").Scale<{
51
- readonly property: "height";
52
- readonly transform: (value: string | number) => string | 0;
53
- }>;
54
- width?: import("@codecademy/variance/dist/types/config").Scale<{
55
- readonly property: "width";
56
- readonly transform: (value: string | number) => string | 0;
57
- }>;
58
- "aria-hidden"?: (boolean | "false" | "true") | undefined;
59
- ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
60
- key?: import("react").Key | null | undefined;
61
- defaultChecked?: boolean | undefined;
62
- defaultValue?: string | number | readonly string[] | undefined;
63
- suppressContentEditableWarning?: boolean | undefined;
64
- suppressHydrationWarning?: boolean | undefined;
65
- accessKey?: string | undefined;
66
- autoFocus?: boolean | undefined;
67
- contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
68
- contextMenu?: string | undefined;
69
- draggable?: (boolean | "false" | "true") | undefined;
70
- hidden?: boolean | undefined;
71
- id?: string | undefined;
72
- lang?: string | undefined;
73
- nonce?: string | undefined;
74
- spellCheck?: (boolean | "false" | "true") | undefined;
75
- tabIndex?: number | undefined;
76
- translate?: "no" | "yes" | undefined;
77
- radioGroup?: string | undefined;
78
- role?: import("react").AriaRole | undefined;
79
- about?: string | undefined;
80
- content?: string | undefined;
81
- datatype?: string | undefined;
82
- inlist?: any;
83
- prefix?: string | undefined;
84
- property?: string | undefined;
85
- rel?: string | undefined;
86
- resource?: string | undefined;
87
- rev?: string | undefined;
88
- typeof?: string | undefined;
89
- vocab?: string | undefined;
90
- autoCapitalize?: string | undefined;
91
- autoCorrect?: string | undefined;
92
- autoSave?: string | undefined;
93
- itemProp?: string | undefined;
94
- itemScope?: boolean | undefined;
95
- itemType?: string | undefined;
96
- itemID?: string | undefined;
97
- itemRef?: string | undefined;
98
- results?: number | undefined;
99
- security?: string | undefined;
100
- unselectable?: "off" | "on" | undefined;
101
- inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
102
- is?: string | undefined;
103
- "aria-activedescendant"?: string | undefined;
104
- "aria-atomic"?: (boolean | "false" | "true") | undefined;
105
- "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
106
- "aria-braillelabel"?: string | undefined;
107
- "aria-brailleroledescription"?: string | undefined;
108
- "aria-busy"?: (boolean | "false" | "true") | undefined;
109
- "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
110
- "aria-colcount"?: number | undefined;
111
- "aria-colindex"?: number | undefined;
112
- "aria-colindextext"?: string | undefined;
113
- "aria-colspan"?: number | undefined;
114
- "aria-controls"?: string | undefined;
115
- "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
116
- "aria-describedby"?: string | undefined;
117
- "aria-description"?: string | undefined;
118
- "aria-details"?: string | undefined;
119
- "aria-disabled"?: (boolean | "false" | "true") | undefined;
120
- "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
121
- "aria-errormessage"?: string | undefined;
122
- "aria-expanded"?: (boolean | "false" | "true") | undefined;
123
- "aria-flowto"?: string | undefined;
124
- "aria-grabbed"?: (boolean | "false" | "true") | undefined;
125
- "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
126
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
127
- "aria-keyshortcuts"?: string | undefined;
128
- "aria-label"?: string | undefined;
129
- "aria-labelledby"?: string | undefined;
130
- "aria-level"?: number | undefined;
131
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
132
- "aria-modal"?: (boolean | "false" | "true") | undefined;
133
- "aria-multiline"?: (boolean | "false" | "true") | undefined;
134
- "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
135
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
136
- "aria-owns"?: string | undefined;
137
- "aria-placeholder"?: string | undefined;
138
- "aria-posinset"?: number | undefined;
139
- "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
140
- "aria-readonly"?: (boolean | "false" | "true") | undefined;
141
- "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
142
- "aria-required"?: (boolean | "false" | "true") | undefined;
143
- "aria-roledescription"?: string | undefined;
144
- "aria-rowcount"?: number | undefined;
145
- "aria-rowindex"?: number | undefined;
146
- "aria-rowindextext"?: string | undefined;
147
- "aria-rowspan"?: number | undefined;
148
- "aria-selected"?: (boolean | "false" | "true") | undefined;
149
- "aria-setsize"?: number | undefined;
150
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
151
- "aria-valuemax"?: number | undefined;
152
- "aria-valuemin"?: number | undefined;
153
- "aria-valuenow"?: number | undefined;
154
- "aria-valuetext"?: string | undefined;
155
- dangerouslySetInnerHTML?: {
156
- __html: string | TrustedHTML;
157
- } | undefined;
158
- onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
159
- onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
160
- onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
161
- onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
162
- onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
163
- onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
164
- onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
165
- onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
166
- onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
167
- onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
168
- onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
169
- onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
170
- onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
171
- onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
172
- onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
173
- onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
174
- onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
175
- onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
176
- onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
177
- onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
178
- onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
179
- onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
180
- onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
181
- onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
182
- onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
183
- onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
184
- onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
185
- onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
186
- onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
187
- onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
188
- onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
189
- onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
190
- onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
191
- onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
192
- onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
193
- onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
194
- onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
195
- onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
196
- onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
197
- onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
198
- onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
199
- onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
200
- onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
201
- onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
202
- onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
203
- onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
204
- onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
205
- onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
206
- onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
207
- onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
208
- onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
209
- onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
210
- onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
211
- onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
212
- onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
213
- onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
214
- onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
215
- onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
216
- onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
217
- onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
218
- onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
219
- onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
220
- onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
221
- onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
222
- onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
223
- onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
224
- onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
225
- onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
226
- onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
227
- onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
228
- onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
229
- onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
230
- onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
231
- onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
232
- onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
233
- onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
234
- onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
235
- onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
236
- onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
237
- onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
238
- onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
239
- onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
240
- onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
241
- onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
242
- onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
243
- onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
244
- onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
245
- onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
246
- onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
247
- onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
248
- onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
249
- onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
250
- onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
251
- onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
252
- onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
253
- onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
254
- onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
255
- onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
256
- onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
257
- onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
258
- onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
259
- onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
260
- onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
261
- onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
262
- onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
263
- onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
264
- onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
265
- onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
266
- onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
267
- onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
268
- onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
269
- onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
270
- onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
271
- onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
272
- onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
273
- onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
274
- onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
275
- onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
276
- onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
277
- onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
278
- onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
279
- onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
280
- onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
281
- onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
282
- onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
283
- onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
284
- onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
285
- onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
286
- onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
287
- onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
288
- onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
289
- onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
290
- onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
291
- onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
292
- onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
293
- onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
294
- onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
295
- onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
296
- onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
297
- onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
298
- onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
299
- onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
300
- onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
301
- onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
302
- onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
303
- onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
304
- onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
305
- onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
306
- onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
307
- onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
308
- onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
309
- onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
310
- onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
311
- onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
312
- onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
313
- onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
314
- 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;
315
- alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "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;
316
- alignSelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "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;
317
- backgroundImage?: import("@codecademy/variance/dist/types/config").Scale<{
318
- readonly property: "backgroundImage";
319
- }>;
320
- backgroundRepeat?: import("@codecademy/variance/dist/types/config").Scale<{
321
- readonly property: "backgroundRepeat";
322
- }>;
323
- backgroundSize?: import("@codecademy/variance/dist/types/config").Scale<{
324
- readonly property: "backgroundSize";
325
- }>;
326
- bottom?: import("@codecademy/variance/dist/types/config").Scale<{
327
- readonly property: "bottom";
328
- readonly transform: (value: string | number) => string | 0;
329
- }>;
330
- boxShadow?: import("@codecademy/variance/dist/types/config").Scale<{
331
- readonly property: "boxShadow";
332
- }>;
333
- columnGap?: import("@codecademy/variance/dist/types/config").Scale<{
334
- readonly property: "columnGap";
335
- readonly scale: "spacing";
336
- }>;
337
- containerType?: import("@codecademy/variance/dist/types/config").Scale<{
338
- readonly property: "containerType";
339
- }>;
340
- display?: import("@codecademy/variance/dist/types/config").Scale<{
341
- readonly property: "display";
342
- }>;
343
- flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-max-content" | "-moz-min-content" | "auto" | "fit-content" | "max-content" | "min-content" | "-moz-fit-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;
344
- flexDirection?: import("@codecademy/variance/dist/types/config").Scale<{
345
- readonly property: "flexDirection";
346
- }>;
347
- 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;
348
- 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;
349
- flexWrap?: import("@codecademy/variance/dist/types/config").Scale<{
350
- readonly property: "flexWrap";
351
- }>;
352
- fontStyle?: import("@codecademy/variance/dist/types/config").Scale<{
353
- readonly property: "fontStyle";
354
- }>;
355
- gridAutoColumns?: import("@codecademy/variance/dist/types/config").Scale<{
356
- readonly property: "gridAutoColumns";
357
- }>;
358
- gridAutoFlow?: import("@codecademy/variance/dist/types/config").Scale<{
359
- readonly property: "gridAutoFlow";
360
- }>;
361
- gridAutoRows?: import("@codecademy/variance/dist/types/config").Scale<{
362
- readonly property: "gridAutoRows";
363
- }>;
364
- 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;
365
- 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;
366
- 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;
367
- 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;
368
- gridTemplateAreas?: import("@codecademy/variance/dist/types/config").Scale<{
369
- readonly property: "gridTemplateAreas";
370
- }>;
371
- gridTemplateColumns?: import("@codecademy/variance/dist/types/config").Scale<{
372
- readonly property: "gridTemplateColumns";
373
- }>;
374
- gridTemplateRows?: import("@codecademy/variance/dist/types/config").Scale<{
375
- readonly property: "gridTemplateRows";
376
- }>;
377
- 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;
378
- 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" | "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;
379
- 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" | "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;
380
- left?: import("@codecademy/variance/dist/types/config").Scale<{
381
- readonly property: "left";
382
- readonly transform: (value: string | number) => string | 0;
383
- }>;
384
- letterSpacing?: import("@codecademy/variance/dist/types/config").Scale<{
385
- readonly property: "letterSpacing";
386
- }>;
387
- listStyleImage?: import("@codecademy/variance/dist/types/config").Scale<{
388
- readonly property: "listStyleImage";
389
- }>;
390
- listStylePosition?: import("@codecademy/variance/dist/types/config").Scale<{
391
- readonly property: "listStylePosition";
392
- }>;
393
- listStyleType?: import("@codecademy/variance/dist/types/config").Scale<{
394
- readonly property: "listStyleType";
395
- }>;
396
- maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
397
- readonly property: "maxHeight";
398
- readonly transform: (value: string | number) => string | 0;
399
- }>;
400
- maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
401
- readonly property: "maxWidth";
402
- readonly transform: (value: string | number) => string | 0;
403
- }>;
404
- minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
405
- readonly property: "minHeight";
406
- readonly transform: (value: string | number) => string | 0;
407
- }>;
408
- minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
409
- readonly property: "minWidth";
410
- readonly transform: (value: string | number) => string | 0;
411
- }>;
412
- opacity?: import("@codecademy/variance/dist/types/config").Scale<{
413
- readonly property: "opacity";
414
- }>;
415
- 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;
416
- overflowX?: import("@codecademy/variance/dist/types/config").Scale<{
417
- readonly property: "overflowX";
418
- }>;
419
- overflowY?: import("@codecademy/variance/dist/types/config").Scale<{
420
- readonly property: "overflowY";
421
- }>;
422
- position?: import("@codecademy/variance/dist/types/config").Scale<{
423
- readonly property: "position";
424
- }>;
425
- right?: import("@codecademy/variance/dist/types/config").Scale<{
426
- readonly property: "right";
427
- readonly transform: (value: string | number) => string | 0;
428
- }>;
429
- rowGap?: import("@codecademy/variance/dist/types/config").Scale<{
430
- readonly property: "rowGap";
431
- readonly scale: "spacing";
432
- }>;
433
- textAlign?: import("@codecademy/variance/dist/types/config").Scale<{
434
- readonly property: "textAlign";
435
- }>;
436
- textShadow?: import("@codecademy/variance/dist/types/config").Scale<{
437
- readonly property: "textShadow";
438
- }>;
439
- textTransform?: import("@codecademy/variance/dist/types/config").Scale<{
440
- readonly property: "textTransform";
441
- }>;
442
- top?: import("@codecademy/variance/dist/types/config").Scale<{
443
- readonly property: "top";
444
- readonly transform: (value: string | number) => string | 0;
445
- }>;
446
- verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{
447
- readonly property: "verticalAlign";
448
- }>;
449
- whiteSpace?: import("@codecademy/variance/dist/types/config").Scale<{
450
- readonly property: "whiteSpace";
451
- }>;
452
- zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
453
- readonly property: "zIndex";
454
- }>;
455
- backgroundPosition?: import("@codecademy/variance/dist/types/config").Scale<{
456
- readonly property: "backgroundPosition";
457
- }>;
458
- borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
459
- readonly property: "borderBottom";
460
- readonly scale: "borders";
461
- }>;
462
- borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
463
- readonly property: "borderColor";
464
- readonly scale: "colors";
465
- }>;
466
- borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
467
- readonly property: "borderLeft";
468
- readonly scale: "borders";
469
- }>;
470
- borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
471
- readonly property: "borderRadius";
472
- readonly scale: "borderRadii";
473
- }>;
474
- borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
475
- readonly property: "borderRight";
476
- readonly scale: "borders";
477
- }>;
478
- borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
479
- readonly property: "borderStyle";
480
- }>;
481
- borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
482
- readonly property: "borderTop";
483
- readonly scale: "borders";
484
- }>;
485
- borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
486
- readonly property: "borderWidth";
487
- }>;
488
- flex?: import("@codecademy/variance/dist/types/config").Scale<{
489
- readonly property: "flex";
490
- }>;
491
- gap?: import("@codecademy/variance/dist/types/config").Scale<{
492
- readonly property: "gap";
493
- readonly scale: "spacing";
494
- }>;
495
- 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;
496
- 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;
497
- 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;
498
- inset?: import("@codecademy/variance/dist/types/config").Scale<{
499
- readonly property: "inset";
500
- readonly properties: readonly ["top", "right", "bottom", "left"];
501
- readonly transform: (value: string | number) => string | 0;
502
- }>;
503
- listStyle?: import("@codecademy/variance/dist/types/config").Scale<{
504
- readonly property: "listStyle";
505
- }>;
506
- overflow?: import("@codecademy/variance/dist/types/config").Scale<{
507
- readonly property: "overflow";
508
- }>;
509
- textDecoration?: import("@codecademy/variance/dist/types/config").Scale<{
510
- readonly property: "textDecoration";
511
- }>;
512
- px?: import("@codecademy/variance/dist/types/config").Scale<{
513
- readonly property: "padding";
514
- readonly properties: readonly ["paddingLeft", "paddingRight"];
515
- readonly scale: "spacing";
516
- }>;
517
- py?: import("@codecademy/variance/dist/types/config").Scale<{
518
- readonly property: "padding";
519
- readonly properties: readonly ["paddingTop", "paddingBottom"];
520
- readonly scale: "spacing";
521
- }>;
522
- pt?: import("@codecademy/variance/dist/types/config").Scale<{
523
- readonly property: "paddingTop";
524
- readonly scale: "spacing";
525
- }>;
526
- pb?: import("@codecademy/variance/dist/types/config").Scale<{
527
- readonly property: "paddingBottom";
528
- readonly scale: "spacing";
529
- }>;
530
- pr?: import("@codecademy/variance/dist/types/config").Scale<{
531
- readonly property: "paddingRight";
532
- readonly scale: "spacing";
533
- }>;
534
- pl?: import("@codecademy/variance/dist/types/config").Scale<{
535
- readonly property: "paddingLeft";
536
- readonly scale: "spacing";
537
- }>;
538
- m?: import("@codecademy/variance/dist/types/config").Scale<{
539
- readonly property: "margin";
540
- readonly scale: "spacing";
541
- }>;
542
- mx?: import("@codecademy/variance/dist/types/config").Scale<{
543
- readonly property: "margin";
544
- readonly properties: readonly ["marginLeft", "marginRight"];
545
- readonly scale: "spacing";
546
- }>;
547
- my?: import("@codecademy/variance/dist/types/config").Scale<{
548
- readonly property: "margin";
549
- readonly properties: readonly ["marginTop", "marginBottom"];
550
- readonly scale: "spacing";
551
- }>;
552
- mt?: import("@codecademy/variance/dist/types/config").Scale<{
553
- readonly property: "marginTop";
554
- readonly scale: "spacing";
555
- }>;
556
- mb?: import("@codecademy/variance/dist/types/config").Scale<{
557
- readonly property: "marginBottom";
558
- readonly scale: "spacing";
559
- }>;
560
- mr?: import("@codecademy/variance/dist/types/config").Scale<{
561
- readonly property: "marginRight";
562
- readonly scale: "spacing";
563
- }>;
564
- ml?: import("@codecademy/variance/dist/types/config").Scale<{
565
- readonly property: "marginLeft";
566
- readonly scale: "spacing";
567
- }>;
568
- borderX?: import("@codecademy/variance/dist/types/config").Scale<{
569
- readonly property: "border";
570
- readonly properties: readonly ["borderLeft", "borderRight"];
571
- readonly scale: "borders";
572
- }>;
573
- borderY?: import("@codecademy/variance/dist/types/config").Scale<{
574
- readonly property: "border";
575
- readonly properties: readonly ["borderTop", "borderBottom"];
576
- readonly scale: "borders";
577
- }>;
578
- borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
579
- readonly property: "borderWidth";
580
- readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
581
- }>;
582
- borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
583
- readonly property: "borderWidth";
584
- readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
585
- }>;
586
- borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
587
- readonly property: "borderLeftWidth";
588
- }>;
589
- borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
590
- readonly property: "borderRightWidth";
591
- }>;
592
- borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
593
- readonly property: "borderTopWidth";
594
- }>;
595
- borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
596
- readonly property: "borderBottomWidth";
597
- }>;
598
- borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
599
- readonly property: "borderRadius";
600
- readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
601
- readonly scale: "borderRadii";
602
- }>;
603
- borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
604
- readonly property: "borderRadius";
605
- readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
606
- readonly scale: "borderRadii";
607
- }>;
608
- borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
609
- readonly property: "borderRadius";
610
- readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
611
- readonly scale: "borderRadii";
612
- }>;
613
- borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
614
- readonly property: "borderRadius";
615
- readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
616
- readonly scale: "borderRadii";
617
- }>;
618
- borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
619
- readonly property: "borderTopLeftRadius";
620
- readonly scale: "borderRadii";
621
- }>;
622
- borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
623
- readonly property: "borderTopRightRadius";
624
- readonly scale: "borderRadii";
625
- }>;
626
- borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
627
- readonly property: "borderBottomRightRadius";
628
- readonly scale: "borderRadii";
629
- }>;
630
- borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
631
- readonly property: "borderBottomLeftRadius";
632
- readonly scale: "borderRadii";
633
- }>;
634
- borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
635
- readonly property: "borderStyle";
636
- readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
637
- }>;
638
- borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
639
- readonly property: "borderStyle";
640
- readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
641
- }>;
642
- borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
643
- readonly property: "borderLeftStyle";
644
- }>;
645
- borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
646
- readonly property: "borderRightStyle";
647
- }>;
648
- borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
649
- readonly property: "borderTopStyle";
650
- }>;
651
- borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
652
- readonly property: "borderBottomStyle";
653
- }>;
654
- dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
655
- readonly property: "width";
656
- readonly properties: readonly ["width", "height"];
657
- readonly transform: (value: string | number) => string | 0;
658
- }>;
659
- textColor?: import("@codecademy/variance/dist/types/config").Scale<{
660
- readonly property: "color";
661
- readonly scale: "colors";
662
- }>;
663
- bg?: import("@codecademy/variance/dist/types/config").Scale<{
664
- readonly property: "backgroundColor";
665
- readonly scale: "colors";
666
- }>;
667
- borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
668
- readonly property: "borderColor";
669
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
670
- readonly scale: "colors";
671
- }>;
672
- borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
673
- readonly property: "borderColor";
674
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
675
- readonly scale: "colors";
676
- }>;
677
- borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
678
- readonly property: "borderLeftColor";
679
- readonly scale: "colors";
680
- }>;
681
- borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
682
- readonly property: "borderRightColor";
683
- readonly scale: "colors";
684
- }>;
685
- borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
686
- readonly property: "borderTopColor";
687
- readonly scale: "colors";
688
- }>;
689
- borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
690
- readonly property: "borderBottomColor";
691
- readonly scale: "colors";
692
- }>;
693
- theme?: import("@emotion/react").Theme | undefined;
694
- fit?: boolean | undefined;
695
- context?: boolean | undefined;
696
- "no-select"?: boolean | undefined;
697
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
698
- } & import("framer-motion").MotionProps & {
699
- theme?: import("@emotion/react").Theme | undefined;
700
- }, {}, {}>;
701
- /**
702
- * Foreground bar for stacked display (progress value)
703
- */
704
- export declare const ForegroundBar: import("@emotion/styled").StyledComponent<{
705
- color?: import("@codecademy/variance/dist/types/config").Scale<{
706
- readonly property: "color";
707
- readonly scale: "colors";
708
- }>;
709
- fontSize?: import("@codecademy/variance/dist/types/config").Scale<{
710
- readonly property: "fontSize";
711
- readonly scale: "fontSize";
712
- }>;
713
- fontFamily?: import("@codecademy/variance/dist/types/config").Scale<{
714
- readonly property: "fontFamily";
715
- readonly scale: "fontFamily";
716
- }>;
717
- lineHeight?: import("@codecademy/variance/dist/types/config").Scale<{
718
- readonly property: "lineHeight";
719
- readonly scale: "lineHeight";
720
- }>;
721
- fontWeight?: import("@codecademy/variance/dist/types/config").Scale<{
722
- readonly property: "fontWeight";
723
- readonly scale: "fontWeight";
724
- }>;
725
- background?: import("@codecademy/variance/dist/types/config").Scale<{
726
- readonly property: "background";
727
- }>;
728
- border?: import("@codecademy/variance/dist/types/config").Scale<{
729
- readonly property: "border";
730
- readonly scale: "borders";
731
- }>;
732
- p?: import("@codecademy/variance/dist/types/config").Scale<{
733
- readonly property: "padding";
734
- readonly scale: "spacing";
735
- }>;
736
- slot?: string | undefined;
737
- title?: string | undefined;
738
- dir?: string | undefined;
739
- className?: string | undefined;
740
- height?: import("@codecademy/variance/dist/types/config").Scale<{
741
- readonly property: "height";
742
- readonly transform: (value: string | number) => string | 0;
743
- }>;
744
- width?: import("@codecademy/variance/dist/types/config").Scale<{
745
- readonly property: "width";
746
- readonly transform: (value: string | number) => string | 0;
747
- }>;
748
- "aria-hidden"?: (boolean | "false" | "true") | undefined;
749
- ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
750
- key?: import("react").Key | null | undefined;
751
- defaultChecked?: boolean | undefined;
752
- defaultValue?: string | number | readonly string[] | undefined;
753
- suppressContentEditableWarning?: boolean | undefined;
754
- suppressHydrationWarning?: boolean | undefined;
755
- accessKey?: string | undefined;
756
- autoFocus?: boolean | undefined;
757
- contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
758
- contextMenu?: string | undefined;
759
- draggable?: (boolean | "false" | "true") | undefined;
760
- hidden?: boolean | undefined;
761
- id?: string | undefined;
762
- lang?: string | undefined;
763
- nonce?: string | undefined;
764
- spellCheck?: (boolean | "false" | "true") | undefined;
765
- tabIndex?: number | undefined;
766
- translate?: "no" | "yes" | undefined;
767
- radioGroup?: string | undefined;
768
- role?: import("react").AriaRole | undefined;
769
- about?: string | undefined;
770
- content?: string | undefined;
771
- datatype?: string | undefined;
772
- inlist?: any;
773
- prefix?: string | undefined;
774
- property?: string | undefined;
775
- rel?: string | undefined;
776
- resource?: string | undefined;
777
- rev?: string | undefined;
778
- typeof?: string | undefined;
779
- vocab?: string | undefined;
780
- autoCapitalize?: string | undefined;
781
- autoCorrect?: string | undefined;
782
- autoSave?: string | undefined;
783
- itemProp?: string | undefined;
784
- itemScope?: boolean | undefined;
785
- itemType?: string | undefined;
786
- itemID?: string | undefined;
787
- itemRef?: string | undefined;
788
- results?: number | undefined;
789
- security?: string | undefined;
790
- unselectable?: "off" | "on" | undefined;
791
- inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
792
- is?: string | undefined;
793
- "aria-activedescendant"?: string | undefined;
794
- "aria-atomic"?: (boolean | "false" | "true") | undefined;
795
- "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
796
- "aria-braillelabel"?: string | undefined;
797
- "aria-brailleroledescription"?: string | undefined;
798
- "aria-busy"?: (boolean | "false" | "true") | undefined;
799
- "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
800
- "aria-colcount"?: number | undefined;
801
- "aria-colindex"?: number | undefined;
802
- "aria-colindextext"?: string | undefined;
803
- "aria-colspan"?: number | undefined;
804
- "aria-controls"?: string | undefined;
805
- "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
806
- "aria-describedby"?: string | undefined;
807
- "aria-description"?: string | undefined;
808
- "aria-details"?: string | undefined;
809
- "aria-disabled"?: (boolean | "false" | "true") | undefined;
810
- "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
811
- "aria-errormessage"?: string | undefined;
812
- "aria-expanded"?: (boolean | "false" | "true") | undefined;
813
- "aria-flowto"?: string | undefined;
814
- "aria-grabbed"?: (boolean | "false" | "true") | undefined;
815
- "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
816
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
817
- "aria-keyshortcuts"?: string | undefined;
818
- "aria-label"?: string | undefined;
819
- "aria-labelledby"?: string | undefined;
820
- "aria-level"?: number | undefined;
821
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
822
- "aria-modal"?: (boolean | "false" | "true") | undefined;
823
- "aria-multiline"?: (boolean | "false" | "true") | undefined;
824
- "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
825
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
826
- "aria-owns"?: string | undefined;
827
- "aria-placeholder"?: string | undefined;
828
- "aria-posinset"?: number | undefined;
829
- "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
830
- "aria-readonly"?: (boolean | "false" | "true") | undefined;
831
- "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
832
- "aria-required"?: (boolean | "false" | "true") | undefined;
833
- "aria-roledescription"?: string | undefined;
834
- "aria-rowcount"?: number | undefined;
835
- "aria-rowindex"?: number | undefined;
836
- "aria-rowindextext"?: string | undefined;
837
- "aria-rowspan"?: number | undefined;
838
- "aria-selected"?: (boolean | "false" | "true") | undefined;
839
- "aria-setsize"?: number | undefined;
840
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
841
- "aria-valuemax"?: number | undefined;
842
- "aria-valuemin"?: number | undefined;
843
- "aria-valuenow"?: number | undefined;
844
- "aria-valuetext"?: string | undefined;
845
- dangerouslySetInnerHTML?: {
846
- __html: string | TrustedHTML;
847
- } | undefined;
848
- onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
849
- onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
850
- onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
851
- onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
852
- onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
853
- onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
854
- onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
855
- onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
856
- onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
857
- onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
858
- onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
859
- onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
860
- onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
861
- onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
862
- onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
863
- onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
864
- onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
865
- onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
866
- onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
867
- onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
868
- onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
869
- onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
870
- onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
871
- onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
872
- onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
873
- onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
874
- onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
875
- onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
876
- onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
877
- onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
878
- onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
879
- onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
880
- onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
881
- onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
882
- onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
883
- onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
884
- onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
885
- onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
886
- onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
887
- onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
888
- onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
889
- onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
890
- onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
891
- onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
892
- onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
893
- onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
894
- onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
895
- onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
896
- onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
897
- onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
898
- onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
899
- onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
900
- onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
901
- onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
902
- onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
903
- onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
904
- onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
905
- onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
906
- onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
907
- onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
908
- onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
909
- onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
910
- onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
911
- onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
912
- onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
913
- onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
914
- onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
915
- onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
916
- onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
917
- onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
918
- onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
919
- onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
920
- onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
921
- onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
922
- onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
923
- onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
924
- onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
925
- onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
926
- onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
927
- onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
928
- onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
929
- onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
930
- onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
931
- onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
932
- onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
933
- onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
934
- onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
935
- onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
936
- onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
937
- onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
938
- onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
939
- onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
940
- onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
941
- onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
942
- onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
943
- onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
944
- onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
945
- onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
946
- onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
947
- onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
948
- onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
949
- onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
950
- onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
951
- onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
952
- onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
953
- onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
954
- onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
955
- onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
956
- onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
957
- onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
958
- onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
959
- onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
960
- onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
961
- onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
962
- onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
963
- onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
964
- onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
965
- onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
966
- onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
967
- onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
968
- onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
969
- onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
970
- onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
971
- onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
972
- onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
973
- onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
974
- onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
975
- onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
976
- onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
977
- onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
978
- onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
979
- onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
980
- onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
981
- onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
982
- onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
983
- onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
984
- onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
985
- onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
986
- onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
987
- onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
988
- onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
989
- onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
990
- onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
991
- onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
992
- onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
993
- onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
994
- onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
995
- onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
996
- onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
997
- onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
998
- onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
999
- onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
1000
- onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
1001
- onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
1002
- onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1003
- onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1004
- 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;
1005
- alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "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;
1006
- alignSelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "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;
1007
- backgroundImage?: import("@codecademy/variance/dist/types/config").Scale<{
1008
- readonly property: "backgroundImage";
1009
- }>;
1010
- backgroundRepeat?: import("@codecademy/variance/dist/types/config").Scale<{
1011
- readonly property: "backgroundRepeat";
1012
- }>;
1013
- backgroundSize?: import("@codecademy/variance/dist/types/config").Scale<{
1014
- readonly property: "backgroundSize";
1015
- }>;
1016
- bottom?: import("@codecademy/variance/dist/types/config").Scale<{
1017
- readonly property: "bottom";
1018
- readonly transform: (value: string | number) => string | 0;
1019
- }>;
1020
- boxShadow?: import("@codecademy/variance/dist/types/config").Scale<{
1021
- readonly property: "boxShadow";
1022
- }>;
1023
- columnGap?: import("@codecademy/variance/dist/types/config").Scale<{
1024
- readonly property: "columnGap";
1025
- readonly scale: "spacing";
1026
- }>;
1027
- containerType?: import("@codecademy/variance/dist/types/config").Scale<{
1028
- readonly property: "containerType";
1029
- }>;
1030
- display?: import("@codecademy/variance/dist/types/config").Scale<{
1031
- readonly property: "display";
1032
- }>;
1033
- flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-max-content" | "-moz-min-content" | "auto" | "fit-content" | "max-content" | "min-content" | "-moz-fit-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;
1034
- flexDirection?: import("@codecademy/variance/dist/types/config").Scale<{
1035
- readonly property: "flexDirection";
1036
- }>;
1037
- 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;
1038
- 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;
1039
- flexWrap?: import("@codecademy/variance/dist/types/config").Scale<{
1040
- readonly property: "flexWrap";
1041
- }>;
1042
- fontStyle?: import("@codecademy/variance/dist/types/config").Scale<{
1043
- readonly property: "fontStyle";
1044
- }>;
1045
- gridAutoColumns?: import("@codecademy/variance/dist/types/config").Scale<{
1046
- readonly property: "gridAutoColumns";
1047
- }>;
1048
- gridAutoFlow?: import("@codecademy/variance/dist/types/config").Scale<{
1049
- readonly property: "gridAutoFlow";
1050
- }>;
1051
- gridAutoRows?: import("@codecademy/variance/dist/types/config").Scale<{
1052
- readonly property: "gridAutoRows";
1053
- }>;
1054
- 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;
1055
- 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;
1056
- 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;
1057
- 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;
1058
- gridTemplateAreas?: import("@codecademy/variance/dist/types/config").Scale<{
1059
- readonly property: "gridTemplateAreas";
1060
- }>;
1061
- gridTemplateColumns?: import("@codecademy/variance/dist/types/config").Scale<{
1062
- readonly property: "gridTemplateColumns";
1063
- }>;
1064
- gridTemplateRows?: import("@codecademy/variance/dist/types/config").Scale<{
1065
- readonly property: "gridTemplateRows";
1066
- }>;
1067
- 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;
1068
- 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" | "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;
1069
- 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" | "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;
1070
- left?: import("@codecademy/variance/dist/types/config").Scale<{
1071
- readonly property: "left";
1072
- readonly transform: (value: string | number) => string | 0;
1073
- }>;
1074
- letterSpacing?: import("@codecademy/variance/dist/types/config").Scale<{
1075
- readonly property: "letterSpacing";
1076
- }>;
1077
- listStyleImage?: import("@codecademy/variance/dist/types/config").Scale<{
1078
- readonly property: "listStyleImage";
1079
- }>;
1080
- listStylePosition?: import("@codecademy/variance/dist/types/config").Scale<{
1081
- readonly property: "listStylePosition";
1082
- }>;
1083
- listStyleType?: import("@codecademy/variance/dist/types/config").Scale<{
1084
- readonly property: "listStyleType";
1085
- }>;
1086
- maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
1087
- readonly property: "maxHeight";
1088
- readonly transform: (value: string | number) => string | 0;
1089
- }>;
1090
- maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
1091
- readonly property: "maxWidth";
1092
- readonly transform: (value: string | number) => string | 0;
1093
- }>;
1094
- minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
1095
- readonly property: "minHeight";
1096
- readonly transform: (value: string | number) => string | 0;
1097
- }>;
1098
- minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
1099
- readonly property: "minWidth";
1100
- readonly transform: (value: string | number) => string | 0;
1101
- }>;
1102
- opacity?: import("@codecademy/variance/dist/types/config").Scale<{
1103
- readonly property: "opacity";
1104
- }>;
1105
- 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;
1106
- overflowX?: import("@codecademy/variance/dist/types/config").Scale<{
1107
- readonly property: "overflowX";
1108
- }>;
1109
- overflowY?: import("@codecademy/variance/dist/types/config").Scale<{
1110
- readonly property: "overflowY";
1111
- }>;
1112
- position?: import("@codecademy/variance/dist/types/config").Scale<{
1113
- readonly property: "position";
1114
- }>;
1115
- right?: import("@codecademy/variance/dist/types/config").Scale<{
1116
- readonly property: "right";
1117
- readonly transform: (value: string | number) => string | 0;
1118
- }>;
1119
- rowGap?: import("@codecademy/variance/dist/types/config").Scale<{
1120
- readonly property: "rowGap";
1121
- readonly scale: "spacing";
1122
- }>;
1123
- textAlign?: import("@codecademy/variance/dist/types/config").Scale<{
1124
- readonly property: "textAlign";
1125
- }>;
1126
- textShadow?: import("@codecademy/variance/dist/types/config").Scale<{
1127
- readonly property: "textShadow";
1128
- }>;
1129
- textTransform?: import("@codecademy/variance/dist/types/config").Scale<{
1130
- readonly property: "textTransform";
1131
- }>;
1132
- top?: import("@codecademy/variance/dist/types/config").Scale<{
1133
- readonly property: "top";
1134
- readonly transform: (value: string | number) => string | 0;
1135
- }>;
1136
- verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{
1137
- readonly property: "verticalAlign";
1138
- }>;
1139
- whiteSpace?: import("@codecademy/variance/dist/types/config").Scale<{
1140
- readonly property: "whiteSpace";
1141
- }>;
1142
- zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
1143
- readonly property: "zIndex";
1144
- }>;
1145
- backgroundPosition?: import("@codecademy/variance/dist/types/config").Scale<{
1146
- readonly property: "backgroundPosition";
1147
- }>;
1148
- borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1149
- readonly property: "borderBottom";
1150
- readonly scale: "borders";
1151
- }>;
1152
- borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
1153
- readonly property: "borderColor";
1154
- readonly scale: "colors";
1155
- }>;
1156
- borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1157
- readonly property: "borderLeft";
1158
- readonly scale: "borders";
1159
- }>;
1160
- borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
1161
- readonly property: "borderRadius";
1162
- readonly scale: "borderRadii";
1163
- }>;
1164
- borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
1165
- readonly property: "borderRight";
1166
- readonly scale: "borders";
1167
- }>;
1168
- borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
1169
- readonly property: "borderStyle";
1170
- }>;
1171
- borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
1172
- readonly property: "borderTop";
1173
- readonly scale: "borders";
1174
- }>;
1175
- borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
1176
- readonly property: "borderWidth";
1177
- }>;
1178
- flex?: import("@codecademy/variance/dist/types/config").Scale<{
1179
- readonly property: "flex";
1180
- }>;
1181
- gap?: import("@codecademy/variance/dist/types/config").Scale<{
1182
- readonly property: "gap";
1183
- readonly scale: "spacing";
1184
- }>;
1185
- 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;
1186
- 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;
1187
- 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;
1188
- inset?: import("@codecademy/variance/dist/types/config").Scale<{
1189
- readonly property: "inset";
1190
- readonly properties: readonly ["top", "right", "bottom", "left"];
1191
- readonly transform: (value: string | number) => string | 0;
1192
- }>;
1193
- listStyle?: import("@codecademy/variance/dist/types/config").Scale<{
1194
- readonly property: "listStyle";
1195
- }>;
1196
- overflow?: import("@codecademy/variance/dist/types/config").Scale<{
1197
- readonly property: "overflow";
1198
- }>;
1199
- textDecoration?: import("@codecademy/variance/dist/types/config").Scale<{
1200
- readonly property: "textDecoration";
1201
- }>;
1202
- px?: import("@codecademy/variance/dist/types/config").Scale<{
1203
- readonly property: "padding";
1204
- readonly properties: readonly ["paddingLeft", "paddingRight"];
1205
- readonly scale: "spacing";
1206
- }>;
1207
- py?: import("@codecademy/variance/dist/types/config").Scale<{
1208
- readonly property: "padding";
1209
- readonly properties: readonly ["paddingTop", "paddingBottom"];
1210
- readonly scale: "spacing";
1211
- }>;
1212
- pt?: import("@codecademy/variance/dist/types/config").Scale<{
1213
- readonly property: "paddingTop";
1214
- readonly scale: "spacing";
1215
- }>;
1216
- pb?: import("@codecademy/variance/dist/types/config").Scale<{
1217
- readonly property: "paddingBottom";
1218
- readonly scale: "spacing";
1219
- }>;
1220
- pr?: import("@codecademy/variance/dist/types/config").Scale<{
1221
- readonly property: "paddingRight";
1222
- readonly scale: "spacing";
1223
- }>;
1224
- pl?: import("@codecademy/variance/dist/types/config").Scale<{
1225
- readonly property: "paddingLeft";
1226
- readonly scale: "spacing";
1227
- }>;
1228
- m?: import("@codecademy/variance/dist/types/config").Scale<{
1229
- readonly property: "margin";
1230
- readonly scale: "spacing";
1231
- }>;
1232
- mx?: import("@codecademy/variance/dist/types/config").Scale<{
1233
- readonly property: "margin";
1234
- readonly properties: readonly ["marginLeft", "marginRight"];
1235
- readonly scale: "spacing";
1236
- }>;
1237
- my?: import("@codecademy/variance/dist/types/config").Scale<{
1238
- readonly property: "margin";
1239
- readonly properties: readonly ["marginTop", "marginBottom"];
1240
- readonly scale: "spacing";
1241
- }>;
1242
- mt?: import("@codecademy/variance/dist/types/config").Scale<{
1243
- readonly property: "marginTop";
1244
- readonly scale: "spacing";
1245
- }>;
1246
- mb?: import("@codecademy/variance/dist/types/config").Scale<{
1247
- readonly property: "marginBottom";
1248
- readonly scale: "spacing";
1249
- }>;
1250
- mr?: import("@codecademy/variance/dist/types/config").Scale<{
1251
- readonly property: "marginRight";
1252
- readonly scale: "spacing";
1253
- }>;
1254
- ml?: import("@codecademy/variance/dist/types/config").Scale<{
1255
- readonly property: "marginLeft";
1256
- readonly scale: "spacing";
1257
- }>;
1258
- borderX?: import("@codecademy/variance/dist/types/config").Scale<{
1259
- readonly property: "border";
1260
- readonly properties: readonly ["borderLeft", "borderRight"];
1261
- readonly scale: "borders";
1262
- }>;
1263
- borderY?: import("@codecademy/variance/dist/types/config").Scale<{
1264
- readonly property: "border";
1265
- readonly properties: readonly ["borderTop", "borderBottom"];
1266
- readonly scale: "borders";
1267
- }>;
1268
- borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
1269
- readonly property: "borderWidth";
1270
- readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
1271
- }>;
1272
- borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
1273
- readonly property: "borderWidth";
1274
- readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
1275
- }>;
1276
- borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1277
- readonly property: "borderLeftWidth";
1278
- }>;
1279
- borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
1280
- readonly property: "borderRightWidth";
1281
- }>;
1282
- borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
1283
- readonly property: "borderTopWidth";
1284
- }>;
1285
- borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1286
- readonly property: "borderBottomWidth";
1287
- }>;
1288
- borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1289
- readonly property: "borderRadius";
1290
- readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
1291
- readonly scale: "borderRadii";
1292
- }>;
1293
- borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
1294
- readonly property: "borderRadius";
1295
- readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
1296
- readonly scale: "borderRadii";
1297
- }>;
1298
- borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1299
- readonly property: "borderRadius";
1300
- readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
1301
- readonly scale: "borderRadii";
1302
- }>;
1303
- borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
1304
- readonly property: "borderRadius";
1305
- readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
1306
- readonly scale: "borderRadii";
1307
- }>;
1308
- borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1309
- readonly property: "borderTopLeftRadius";
1310
- readonly scale: "borderRadii";
1311
- }>;
1312
- borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
1313
- readonly property: "borderTopRightRadius";
1314
- readonly scale: "borderRadii";
1315
- }>;
1316
- borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
1317
- readonly property: "borderBottomRightRadius";
1318
- readonly scale: "borderRadii";
1319
- }>;
1320
- borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1321
- readonly property: "borderBottomLeftRadius";
1322
- readonly scale: "borderRadii";
1323
- }>;
1324
- borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
1325
- readonly property: "borderStyle";
1326
- readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
1327
- }>;
1328
- borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
1329
- readonly property: "borderStyle";
1330
- readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
1331
- }>;
1332
- borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1333
- readonly property: "borderLeftStyle";
1334
- }>;
1335
- borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
1336
- readonly property: "borderRightStyle";
1337
- }>;
1338
- borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
1339
- readonly property: "borderTopStyle";
1340
- }>;
1341
- borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1342
- readonly property: "borderBottomStyle";
1343
- }>;
1344
- dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
1345
- readonly property: "width";
1346
- readonly properties: readonly ["width", "height"];
1347
- readonly transform: (value: string | number) => string | 0;
1348
- }>;
1349
- textColor?: import("@codecademy/variance/dist/types/config").Scale<{
1350
- readonly property: "color";
1351
- readonly scale: "colors";
1352
- }>;
1353
- bg?: import("@codecademy/variance/dist/types/config").Scale<{
1354
- readonly property: "backgroundColor";
1355
- readonly scale: "colors";
1356
- }>;
1357
- borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
1358
- readonly property: "borderColor";
1359
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
1360
- readonly scale: "colors";
1361
- }>;
1362
- borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
1363
- readonly property: "borderColor";
1364
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
1365
- readonly scale: "colors";
1366
- }>;
1367
- borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1368
- readonly property: "borderLeftColor";
1369
- readonly scale: "colors";
1370
- }>;
1371
- borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
1372
- readonly property: "borderRightColor";
1373
- readonly scale: "colors";
1374
- }>;
1375
- borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
1376
- readonly property: "borderTopColor";
1377
- readonly scale: "colors";
1378
- }>;
1379
- borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1380
- readonly property: "borderBottomColor";
1381
- readonly scale: "colors";
1382
- }>;
1383
- theme?: import("@emotion/react").Theme | undefined;
1384
- fit?: boolean | undefined;
1385
- context?: boolean | undefined;
1386
- "no-select"?: boolean | undefined;
1387
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
1388
- } & import("framer-motion").MotionProps & {
1389
- theme?: import("@emotion/react").Theme | undefined;
1390
- }, {}, {}>;
1391
- export declare const BarsList: import("@emotion/styled").StyledComponent<{
1392
- theme?: import("@emotion/react").Theme | undefined;
1393
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
1394
- } & {
1395
- theme?: import("@emotion/react").Theme | undefined;
1396
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;