@codecademy/gamut 68.1.3-alpha.f719db.0 → 68.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/dist/AccordionAreaDeprecated/index.js +1 -2
  2. package/dist/Alert/elements.d.ts +4 -4
  3. package/dist/Anchor/index.d.ts +9 -18
  4. package/dist/Anchor/index.js +6 -9
  5. package/dist/AppWrapper/index.js +1 -2
  6. package/dist/Box/Box.d.ts +1 -1
  7. package/dist/Box/FlexBox.d.ts +1 -1
  8. package/dist/Box/GridBox.d.ts +1 -2
  9. package/dist/Box/GridBox.js +1 -1
  10. package/dist/Box/props.d.ts +1 -1
  11. package/dist/Button/CTAButton.d.ts +2 -2
  12. package/dist/Button/FillButton.d.ts +4 -4
  13. package/dist/Button/IconButton.d.ts +4 -4
  14. package/dist/Button/StrokeButton.d.ts +4 -4
  15. package/dist/Button/TextButton.d.ts +4 -4
  16. package/dist/Button/shared/InlineIconButton.d.ts +2 -2
  17. package/dist/Button/shared/styles.d.ts +3 -3
  18. package/dist/Button/shared/types.d.ts +1 -1
  19. package/dist/ButtonBase/ButtonBase.d.ts +4 -9
  20. package/dist/ButtonBase/ButtonBase.js +4 -11
  21. package/dist/Card/elements.d.ts +139 -187
  22. package/dist/Card/styles.d.ts +8 -8
  23. package/dist/Coachmark/index.d.ts +1 -1
  24. package/dist/ConnectedForm/ConnectedForm.d.ts +1 -1
  25. package/dist/ConnectedForm/utils.d.ts +2 -2
  26. package/dist/ContentContainer/index.d.ts +1 -1
  27. package/dist/Disclosure/elements.d.ts +14 -20
  28. package/dist/FeatureShimmer/index.js +1 -1
  29. package/dist/Form/SelectDropdown/elements/controls.js +2 -2
  30. package/dist/Form/SelectDropdown/elements/multi-value.js +2 -2
  31. package/dist/Form/SelectDropdown/types/internal.d.ts +2 -2
  32. package/dist/Form/elements/Form.d.ts +15 -15
  33. package/dist/Form/elements/FormGroup.d.ts +2 -2
  34. package/dist/Form/inputs/Checkbox.js +1 -2
  35. package/dist/Form/inputs/Select.js +1 -2
  36. package/dist/GridForm/GridFormButtons/index.d.ts +4 -4
  37. package/dist/HiddenText/index.js +1 -2
  38. package/dist/InternalFloatingCard/InternalFloatingCard.d.ts +1 -1
  39. package/dist/Layout/Column.d.ts +1 -1
  40. package/dist/Layout/LayoutGrid.d.ts +1 -1
  41. package/dist/List/ListProvider.d.ts +1 -1
  42. package/dist/List/elements.d.ts +59 -75
  43. package/dist/List/hooks.d.ts +1 -1
  44. package/dist/Markdown/libs/overrides/index.js +1 -2
  45. package/dist/Menu/Menu.d.ts +1 -1
  46. package/dist/Menu/MenuItem.js +6 -10
  47. package/dist/Menu/elements.d.ts +4 -4
  48. package/dist/Modals/elements.d.ts +1 -1
  49. package/dist/Pagination/AnimatedPaginationButtons.d.ts +45 -61
  50. package/dist/Pagination/EllipsisButton.d.ts +4 -4
  51. package/dist/Pagination/PaginationButton.d.ts +6 -6
  52. package/dist/Pagination/utils.d.ts +43 -59
  53. package/dist/Pagination/utils.js +11 -14
  54. package/dist/Popover/Popover.js +4 -4
  55. package/dist/Popover/elements.d.ts +2 -2
  56. package/dist/Popover/types.d.ts +2 -3
  57. package/dist/PopoverContainer/PopoverContainer.js +11 -9
  58. package/dist/PopoverContainer/hooks.d.ts +4 -16
  59. package/dist/PopoverContainer/hooks.js +24 -31
  60. package/dist/PopoverContainer/types.d.ts +2 -3
  61. package/dist/ProgressBar/index.js +1 -2
  62. package/dist/Tabs/TabButton.d.ts +2 -2
  63. package/dist/Tabs/TabNav.d.ts +1 -1
  64. package/dist/Tabs/TabNavLink.d.ts +2 -2
  65. package/dist/Tag/elements.d.ts +12 -18
  66. package/dist/Tip/InfoTip/InfoTipButton.d.ts +4 -4
  67. package/dist/Tip/InfoTip/styles.d.ts +1 -1
  68. package/dist/Tip/PreviewTip/elements.d.ts +7 -13
  69. package/dist/Tip/ToolTip/elements.d.ts +1 -1
  70. package/dist/Tip/__tests__/helpers.d.ts +3 -3
  71. package/dist/Tip/shared/FloatingTip.js +2 -2
  72. package/dist/Tip/shared/elements.d.ts +3 -3
  73. package/dist/Tip/shared/types.d.ts +2 -2
  74. package/dist/Toggle/elements.d.ts +1 -1
  75. package/dist/Toggle/elements.js +2 -4
  76. package/dist/Typography/Text.d.ts +3 -3
  77. package/dist/utils/react.js +1 -2
  78. package/package.json +11 -11
package/dist/Card/elements.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  /// <reference types="react" />
3
3
  import { CardWrapperProps } from './types';
4
- export declare const MotionBox: import("react").ComponentType<Omit<{
4
+ export declare const MotionBox: import("react").ComponentType<{
5
5
  color?: import("@codecademy/variance/dist/types/config").Scale<{
6
6
  readonly property: "color";
7
7
  readonly scale: "colors";
@@ -53,8 +53,8 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
53
53
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
54
54
  readonly transform: (value: string | number) => string | 0;
55
55
  }>;
56
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
57
- ref?: import("react").Ref<HTMLDivElement> | undefined;
56
+ "aria-hidden"?: (boolean | "false" | "true") | undefined;
57
+ ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
58
58
  key?: import("react").Key | null | undefined;
59
59
  defaultChecked?: boolean | undefined;
60
60
  defaultValue?: string | number | readonly string[] | undefined;
@@ -63,17 +63,17 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
63
63
  accessKey?: string | undefined;
64
64
  autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
65
65
  autoFocus?: boolean | undefined;
66
- contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
66
+ contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
67
67
  contextMenu?: string | undefined;
68
- draggable?: (boolean | "true" | "false") | undefined;
69
- enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
68
+ draggable?: (boolean | "false" | "true") | undefined;
69
+ enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
70
70
  hidden?: boolean | undefined;
71
71
  id?: string | undefined;
72
72
  lang?: string | undefined;
73
73
  nonce?: string | undefined;
74
- spellCheck?: (boolean | "true" | "false") | undefined;
74
+ spellCheck?: (boolean | "false" | "true") | undefined;
75
75
  tabIndex?: number | undefined;
76
- translate?: "yes" | "no" | undefined;
76
+ translate?: "no" | "yes" | undefined;
77
77
  radioGroup?: string | undefined;
78
78
  role?: import("react").AriaRole | undefined;
79
79
  about?: string | undefined;
@@ -97,60 +97,56 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
97
97
  results?: number | undefined;
98
98
  security?: string | undefined;
99
99
  unselectable?: "off" | "on" | undefined;
100
- popover?: "" | "auto" | "manual" | "hint" | undefined;
101
- popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
102
- popoverTarget?: string | undefined;
103
- inert?: boolean | undefined;
104
100
  inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
105
101
  is?: string | undefined;
106
102
  exportparts?: string | undefined;
107
103
  part?: string | undefined;
108
104
  "aria-activedescendant"?: string | undefined;
109
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
110
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
105
+ "aria-atomic"?: (boolean | "false" | "true") | undefined;
106
+ "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
111
107
  "aria-braillelabel"?: string | undefined;
112
108
  "aria-brailleroledescription"?: string | undefined;
113
- "aria-busy"?: (boolean | "true" | "false") | undefined;
114
- "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
109
+ "aria-busy"?: (boolean | "false" | "true") | undefined;
110
+ "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
115
111
  "aria-colcount"?: number | undefined;
116
112
  "aria-colindex"?: number | undefined;
117
113
  "aria-colindextext"?: string | undefined;
118
114
  "aria-colspan"?: number | undefined;
119
115
  "aria-controls"?: string | undefined;
120
- "aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
116
+ "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
121
117
  "aria-describedby"?: string | undefined;
122
118
  "aria-description"?: string | undefined;
123
119
  "aria-details"?: string | undefined;
124
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
120
+ "aria-disabled"?: (boolean | "false" | "true") | undefined;
125
121
  "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
126
122
  "aria-errormessage"?: string | undefined;
127
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
123
+ "aria-expanded"?: (boolean | "false" | "true") | undefined;
128
124
  "aria-flowto"?: string | undefined;
129
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
130
- "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
131
- "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
125
+ "aria-grabbed"?: (boolean | "false" | "true") | undefined;
126
+ "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
127
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
132
128
  "aria-keyshortcuts"?: string | undefined;
133
129
  "aria-label"?: string | undefined;
134
130
  "aria-labelledby"?: string | undefined;
135
131
  "aria-level"?: number | undefined;
136
132
  "aria-live"?: "off" | "assertive" | "polite" | undefined;
137
- "aria-modal"?: (boolean | "true" | "false") | undefined;
138
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
139
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
133
+ "aria-modal"?: (boolean | "false" | "true") | undefined;
134
+ "aria-multiline"?: (boolean | "false" | "true") | undefined;
135
+ "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
140
136
  "aria-orientation"?: "horizontal" | "vertical" | undefined;
141
137
  "aria-owns"?: string | undefined;
142
138
  "aria-placeholder"?: string | undefined;
143
139
  "aria-posinset"?: number | undefined;
144
- "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
145
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
140
+ "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
141
+ "aria-readonly"?: (boolean | "false" | "true") | undefined;
146
142
  "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
147
- "aria-required"?: (boolean | "true" | "false") | undefined;
143
+ "aria-required"?: (boolean | "false" | "true") | undefined;
148
144
  "aria-roledescription"?: string | undefined;
149
145
  "aria-rowcount"?: number | undefined;
150
146
  "aria-rowindex"?: number | undefined;
151
147
  "aria-rowindextext"?: string | undefined;
152
148
  "aria-rowspan"?: number | undefined;
153
- "aria-selected"?: (boolean | "true" | "false") | undefined;
149
+ "aria-selected"?: (boolean | "false" | "true") | undefined;
154
150
  "aria-setsize"?: number | undefined;
155
151
  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
156
152
  "aria-valuemax"?: number | undefined;
@@ -176,18 +172,18 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
176
172
  onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
177
173
  onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
178
174
  onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
179
- onChange?: import("react").ChangeEventHandler<HTMLDivElement, Element> | undefined;
180
- onChangeCapture?: import("react").ChangeEventHandler<HTMLDivElement, Element> | undefined;
175
+ onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
176
+ onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
181
177
  onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
182
- onBeforeInputCapture?: import("react").InputEventHandler<HTMLDivElement> | undefined;
183
- onInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
184
- onInputCapture?: import("react").InputEventHandler<HTMLDivElement> | undefined;
185
- onReset?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
186
- onResetCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
187
- onSubmit?: import("react").SubmitEventHandler<HTMLDivElement> | undefined;
188
- onSubmitCapture?: import("react").SubmitEventHandler<HTMLDivElement> | undefined;
189
- onInvalid?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
190
- onInvalidCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
178
+ onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
179
+ onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
180
+ onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
181
+ onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
182
+ onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
183
+ onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
184
+ onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
185
+ onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
186
+ onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
191
187
  onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
192
188
  onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
193
189
  onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -305,8 +301,6 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
305
301
  onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
306
302
  onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
307
303
  onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
308
- onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
309
- onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
310
304
  onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
311
305
  onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
312
306
  onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -314,19 +308,11 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
314
308
  onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
315
309
  onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
316
310
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
317
- onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
318
- onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
319
- onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
320
- onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
321
311
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
322
312
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
323
- onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
324
- onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
325
- onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
326
- onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
327
- alignContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | undefined;
328
- alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "anchor-center" | "baseline" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | undefined;
329
- alignSelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "anchor-center" | "auto" | "baseline" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | undefined;
313
+ 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;
314
+ alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | undefined;
315
+ alignSelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | undefined;
330
316
  backgroundImage?: import("@codecademy/variance/dist/types/config").Scale<{
331
317
  readonly property: "backgroundImage";
332
318
  }>;
@@ -360,7 +346,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
360
346
  display?: import("@codecademy/variance/dist/types/config").Scale<{
361
347
  readonly property: "display";
362
348
  }>;
363
- flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "-webkit-auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | undefined;
349
+ flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "auto" | "fit-content" | "max-content" | "min-content" | "-webkit-auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | undefined;
364
350
  flexDirection?: import("@codecademy/variance/dist/types/config").Scale<{
365
351
  readonly property: "flexDirection";
366
352
  }>;
@@ -381,10 +367,10 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
381
367
  gridAutoRows?: import("@codecademy/variance/dist/types/config").Scale<{
382
368
  readonly property: "gridAutoRows";
383
369
  }>;
384
- gridColumnEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | undefined;
385
- gridColumnStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | undefined;
386
- gridRowEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | undefined;
387
- gridRowStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | undefined;
370
+ 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;
371
+ 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;
372
+ 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;
373
+ 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;
388
374
  gridTemplateAreas?: import("@codecademy/variance/dist/types/config").Scale<{
389
375
  readonly property: "gridTemplateAreas";
390
376
  }>;
@@ -394,9 +380,9 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
394
380
  gridTemplateRows?: import("@codecademy/variance/dist/types/config").Scale<{
395
381
  readonly property: "gridTemplateRows";
396
382
  }>;
397
- justifyContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "start" | "stretch" | "space-around" | "space-between" | "space-evenly" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | undefined;
398
- justifyItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "anchor-center" | "baseline" | "stretch" | "legacy" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | undefined;
399
- justifySelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "anchor-center" | "auto" | "baseline" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | undefined;
383
+ 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;
384
+ justifyItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | "legacy" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | undefined;
385
+ justifySelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | undefined;
400
386
  left?: import("@codecademy/variance/dist/types/config").Scale<{
401
387
  readonly property: {
402
388
  readonly physical: "left";
@@ -564,9 +550,9 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
564
550
  readonly property: "gap";
565
551
  readonly scale: "spacing";
566
552
  }>;
567
- gridArea?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | undefined;
568
- gridColumn?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | undefined;
569
- gridRow?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | undefined;
553
+ 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;
554
+ 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;
555
+ 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;
570
556
  inset?: import("@codecademy/variance/dist/types/config").Scale<{
571
557
  readonly property: "inset";
572
558
  readonly properties: {
@@ -923,10 +909,8 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
923
909
  context?: boolean | undefined;
924
910
  "no-select"?: boolean | undefined;
925
911
  as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
926
- } & import("framer-motion/dist/types.d-DOCC-kZB").M, "children"> & {
927
- children?: string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("motion-dom").MotionValue<number> | import("motion-dom").MotionValue<string> | (string & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (string & Iterable<import("react").ReactNode>) | (string & import("react").ReactPortal) | (string & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (number & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (number & Iterable<import("react").ReactNode>) | (number & import("react").ReactPortal) | (number & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (bigint & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (bigint & Iterable<import("react").ReactNode>) | (bigint & import("react").ReactPortal) | (bigint & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (false & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (false & Iterable<import("react").ReactNode>) | (false & import("react").ReactPortal) | (false & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (true & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (true & Iterable<import("react").ReactNode>) | (true & import("react").ReactPortal) | (true & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & string) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & number) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & bigint) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & false) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & true) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & Iterable<import("react").ReactNode>) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & import("react").ReactPortal) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (Iterable<import("react").ReactNode> & string) | (Iterable<import("react").ReactNode> & number) | (Iterable<import("react").ReactNode> & bigint) | (Iterable<import("react").ReactNode> & false) | (Iterable<import("react").ReactNode> & true) | (Iterable<import("react").ReactNode> & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (Iterable<import("react").ReactNode> & import("react").ReactPortal) | (Iterable<import("react").ReactNode> & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (import("react").ReactPortal & string) | (import("react").ReactPortal & number) | (import("react").ReactPortal & bigint) | (import("react").ReactPortal & false) | (import("react").ReactPortal & true) | (import("react").ReactPortal & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (import("react").ReactPortal & Iterable<import("react").ReactNode>) | (import("react").ReactPortal & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & string) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & number) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & bigint) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & false) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & true) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & Iterable<import("react").ReactNode>) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & import("react").ReactPortal) | (import("react").ReactNode[] & string) | (import("react").ReactNode[] & number) | (import("react").ReactNode[] & bigint) | (import("react").ReactNode[] & false) | (import("react").ReactNode[] & true) | (import("react").ReactNode[] & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (import("react").ReactNode[] & Iterable<import("react").ReactNode>) | (import("react").ReactNode[] & import("react").ReactPortal) | (import("react").ReactNode[] & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | null | undefined;
928
- }>;
929
- export declare const DynamicCardWrapper: import("@emotion/styled").StyledComponent<Omit<{
912
+ } & import("framer-motion").MotionProps>;
913
+ export declare const DynamicCardWrapper: import("@emotion/styled").StyledComponent<{
930
914
  color?: import("@codecademy/variance/dist/types/config").Scale<{
931
915
  readonly property: "color";
932
916
  readonly scale: "colors";
@@ -978,8 +962,8 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
978
962
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
979
963
  readonly transform: (value: string | number) => string | 0;
980
964
  }>;
981
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
982
- ref?: import("react").Ref<HTMLDivElement> | undefined;
965
+ "aria-hidden"?: (boolean | "false" | "true") | undefined;
966
+ ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
983
967
  key?: import("react").Key | null | undefined;
984
968
  defaultChecked?: boolean | undefined;
985
969
  defaultValue?: string | number | readonly string[] | undefined;
@@ -988,17 +972,17 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
988
972
  accessKey?: string | undefined;
989
973
  autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
990
974
  autoFocus?: boolean | undefined;
991
- contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
975
+ contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
992
976
  contextMenu?: string | undefined;
993
- draggable?: (boolean | "true" | "false") | undefined;
994
- enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
977
+ draggable?: (boolean | "false" | "true") | undefined;
978
+ enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
995
979
  hidden?: boolean | undefined;
996
980
  id?: string | undefined;
997
981
  lang?: string | undefined;
998
982
  nonce?: string | undefined;
999
- spellCheck?: (boolean | "true" | "false") | undefined;
983
+ spellCheck?: (boolean | "false" | "true") | undefined;
1000
984
  tabIndex?: number | undefined;
1001
- translate?: "yes" | "no" | undefined;
985
+ translate?: "no" | "yes" | undefined;
1002
986
  radioGroup?: string | undefined;
1003
987
  role?: import("react").AriaRole | undefined;
1004
988
  about?: string | undefined;
@@ -1022,60 +1006,56 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1022
1006
  results?: number | undefined;
1023
1007
  security?: string | undefined;
1024
1008
  unselectable?: "off" | "on" | undefined;
1025
- popover?: "" | "auto" | "manual" | "hint" | undefined;
1026
- popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
1027
- popoverTarget?: string | undefined;
1028
- inert?: boolean | undefined;
1029
1009
  inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
1030
1010
  is?: string | undefined;
1031
1011
  exportparts?: string | undefined;
1032
1012
  part?: string | undefined;
1033
1013
  "aria-activedescendant"?: string | undefined;
1034
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
1035
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
1014
+ "aria-atomic"?: (boolean | "false" | "true") | undefined;
1015
+ "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
1036
1016
  "aria-braillelabel"?: string | undefined;
1037
1017
  "aria-brailleroledescription"?: string | undefined;
1038
- "aria-busy"?: (boolean | "true" | "false") | undefined;
1039
- "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
1018
+ "aria-busy"?: (boolean | "false" | "true") | undefined;
1019
+ "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
1040
1020
  "aria-colcount"?: number | undefined;
1041
1021
  "aria-colindex"?: number | undefined;
1042
1022
  "aria-colindextext"?: string | undefined;
1043
1023
  "aria-colspan"?: number | undefined;
1044
1024
  "aria-controls"?: string | undefined;
1045
- "aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
1025
+ "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
1046
1026
  "aria-describedby"?: string | undefined;
1047
1027
  "aria-description"?: string | undefined;
1048
1028
  "aria-details"?: string | undefined;
1049
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
1029
+ "aria-disabled"?: (boolean | "false" | "true") | undefined;
1050
1030
  "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
1051
1031
  "aria-errormessage"?: string | undefined;
1052
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
1032
+ "aria-expanded"?: (boolean | "false" | "true") | undefined;
1053
1033
  "aria-flowto"?: string | undefined;
1054
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
1055
- "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
1056
- "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
1034
+ "aria-grabbed"?: (boolean | "false" | "true") | undefined;
1035
+ "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
1036
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
1057
1037
  "aria-keyshortcuts"?: string | undefined;
1058
1038
  "aria-label"?: string | undefined;
1059
1039
  "aria-labelledby"?: string | undefined;
1060
1040
  "aria-level"?: number | undefined;
1061
1041
  "aria-live"?: "off" | "assertive" | "polite" | undefined;
1062
- "aria-modal"?: (boolean | "true" | "false") | undefined;
1063
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
1064
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
1042
+ "aria-modal"?: (boolean | "false" | "true") | undefined;
1043
+ "aria-multiline"?: (boolean | "false" | "true") | undefined;
1044
+ "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
1065
1045
  "aria-orientation"?: "horizontal" | "vertical" | undefined;
1066
1046
  "aria-owns"?: string | undefined;
1067
1047
  "aria-placeholder"?: string | undefined;
1068
1048
  "aria-posinset"?: number | undefined;
1069
- "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
1070
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
1049
+ "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
1050
+ "aria-readonly"?: (boolean | "false" | "true") | undefined;
1071
1051
  "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
1072
- "aria-required"?: (boolean | "true" | "false") | undefined;
1052
+ "aria-required"?: (boolean | "false" | "true") | undefined;
1073
1053
  "aria-roledescription"?: string | undefined;
1074
1054
  "aria-rowcount"?: number | undefined;
1075
1055
  "aria-rowindex"?: number | undefined;
1076
1056
  "aria-rowindextext"?: string | undefined;
1077
1057
  "aria-rowspan"?: number | undefined;
1078
- "aria-selected"?: (boolean | "true" | "false") | undefined;
1058
+ "aria-selected"?: (boolean | "false" | "true") | undefined;
1079
1059
  "aria-setsize"?: number | undefined;
1080
1060
  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
1081
1061
  "aria-valuemax"?: number | undefined;
@@ -1101,18 +1081,18 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1101
1081
  onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
1102
1082
  onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
1103
1083
  onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
1104
- onChange?: import("react").ChangeEventHandler<HTMLDivElement, Element> | undefined;
1105
- onChangeCapture?: import("react").ChangeEventHandler<HTMLDivElement, Element> | undefined;
1084
+ onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1085
+ onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1106
1086
  onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
1107
- onBeforeInputCapture?: import("react").InputEventHandler<HTMLDivElement> | undefined;
1108
- onInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
1109
- onInputCapture?: import("react").InputEventHandler<HTMLDivElement> | undefined;
1110
- onReset?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1111
- onResetCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1112
- onSubmit?: import("react").SubmitEventHandler<HTMLDivElement> | undefined;
1113
- onSubmitCapture?: import("react").SubmitEventHandler<HTMLDivElement> | undefined;
1114
- onInvalid?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1115
- onInvalidCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1087
+ onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1088
+ onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1089
+ onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1090
+ onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1091
+ onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1092
+ onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1093
+ onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1094
+ onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1095
+ onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1116
1096
  onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1117
1097
  onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1118
1098
  onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -1230,8 +1210,6 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1230
1210
  onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1231
1211
  onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
1232
1212
  onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
1233
- onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
1234
- onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
1235
1213
  onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
1236
1214
  onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
1237
1215
  onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -1239,19 +1217,11 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1239
1217
  onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
1240
1218
  onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
1241
1219
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
1242
- onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
1243
- onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
1244
- onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1245
- onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1246
1220
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1247
1221
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1248
- onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1249
- onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1250
- onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1251
- onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1252
- alignContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | undefined;
1253
- alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "anchor-center" | "baseline" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | undefined;
1254
- alignSelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "anchor-center" | "auto" | "baseline" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | undefined;
1222
+ 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;
1223
+ alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | undefined;
1224
+ alignSelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | undefined;
1255
1225
  backgroundImage?: import("@codecademy/variance/dist/types/config").Scale<{
1256
1226
  readonly property: "backgroundImage";
1257
1227
  }>;
@@ -1285,7 +1255,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1285
1255
  display?: import("@codecademy/variance/dist/types/config").Scale<{
1286
1256
  readonly property: "display";
1287
1257
  }>;
1288
- flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "-webkit-auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | undefined;
1258
+ flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "auto" | "fit-content" | "max-content" | "min-content" | "-webkit-auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | undefined;
1289
1259
  flexDirection?: import("@codecademy/variance/dist/types/config").Scale<{
1290
1260
  readonly property: "flexDirection";
1291
1261
  }>;
@@ -1306,10 +1276,10 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1306
1276
  gridAutoRows?: import("@codecademy/variance/dist/types/config").Scale<{
1307
1277
  readonly property: "gridAutoRows";
1308
1278
  }>;
1309
- gridColumnEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | undefined;
1310
- gridColumnStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | undefined;
1311
- gridRowEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | undefined;
1312
- gridRowStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | undefined;
1279
+ 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;
1280
+ 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;
1281
+ 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;
1282
+ 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;
1313
1283
  gridTemplateAreas?: import("@codecademy/variance/dist/types/config").Scale<{
1314
1284
  readonly property: "gridTemplateAreas";
1315
1285
  }>;
@@ -1319,9 +1289,9 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1319
1289
  gridTemplateRows?: import("@codecademy/variance/dist/types/config").Scale<{
1320
1290
  readonly property: "gridTemplateRows";
1321
1291
  }>;
1322
- justifyContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "start" | "stretch" | "space-around" | "space-between" | "space-evenly" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | undefined;
1323
- justifyItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "anchor-center" | "baseline" | "stretch" | "legacy" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | undefined;
1324
- justifySelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "anchor-center" | "auto" | "baseline" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | undefined;
1292
+ 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;
1293
+ justifyItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | "legacy" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | undefined;
1294
+ justifySelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | undefined;
1325
1295
  left?: import("@codecademy/variance/dist/types/config").Scale<{
1326
1296
  readonly property: {
1327
1297
  readonly physical: "left";
@@ -1489,9 +1459,9 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1489
1459
  readonly property: "gap";
1490
1460
  readonly scale: "spacing";
1491
1461
  }>;
1492
- gridArea?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | undefined;
1493
- gridColumn?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | undefined;
1494
- gridRow?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | undefined;
1462
+ 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;
1463
+ 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;
1464
+ 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;
1495
1465
  inset?: import("@codecademy/variance/dist/types/config").Scale<{
1496
1466
  readonly property: "inset";
1497
1467
  readonly properties: {
@@ -1848,12 +1818,10 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1848
1818
  context?: boolean | undefined;
1849
1819
  "no-select"?: boolean | undefined;
1850
1820
  as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
1851
- } & import("framer-motion/dist/types.d-DOCC-kZB").M, "children"> & {
1852
- children?: string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("motion-dom").MotionValue<number> | import("motion-dom").MotionValue<string> | (string & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (string & Iterable<import("react").ReactNode>) | (string & import("react").ReactPortal) | (string & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (number & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (number & Iterable<import("react").ReactNode>) | (number & import("react").ReactPortal) | (number & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (bigint & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (bigint & Iterable<import("react").ReactNode>) | (bigint & import("react").ReactPortal) | (bigint & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (false & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (false & Iterable<import("react").ReactNode>) | (false & import("react").ReactPortal) | (false & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (true & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (true & Iterable<import("react").ReactNode>) | (true & import("react").ReactPortal) | (true & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & string) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & number) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & bigint) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & false) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & true) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & Iterable<import("react").ReactNode>) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & import("react").ReactPortal) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (Iterable<import("react").ReactNode> & string) | (Iterable<import("react").ReactNode> & number) | (Iterable<import("react").ReactNode> & bigint) | (Iterable<import("react").ReactNode> & false) | (Iterable<import("react").ReactNode> & true) | (Iterable<import("react").ReactNode> & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (Iterable<import("react").ReactNode> & import("react").ReactPortal) | (Iterable<import("react").ReactNode> & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (import("react").ReactPortal & string) | (import("react").ReactPortal & number) | (import("react").ReactPortal & bigint) | (import("react").ReactPortal & false) | (import("react").ReactPortal & true) | (import("react").ReactPortal & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (import("react").ReactPortal & Iterable<import("react").ReactNode>) | (import("react").ReactPortal & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & string) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & number) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & bigint) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & false) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & true) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & Iterable<import("react").ReactNode>) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & import("react").ReactPortal) | (import("react").ReactNode[] & string) | (import("react").ReactNode[] & number) | (import("react").ReactNode[] & bigint) | (import("react").ReactNode[] & false) | (import("react").ReactNode[] & true) | (import("react").ReactNode[] & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (import("react").ReactNode[] & Iterable<import("react").ReactNode>) | (import("react").ReactNode[] & import("react").ReactPortal) | (import("react").ReactNode[] & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | null | undefined;
1853
- } & {
1821
+ } & import("framer-motion").MotionProps & {
1854
1822
  theme?: import("@emotion/react").Theme | undefined;
1855
1823
  } & CardWrapperProps, {}, {}>;
1856
- export declare const StaticCardWrapper: import("@emotion/styled").StyledComponent<Omit<{
1824
+ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponent<{
1857
1825
  color?: import("@codecademy/variance/dist/types/config").Scale<{
1858
1826
  readonly property: "color";
1859
1827
  readonly scale: "colors";
@@ -1889,8 +1857,8 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1889
1857
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1890
1858
  readonly transform: (value: string | number) => string | 0;
1891
1859
  }>;
1892
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
1893
- ref?: import("react").Ref<HTMLDivElement> | undefined;
1860
+ "aria-hidden"?: (boolean | "false" | "true") | undefined;
1861
+ ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
1894
1862
  key?: import("react").Key | null | undefined;
1895
1863
  defaultChecked?: boolean | undefined;
1896
1864
  defaultValue?: string | number | readonly string[] | undefined;
@@ -1899,17 +1867,17 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1899
1867
  accessKey?: string | undefined;
1900
1868
  autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
1901
1869
  autoFocus?: boolean | undefined;
1902
- contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
1870
+ contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
1903
1871
  contextMenu?: string | undefined;
1904
- draggable?: (boolean | "true" | "false") | undefined;
1905
- enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
1872
+ draggable?: (boolean | "false" | "true") | undefined;
1873
+ enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
1906
1874
  hidden?: boolean | undefined;
1907
1875
  id?: string | undefined;
1908
1876
  lang?: string | undefined;
1909
1877
  nonce?: string | undefined;
1910
- spellCheck?: (boolean | "true" | "false") | undefined;
1878
+ spellCheck?: (boolean | "false" | "true") | undefined;
1911
1879
  tabIndex?: number | undefined;
1912
- translate?: "yes" | "no" | undefined;
1880
+ translate?: "no" | "yes" | undefined;
1913
1881
  radioGroup?: string | undefined;
1914
1882
  role?: import("react").AriaRole | undefined;
1915
1883
  about?: string | undefined;
@@ -1933,60 +1901,56 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1933
1901
  results?: number | undefined;
1934
1902
  security?: string | undefined;
1935
1903
  unselectable?: "off" | "on" | undefined;
1936
- popover?: "" | "auto" | "manual" | "hint" | undefined;
1937
- popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
1938
- popoverTarget?: string | undefined;
1939
- inert?: boolean | undefined;
1940
1904
  inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
1941
1905
  is?: string | undefined;
1942
1906
  exportparts?: string | undefined;
1943
1907
  part?: string | undefined;
1944
1908
  "aria-activedescendant"?: string | undefined;
1945
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
1946
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
1909
+ "aria-atomic"?: (boolean | "false" | "true") | undefined;
1910
+ "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
1947
1911
  "aria-braillelabel"?: string | undefined;
1948
1912
  "aria-brailleroledescription"?: string | undefined;
1949
- "aria-busy"?: (boolean | "true" | "false") | undefined;
1950
- "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
1913
+ "aria-busy"?: (boolean | "false" | "true") | undefined;
1914
+ "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
1951
1915
  "aria-colcount"?: number | undefined;
1952
1916
  "aria-colindex"?: number | undefined;
1953
1917
  "aria-colindextext"?: string | undefined;
1954
1918
  "aria-colspan"?: number | undefined;
1955
1919
  "aria-controls"?: string | undefined;
1956
- "aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
1920
+ "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
1957
1921
  "aria-describedby"?: string | undefined;
1958
1922
  "aria-description"?: string | undefined;
1959
1923
  "aria-details"?: string | undefined;
1960
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
1924
+ "aria-disabled"?: (boolean | "false" | "true") | undefined;
1961
1925
  "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
1962
1926
  "aria-errormessage"?: string | undefined;
1963
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
1927
+ "aria-expanded"?: (boolean | "false" | "true") | undefined;
1964
1928
  "aria-flowto"?: string | undefined;
1965
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
1966
- "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
1967
- "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
1929
+ "aria-grabbed"?: (boolean | "false" | "true") | undefined;
1930
+ "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
1931
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
1968
1932
  "aria-keyshortcuts"?: string | undefined;
1969
1933
  "aria-label"?: string | undefined;
1970
1934
  "aria-labelledby"?: string | undefined;
1971
1935
  "aria-level"?: number | undefined;
1972
1936
  "aria-live"?: "off" | "assertive" | "polite" | undefined;
1973
- "aria-modal"?: (boolean | "true" | "false") | undefined;
1974
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
1975
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
1937
+ "aria-modal"?: (boolean | "false" | "true") | undefined;
1938
+ "aria-multiline"?: (boolean | "false" | "true") | undefined;
1939
+ "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
1976
1940
  "aria-orientation"?: "horizontal" | "vertical" | undefined;
1977
1941
  "aria-owns"?: string | undefined;
1978
1942
  "aria-placeholder"?: string | undefined;
1979
1943
  "aria-posinset"?: number | undefined;
1980
- "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
1981
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
1944
+ "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
1945
+ "aria-readonly"?: (boolean | "false" | "true") | undefined;
1982
1946
  "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
1983
- "aria-required"?: (boolean | "true" | "false") | undefined;
1947
+ "aria-required"?: (boolean | "false" | "true") | undefined;
1984
1948
  "aria-roledescription"?: string | undefined;
1985
1949
  "aria-rowcount"?: number | undefined;
1986
1950
  "aria-rowindex"?: number | undefined;
1987
1951
  "aria-rowindextext"?: string | undefined;
1988
1952
  "aria-rowspan"?: number | undefined;
1989
- "aria-selected"?: (boolean | "true" | "false") | undefined;
1953
+ "aria-selected"?: (boolean | "false" | "true") | undefined;
1990
1954
  "aria-setsize"?: number | undefined;
1991
1955
  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
1992
1956
  "aria-valuemax"?: number | undefined;
@@ -2012,18 +1976,18 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
2012
1976
  onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
2013
1977
  onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
2014
1978
  onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
2015
- onChange?: import("react").ChangeEventHandler<HTMLDivElement, Element> | undefined;
2016
- onChangeCapture?: import("react").ChangeEventHandler<HTMLDivElement, Element> | undefined;
1979
+ onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1980
+ onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
2017
1981
  onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
2018
- onBeforeInputCapture?: import("react").InputEventHandler<HTMLDivElement> | undefined;
2019
- onInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
2020
- onInputCapture?: import("react").InputEventHandler<HTMLDivElement> | undefined;
2021
- onReset?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
2022
- onResetCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
2023
- onSubmit?: import("react").SubmitEventHandler<HTMLDivElement> | undefined;
2024
- onSubmitCapture?: import("react").SubmitEventHandler<HTMLDivElement> | undefined;
2025
- onInvalid?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
2026
- onInvalidCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1982
+ onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1983
+ onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1984
+ onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1985
+ onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1986
+ onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1987
+ onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1988
+ onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1989
+ onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1990
+ onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
2027
1991
  onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
2028
1992
  onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
2029
1993
  onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -2141,8 +2105,6 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
2141
2105
  onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
2142
2106
  onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
2143
2107
  onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
2144
- onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
2145
- onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
2146
2108
  onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
2147
2109
  onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
2148
2110
  onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -2150,16 +2112,8 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
2150
2112
  onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
2151
2113
  onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
2152
2114
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
2153
- onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
2154
- onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
2155
- onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
2156
- onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
2157
2115
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
2158
2116
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
2159
- onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
2160
- onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
2161
- onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
2162
- onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
2163
2117
  alignContent?: import("@codecademy/variance/dist/types/config").Scale<{
2164
2118
  readonly property: "alignContent";
2165
2119
  }>;
@@ -2752,8 +2706,6 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
2752
2706
  theme?: import("@emotion/react").Theme | undefined;
2753
2707
  as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
2754
2708
  variables?: import("@emotion/styled").CSSObject | undefined;
2755
- } & import("framer-motion/dist/types.d-DOCC-kZB").M, "children"> & {
2756
- children?: import("react").ReactNode | import("motion-dom").MotionValue<number> | import("motion-dom").MotionValue<string>;
2757
- } & {
2709
+ } & import("framer-motion").MotionProps & {
2758
2710
  theme?: import("@emotion/react").Theme | undefined;
2759
2711
  } & CardWrapperProps, {}, {}>;