@codecademy/gamut 68.1.3-alpha.ce69cb.0 → 68.1.3-alpha.da9068.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Alert/elements.d.ts +3 -3
- package/dist/Anchor/index.d.ts +9 -18
- package/dist/Anchor/index.js +6 -9
- package/dist/Box/GridBox.d.ts +0 -1
- package/dist/Box/GridBox.js +1 -1
- package/dist/Box/props.d.ts +1 -1
- package/dist/Button/CTAButton.d.ts +2 -2
- package/dist/Button/FillButton.d.ts +4 -4
- package/dist/Button/IconButton.d.ts +4 -4
- package/dist/Button/StrokeButton.d.ts +4 -4
- package/dist/Button/TextButton.d.ts +4 -4
- package/dist/Button/shared/InlineIconButton.d.ts +2 -2
- package/dist/Button/shared/styles.d.ts +3 -3
- package/dist/Button/shared/types.d.ts +1 -1
- package/dist/ButtonBase/ButtonBase.d.ts +4 -9
- package/dist/ButtonBase/ButtonBase.js +4 -11
- package/dist/Card/elements.d.ts +103 -109
- package/dist/Card/styles.d.ts +8 -8
- package/dist/Coachmark/index.d.ts +1 -1
- package/dist/ConnectedForm/utils.d.ts +1 -1
- package/dist/DatePicker/Calendar/Calendar.d.ts +9 -0
- package/dist/DatePicker/Calendar/Calendar.js +28 -0
- package/dist/DatePicker/Calendar/CalendarBody.d.ts +3 -0
- package/dist/DatePicker/Calendar/CalendarBody.js +174 -0
- package/dist/DatePicker/Calendar/CalendarFooter.d.ts +3 -0
- package/dist/DatePicker/Calendar/CalendarFooter.js +54 -0
- package/dist/DatePicker/Calendar/CalendarHeader.d.ts +3 -0
- package/dist/DatePicker/Calendar/CalendarHeader.js +86 -0
- package/dist/DatePicker/Calendar/index.d.ts +6 -0
- package/dist/DatePicker/Calendar/index.js +5 -0
- package/dist/DatePicker/Calendar/types.d.ts +64 -0
- package/dist/DatePicker/Calendar/types.js +1 -0
- package/dist/DatePicker/Calendar/utils/dateGrid.d.ts +30 -0
- package/dist/DatePicker/Calendar/utils/dateGrid.js +87 -0
- package/dist/DatePicker/Calendar/utils/format.d.ts +45 -0
- package/dist/DatePicker/Calendar/utils/format.js +123 -0
- package/dist/DatePicker/Calendar/utils/index.d.ts +3 -0
- package/dist/DatePicker/Calendar/utils/index.js +3 -0
- package/dist/DatePicker/Calendar/utils/keyHandler.d.ts +13 -0
- package/dist/DatePicker/Calendar/utils/keyHandler.js +125 -0
- package/dist/DatePicker/Calendar/utils/validation.d.ts +13 -0
- package/dist/DatePicker/Calendar/utils/validation.js +23 -0
- package/dist/DatePicker/DatePicker.d.ts +8 -0
- package/dist/DatePicker/DatePicker.js +128 -0
- package/dist/DatePicker/DatePickerCalendar.d.ts +13 -0
- package/dist/DatePicker/DatePickerCalendar.js +135 -0
- package/dist/DatePicker/DatePickerContext.d.ts +11 -0
- package/dist/DatePicker/DatePickerContext.js +18 -0
- package/dist/DatePicker/DatePickerInput.d.ts +16 -0
- package/dist/DatePicker/DatePickerInput.js +137 -0
- package/dist/DatePicker/index.d.ts +13 -0
- package/dist/DatePicker/index.js +10 -0
- package/dist/DatePicker/translations.d.ts +3 -0
- package/dist/DatePicker/translations.js +8 -0
- package/dist/DatePicker/types.d.ts +93 -0
- package/dist/DatePicker/types.js +1 -0
- package/dist/DatePicker/utils.d.ts +5 -0
- package/dist/DatePicker/utils.js +90 -0
- package/dist/Disclosure/elements.d.ts +12 -18
- package/dist/FeatureShimmer/index.js +1 -1
- package/dist/FocusTrap/index.d.ts +2 -2
- package/dist/Form/SelectDropdown/SelectDropdown.js +1 -1
- package/dist/Form/SelectDropdown/elements/controls.js +2 -2
- package/dist/Form/SelectDropdown/elements/multi-value.js +2 -2
- package/dist/Form/SelectDropdown/types/internal.d.ts +2 -2
- package/dist/Form/elements/Form.d.ts +15 -15
- package/dist/Form/elements/FormGroup.d.ts +1 -1
- package/dist/GridForm/GridFormButtons/index.d.ts +4 -4
- package/dist/List/ListProvider.d.ts +1 -1
- package/dist/List/elements.d.ts +43 -45
- package/dist/Menu/MenuItem.js +6 -10
- package/dist/Menu/elements.d.ts +2 -2
- package/dist/Modals/elements.d.ts +1 -1
- package/dist/Pagination/AnimatedPaginationButtons.d.ts +32 -34
- package/dist/Pagination/EllipsisButton.d.ts +4 -4
- package/dist/Pagination/PaginationButton.d.ts +6 -6
- package/dist/Pagination/utils.d.ts +30 -32
- package/dist/Pagination/utils.js +11 -14
- package/dist/Popover/Popover.js +4 -4
- package/dist/Popover/types.d.ts +2 -3
- package/dist/PopoverContainer/PopoverContainer.js +13 -9
- package/dist/PopoverContainer/hooks.d.ts +4 -16
- package/dist/PopoverContainer/hooks.js +24 -31
- package/dist/PopoverContainer/types.d.ts +7 -3
- package/dist/Tabs/TabButton.d.ts +2 -2
- package/dist/Tabs/TabNavLink.d.ts +2 -2
- package/dist/Tag/elements.d.ts +8 -14
- package/dist/Tip/InfoTip/InfoTipButton.d.ts +4 -4
- package/dist/Tip/PreviewTip/elements.d.ts +6 -12
- package/dist/Tip/__tests__/helpers.d.ts +1 -1
- package/dist/Tip/shared/FloatingTip.js +2 -2
- package/dist/Tip/shared/types.d.ts +2 -2
- package/dist/Typography/Text.d.ts +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/utils/react.js +1 -2
- 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<
|
|
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,7 +53,7 @@ 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 | "
|
|
56
|
+
"aria-hidden"?: (boolean | "false" | "true") | undefined;
|
|
57
57
|
ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
|
|
58
58
|
key?: import("react").Key | null | undefined;
|
|
59
59
|
defaultChecked?: boolean | 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 | "
|
|
66
|
+
contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
|
|
67
67
|
contextMenu?: string | undefined;
|
|
68
|
-
draggable?: (boolean | "
|
|
69
|
-
enterKeyHint?: "search" | "
|
|
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 | "
|
|
74
|
+
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
75
75
|
tabIndex?: number | undefined;
|
|
76
|
-
translate?: "
|
|
76
|
+
translate?: "no" | "yes" | undefined;
|
|
77
77
|
radioGroup?: string | undefined;
|
|
78
78
|
role?: import("react").AriaRole | undefined;
|
|
79
79
|
about?: string | undefined;
|
|
@@ -102,51 +102,51 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
102
102
|
exportparts?: string | undefined;
|
|
103
103
|
part?: string | undefined;
|
|
104
104
|
"aria-activedescendant"?: string | undefined;
|
|
105
|
-
"aria-atomic"?: (boolean | "
|
|
106
|
-
"aria-autocomplete"?: "none" | "inline" | "
|
|
105
|
+
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
106
|
+
"aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
|
|
107
107
|
"aria-braillelabel"?: string | undefined;
|
|
108
108
|
"aria-brailleroledescription"?: string | undefined;
|
|
109
|
-
"aria-busy"?: (boolean | "
|
|
110
|
-
"aria-checked"?: boolean | "
|
|
109
|
+
"aria-busy"?: (boolean | "false" | "true") | undefined;
|
|
110
|
+
"aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
|
|
111
111
|
"aria-colcount"?: number | undefined;
|
|
112
112
|
"aria-colindex"?: number | undefined;
|
|
113
113
|
"aria-colindextext"?: string | undefined;
|
|
114
114
|
"aria-colspan"?: number | undefined;
|
|
115
115
|
"aria-controls"?: string | undefined;
|
|
116
|
-
"aria-current"?: boolean | "time" | "page" | "
|
|
116
|
+
"aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
|
|
117
117
|
"aria-describedby"?: string | undefined;
|
|
118
118
|
"aria-description"?: string | undefined;
|
|
119
119
|
"aria-details"?: string | undefined;
|
|
120
|
-
"aria-disabled"?: (boolean | "
|
|
120
|
+
"aria-disabled"?: (boolean | "false" | "true") | undefined;
|
|
121
121
|
"aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
|
122
122
|
"aria-errormessage"?: string | undefined;
|
|
123
|
-
"aria-expanded"?: (boolean | "
|
|
123
|
+
"aria-expanded"?: (boolean | "false" | "true") | undefined;
|
|
124
124
|
"aria-flowto"?: string | undefined;
|
|
125
|
-
"aria-grabbed"?: (boolean | "
|
|
126
|
-
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "
|
|
127
|
-
"aria-invalid"?: boolean | "
|
|
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;
|
|
128
128
|
"aria-keyshortcuts"?: string | undefined;
|
|
129
129
|
"aria-label"?: string | undefined;
|
|
130
130
|
"aria-labelledby"?: string | undefined;
|
|
131
131
|
"aria-level"?: number | undefined;
|
|
132
132
|
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
133
|
-
"aria-modal"?: (boolean | "
|
|
134
|
-
"aria-multiline"?: (boolean | "
|
|
135
|
-
"aria-multiselectable"?: (boolean | "
|
|
133
|
+
"aria-modal"?: (boolean | "false" | "true") | undefined;
|
|
134
|
+
"aria-multiline"?: (boolean | "false" | "true") | undefined;
|
|
135
|
+
"aria-multiselectable"?: (boolean | "false" | "true") | undefined;
|
|
136
136
|
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
137
137
|
"aria-owns"?: string | undefined;
|
|
138
138
|
"aria-placeholder"?: string | undefined;
|
|
139
139
|
"aria-posinset"?: number | undefined;
|
|
140
|
-
"aria-pressed"?: boolean | "
|
|
141
|
-
"aria-readonly"?: (boolean | "
|
|
140
|
+
"aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
|
|
141
|
+
"aria-readonly"?: (boolean | "false" | "true") | undefined;
|
|
142
142
|
"aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
143
|
-
"aria-required"?: (boolean | "
|
|
143
|
+
"aria-required"?: (boolean | "false" | "true") | undefined;
|
|
144
144
|
"aria-roledescription"?: string | undefined;
|
|
145
145
|
"aria-rowcount"?: number | undefined;
|
|
146
146
|
"aria-rowindex"?: number | undefined;
|
|
147
147
|
"aria-rowindextext"?: string | undefined;
|
|
148
148
|
"aria-rowspan"?: number | undefined;
|
|
149
|
-
"aria-selected"?: (boolean | "
|
|
149
|
+
"aria-selected"?: (boolean | "false" | "true") | undefined;
|
|
150
150
|
"aria-setsize"?: number | undefined;
|
|
151
151
|
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
152
152
|
"aria-valuemax"?: number | undefined;
|
|
@@ -310,9 +310,9 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
310
310
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
311
311
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
312
312
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
313
|
-
alignContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
314
|
-
alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
315
|
-
alignSelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
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;
|
|
316
316
|
backgroundImage?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
317
317
|
readonly property: "backgroundImage";
|
|
318
318
|
}>;
|
|
@@ -346,7 +346,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
346
346
|
display?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
347
347
|
readonly property: "display";
|
|
348
348
|
}>;
|
|
349
|
-
flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
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;
|
|
350
350
|
flexDirection?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
351
351
|
readonly property: "flexDirection";
|
|
352
352
|
}>;
|
|
@@ -367,10 +367,10 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
367
367
|
gridAutoRows?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
368
368
|
readonly property: "gridAutoRows";
|
|
369
369
|
}>;
|
|
370
|
-
gridColumnEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
371
|
-
gridColumnStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
372
|
-
gridRowEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
373
|
-
gridRowStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
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;
|
|
374
374
|
gridTemplateAreas?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
375
375
|
readonly property: "gridTemplateAreas";
|
|
376
376
|
}>;
|
|
@@ -380,9 +380,9 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
380
380
|
gridTemplateRows?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
381
381
|
readonly property: "gridTemplateRows";
|
|
382
382
|
}>;
|
|
383
|
-
justifyContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "
|
|
384
|
-
justifyItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
385
|
-
justifySelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
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;
|
|
386
386
|
left?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
387
387
|
readonly property: {
|
|
388
388
|
readonly physical: "left";
|
|
@@ -550,9 +550,9 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
550
550
|
readonly property: "gap";
|
|
551
551
|
readonly scale: "spacing";
|
|
552
552
|
}>;
|
|
553
|
-
gridArea?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
554
|
-
gridColumn?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
555
|
-
gridRow?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
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;
|
|
556
556
|
inset?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
557
557
|
readonly property: "inset";
|
|
558
558
|
readonly properties: {
|
|
@@ -909,10 +909,8 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
909
909
|
context?: boolean | undefined;
|
|
910
910
|
"no-select"?: boolean | undefined;
|
|
911
911
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
912
|
-
} & import("framer-motion
|
|
913
|
-
|
|
914
|
-
}>;
|
|
915
|
-
export declare const DynamicCardWrapper: import("@emotion/styled").StyledComponent<Omit<{
|
|
912
|
+
} & import("framer-motion").MotionProps>;
|
|
913
|
+
export declare const DynamicCardWrapper: import("@emotion/styled").StyledComponent<{
|
|
916
914
|
color?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
917
915
|
readonly property: "color";
|
|
918
916
|
readonly scale: "colors";
|
|
@@ -964,7 +962,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
964
962
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
965
963
|
readonly transform: (value: string | number) => string | 0;
|
|
966
964
|
}>;
|
|
967
|
-
"aria-hidden"?: (boolean | "
|
|
965
|
+
"aria-hidden"?: (boolean | "false" | "true") | undefined;
|
|
968
966
|
ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
|
|
969
967
|
key?: import("react").Key | null | undefined;
|
|
970
968
|
defaultChecked?: boolean | undefined;
|
|
@@ -974,17 +972,17 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
974
972
|
accessKey?: string | undefined;
|
|
975
973
|
autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
|
|
976
974
|
autoFocus?: boolean | undefined;
|
|
977
|
-
contentEditable?: "inherit" | (boolean | "
|
|
975
|
+
contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
|
|
978
976
|
contextMenu?: string | undefined;
|
|
979
|
-
draggable?: (boolean | "
|
|
980
|
-
enterKeyHint?: "search" | "
|
|
977
|
+
draggable?: (boolean | "false" | "true") | undefined;
|
|
978
|
+
enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
|
|
981
979
|
hidden?: boolean | undefined;
|
|
982
980
|
id?: string | undefined;
|
|
983
981
|
lang?: string | undefined;
|
|
984
982
|
nonce?: string | undefined;
|
|
985
|
-
spellCheck?: (boolean | "
|
|
983
|
+
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
986
984
|
tabIndex?: number | undefined;
|
|
987
|
-
translate?: "
|
|
985
|
+
translate?: "no" | "yes" | undefined;
|
|
988
986
|
radioGroup?: string | undefined;
|
|
989
987
|
role?: import("react").AriaRole | undefined;
|
|
990
988
|
about?: string | undefined;
|
|
@@ -1013,51 +1011,51 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1013
1011
|
exportparts?: string | undefined;
|
|
1014
1012
|
part?: string | undefined;
|
|
1015
1013
|
"aria-activedescendant"?: string | undefined;
|
|
1016
|
-
"aria-atomic"?: (boolean | "
|
|
1017
|
-
"aria-autocomplete"?: "none" | "inline" | "
|
|
1014
|
+
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
1015
|
+
"aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
|
|
1018
1016
|
"aria-braillelabel"?: string | undefined;
|
|
1019
1017
|
"aria-brailleroledescription"?: string | undefined;
|
|
1020
|
-
"aria-busy"?: (boolean | "
|
|
1021
|
-
"aria-checked"?: boolean | "
|
|
1018
|
+
"aria-busy"?: (boolean | "false" | "true") | undefined;
|
|
1019
|
+
"aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
|
|
1022
1020
|
"aria-colcount"?: number | undefined;
|
|
1023
1021
|
"aria-colindex"?: number | undefined;
|
|
1024
1022
|
"aria-colindextext"?: string | undefined;
|
|
1025
1023
|
"aria-colspan"?: number | undefined;
|
|
1026
1024
|
"aria-controls"?: string | undefined;
|
|
1027
|
-
"aria-current"?: boolean | "time" | "page" | "
|
|
1025
|
+
"aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
|
|
1028
1026
|
"aria-describedby"?: string | undefined;
|
|
1029
1027
|
"aria-description"?: string | undefined;
|
|
1030
1028
|
"aria-details"?: string | undefined;
|
|
1031
|
-
"aria-disabled"?: (boolean | "
|
|
1029
|
+
"aria-disabled"?: (boolean | "false" | "true") | undefined;
|
|
1032
1030
|
"aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
|
1033
1031
|
"aria-errormessage"?: string | undefined;
|
|
1034
|
-
"aria-expanded"?: (boolean | "
|
|
1032
|
+
"aria-expanded"?: (boolean | "false" | "true") | undefined;
|
|
1035
1033
|
"aria-flowto"?: string | undefined;
|
|
1036
|
-
"aria-grabbed"?: (boolean | "
|
|
1037
|
-
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "
|
|
1038
|
-
"aria-invalid"?: boolean | "
|
|
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;
|
|
1039
1037
|
"aria-keyshortcuts"?: string | undefined;
|
|
1040
1038
|
"aria-label"?: string | undefined;
|
|
1041
1039
|
"aria-labelledby"?: string | undefined;
|
|
1042
1040
|
"aria-level"?: number | undefined;
|
|
1043
1041
|
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
1044
|
-
"aria-modal"?: (boolean | "
|
|
1045
|
-
"aria-multiline"?: (boolean | "
|
|
1046
|
-
"aria-multiselectable"?: (boolean | "
|
|
1042
|
+
"aria-modal"?: (boolean | "false" | "true") | undefined;
|
|
1043
|
+
"aria-multiline"?: (boolean | "false" | "true") | undefined;
|
|
1044
|
+
"aria-multiselectable"?: (boolean | "false" | "true") | undefined;
|
|
1047
1045
|
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
1048
1046
|
"aria-owns"?: string | undefined;
|
|
1049
1047
|
"aria-placeholder"?: string | undefined;
|
|
1050
1048
|
"aria-posinset"?: number | undefined;
|
|
1051
|
-
"aria-pressed"?: boolean | "
|
|
1052
|
-
"aria-readonly"?: (boolean | "
|
|
1049
|
+
"aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
|
|
1050
|
+
"aria-readonly"?: (boolean | "false" | "true") | undefined;
|
|
1053
1051
|
"aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
1054
|
-
"aria-required"?: (boolean | "
|
|
1052
|
+
"aria-required"?: (boolean | "false" | "true") | undefined;
|
|
1055
1053
|
"aria-roledescription"?: string | undefined;
|
|
1056
1054
|
"aria-rowcount"?: number | undefined;
|
|
1057
1055
|
"aria-rowindex"?: number | undefined;
|
|
1058
1056
|
"aria-rowindextext"?: string | undefined;
|
|
1059
1057
|
"aria-rowspan"?: number | undefined;
|
|
1060
|
-
"aria-selected"?: (boolean | "
|
|
1058
|
+
"aria-selected"?: (boolean | "false" | "true") | undefined;
|
|
1061
1059
|
"aria-setsize"?: number | undefined;
|
|
1062
1060
|
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
1063
1061
|
"aria-valuemax"?: number | undefined;
|
|
@@ -1221,9 +1219,9 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1221
1219
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
1222
1220
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
1223
1221
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
1224
|
-
alignContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
1225
|
-
alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
1226
|
-
alignSelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
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;
|
|
1227
1225
|
backgroundImage?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1228
1226
|
readonly property: "backgroundImage";
|
|
1229
1227
|
}>;
|
|
@@ -1257,7 +1255,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1257
1255
|
display?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1258
1256
|
readonly property: "display";
|
|
1259
1257
|
}>;
|
|
1260
|
-
flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
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;
|
|
1261
1259
|
flexDirection?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1262
1260
|
readonly property: "flexDirection";
|
|
1263
1261
|
}>;
|
|
@@ -1278,10 +1276,10 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1278
1276
|
gridAutoRows?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1279
1277
|
readonly property: "gridAutoRows";
|
|
1280
1278
|
}>;
|
|
1281
|
-
gridColumnEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
1282
|
-
gridColumnStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
1283
|
-
gridRowEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
1284
|
-
gridRowStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
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;
|
|
1285
1283
|
gridTemplateAreas?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1286
1284
|
readonly property: "gridTemplateAreas";
|
|
1287
1285
|
}>;
|
|
@@ -1291,9 +1289,9 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1291
1289
|
gridTemplateRows?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1292
1290
|
readonly property: "gridTemplateRows";
|
|
1293
1291
|
}>;
|
|
1294
|
-
justifyContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "
|
|
1295
|
-
justifyItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
1296
|
-
justifySelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
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;
|
|
1297
1295
|
left?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1298
1296
|
readonly property: {
|
|
1299
1297
|
readonly physical: "left";
|
|
@@ -1461,9 +1459,9 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1461
1459
|
readonly property: "gap";
|
|
1462
1460
|
readonly scale: "spacing";
|
|
1463
1461
|
}>;
|
|
1464
|
-
gridArea?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
1465
|
-
gridColumn?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
1466
|
-
gridRow?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
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;
|
|
1467
1465
|
inset?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1468
1466
|
readonly property: "inset";
|
|
1469
1467
|
readonly properties: {
|
|
@@ -1820,12 +1818,10 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1820
1818
|
context?: boolean | undefined;
|
|
1821
1819
|
"no-select"?: boolean | undefined;
|
|
1822
1820
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
1823
|
-
} & import("framer-motion
|
|
1824
|
-
children?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal | import("motion-dom").MotionValue<number> | import("motion-dom").MotionValue<string> | (string & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (string & Iterable<import("react").ReactNode>) | (string & import("react").ReactPortal) | (number & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (number & Iterable<import("react").ReactNode>) | (number & import("react").ReactPortal) | (false & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (false & Iterable<import("react").ReactNode>) | (false & import("react").ReactPortal) | (true & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (true & Iterable<import("react").ReactNode>) | (true & import("react").ReactPortal) | (import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & string) | (import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & number) | (import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & false) | (import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & true) | (import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & Iterable<import("react").ReactNode>) | (import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & import("react").ReactPortal) | (Iterable<import("react").ReactNode> & string) | (Iterable<import("react").ReactNode> & number) | (Iterable<import("react").ReactNode> & false) | (Iterable<import("react").ReactNode> & true) | (Iterable<import("react").ReactNode> & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (Iterable<import("react").ReactNode> & import("react").ReactPortal) | (import("react").ReactPortal & string) | (import("react").ReactPortal & number) | (import("react").ReactPortal & false) | (import("react").ReactPortal & true) | (import("react").ReactPortal & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (import("react").ReactPortal & Iterable<import("react").ReactNode>) | (import("react").ReactNode[] & string) | (import("react").ReactNode[] & number) | (import("react").ReactNode[] & false) | (import("react").ReactNode[] & true) | (import("react").ReactNode[] & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (import("react").ReactNode[] & Iterable<import("react").ReactNode>) | (import("react").ReactNode[] & import("react").ReactPortal) | null | undefined;
|
|
1825
|
-
} & {
|
|
1821
|
+
} & import("framer-motion").MotionProps & {
|
|
1826
1822
|
theme?: import("@emotion/react").Theme | undefined;
|
|
1827
1823
|
} & CardWrapperProps, {}, {}>;
|
|
1828
|
-
export declare const StaticCardWrapper: import("@emotion/styled").StyledComponent<
|
|
1824
|
+
export declare const StaticCardWrapper: import("@emotion/styled").StyledComponent<{
|
|
1829
1825
|
color?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1830
1826
|
readonly property: "color";
|
|
1831
1827
|
readonly scale: "colors";
|
|
@@ -1861,7 +1857,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1861
1857
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1862
1858
|
readonly transform: (value: string | number) => string | 0;
|
|
1863
1859
|
}>;
|
|
1864
|
-
"aria-hidden"?: (boolean | "
|
|
1860
|
+
"aria-hidden"?: (boolean | "false" | "true") | undefined;
|
|
1865
1861
|
ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
|
|
1866
1862
|
key?: import("react").Key | null | undefined;
|
|
1867
1863
|
defaultChecked?: boolean | undefined;
|
|
@@ -1871,17 +1867,17 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1871
1867
|
accessKey?: string | undefined;
|
|
1872
1868
|
autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
|
|
1873
1869
|
autoFocus?: boolean | undefined;
|
|
1874
|
-
contentEditable?: "inherit" | (boolean | "
|
|
1870
|
+
contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
|
|
1875
1871
|
contextMenu?: string | undefined;
|
|
1876
|
-
draggable?: (boolean | "
|
|
1877
|
-
enterKeyHint?: "search" | "
|
|
1872
|
+
draggable?: (boolean | "false" | "true") | undefined;
|
|
1873
|
+
enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
|
|
1878
1874
|
hidden?: boolean | undefined;
|
|
1879
1875
|
id?: string | undefined;
|
|
1880
1876
|
lang?: string | undefined;
|
|
1881
1877
|
nonce?: string | undefined;
|
|
1882
|
-
spellCheck?: (boolean | "
|
|
1878
|
+
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
1883
1879
|
tabIndex?: number | undefined;
|
|
1884
|
-
translate?: "
|
|
1880
|
+
translate?: "no" | "yes" | undefined;
|
|
1885
1881
|
radioGroup?: string | undefined;
|
|
1886
1882
|
role?: import("react").AriaRole | undefined;
|
|
1887
1883
|
about?: string | undefined;
|
|
@@ -1910,51 +1906,51 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1910
1906
|
exportparts?: string | undefined;
|
|
1911
1907
|
part?: string | undefined;
|
|
1912
1908
|
"aria-activedescendant"?: string | undefined;
|
|
1913
|
-
"aria-atomic"?: (boolean | "
|
|
1914
|
-
"aria-autocomplete"?: "none" | "inline" | "
|
|
1909
|
+
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
1910
|
+
"aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
|
|
1915
1911
|
"aria-braillelabel"?: string | undefined;
|
|
1916
1912
|
"aria-brailleroledescription"?: string | undefined;
|
|
1917
|
-
"aria-busy"?: (boolean | "
|
|
1918
|
-
"aria-checked"?: boolean | "
|
|
1913
|
+
"aria-busy"?: (boolean | "false" | "true") | undefined;
|
|
1914
|
+
"aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
|
|
1919
1915
|
"aria-colcount"?: number | undefined;
|
|
1920
1916
|
"aria-colindex"?: number | undefined;
|
|
1921
1917
|
"aria-colindextext"?: string | undefined;
|
|
1922
1918
|
"aria-colspan"?: number | undefined;
|
|
1923
1919
|
"aria-controls"?: string | undefined;
|
|
1924
|
-
"aria-current"?: boolean | "time" | "page" | "
|
|
1920
|
+
"aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
|
|
1925
1921
|
"aria-describedby"?: string | undefined;
|
|
1926
1922
|
"aria-description"?: string | undefined;
|
|
1927
1923
|
"aria-details"?: string | undefined;
|
|
1928
|
-
"aria-disabled"?: (boolean | "
|
|
1924
|
+
"aria-disabled"?: (boolean | "false" | "true") | undefined;
|
|
1929
1925
|
"aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
|
1930
1926
|
"aria-errormessage"?: string | undefined;
|
|
1931
|
-
"aria-expanded"?: (boolean | "
|
|
1927
|
+
"aria-expanded"?: (boolean | "false" | "true") | undefined;
|
|
1932
1928
|
"aria-flowto"?: string | undefined;
|
|
1933
|
-
"aria-grabbed"?: (boolean | "
|
|
1934
|
-
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "
|
|
1935
|
-
"aria-invalid"?: boolean | "
|
|
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;
|
|
1936
1932
|
"aria-keyshortcuts"?: string | undefined;
|
|
1937
1933
|
"aria-label"?: string | undefined;
|
|
1938
1934
|
"aria-labelledby"?: string | undefined;
|
|
1939
1935
|
"aria-level"?: number | undefined;
|
|
1940
1936
|
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
1941
|
-
"aria-modal"?: (boolean | "
|
|
1942
|
-
"aria-multiline"?: (boolean | "
|
|
1943
|
-
"aria-multiselectable"?: (boolean | "
|
|
1937
|
+
"aria-modal"?: (boolean | "false" | "true") | undefined;
|
|
1938
|
+
"aria-multiline"?: (boolean | "false" | "true") | undefined;
|
|
1939
|
+
"aria-multiselectable"?: (boolean | "false" | "true") | undefined;
|
|
1944
1940
|
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
1945
1941
|
"aria-owns"?: string | undefined;
|
|
1946
1942
|
"aria-placeholder"?: string | undefined;
|
|
1947
1943
|
"aria-posinset"?: number | undefined;
|
|
1948
|
-
"aria-pressed"?: boolean | "
|
|
1949
|
-
"aria-readonly"?: (boolean | "
|
|
1944
|
+
"aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
|
|
1945
|
+
"aria-readonly"?: (boolean | "false" | "true") | undefined;
|
|
1950
1946
|
"aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
1951
|
-
"aria-required"?: (boolean | "
|
|
1947
|
+
"aria-required"?: (boolean | "false" | "true") | undefined;
|
|
1952
1948
|
"aria-roledescription"?: string | undefined;
|
|
1953
1949
|
"aria-rowcount"?: number | undefined;
|
|
1954
1950
|
"aria-rowindex"?: number | undefined;
|
|
1955
1951
|
"aria-rowindextext"?: string | undefined;
|
|
1956
1952
|
"aria-rowspan"?: number | undefined;
|
|
1957
|
-
"aria-selected"?: (boolean | "
|
|
1953
|
+
"aria-selected"?: (boolean | "false" | "true") | undefined;
|
|
1958
1954
|
"aria-setsize"?: number | undefined;
|
|
1959
1955
|
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
1960
1956
|
"aria-valuemax"?: number | undefined;
|
|
@@ -2710,8 +2706,6 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2710
2706
|
theme?: import("@emotion/react").Theme | undefined;
|
|
2711
2707
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
2712
2708
|
variables?: import("@emotion/styled").CSSObject | undefined;
|
|
2713
|
-
} & import("framer-motion
|
|
2714
|
-
children?: import("react").ReactNode | import("motion-dom").MotionValue<number> | import("motion-dom").MotionValue<string>;
|
|
2715
|
-
} & {
|
|
2709
|
+
} & import("framer-motion").MotionProps & {
|
|
2716
2710
|
theme?: import("@emotion/react").Theme | undefined;
|
|
2717
2711
|
} & CardWrapperProps, {}, {}>;
|