@codecademy/gamut 68.1.1-alpha.f4b2b2.0 → 68.1.1
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/README.md +0 -17
- package/dist/AccordionAreaDeprecated/index.js +2 -2
- package/dist/Alert/elements.d.ts +7 -14
- package/dist/Alert/elements.js +5 -5
- package/dist/Anchor/index.d.ts +7 -11
- package/dist/Anchor/index.js +3 -4
- package/dist/Animation/ExpandInCollapseOut.js +1 -1
- package/dist/Animation/FadeInSlideOut.js +1 -1
- package/dist/Animation/Rotation.js +1 -1
- package/dist/Box/Box.d.ts +4 -6
- package/dist/Box/Box.js +3 -5
- package/dist/Box/FlexBox.d.ts +4 -6
- package/dist/Box/FlexBox.js +3 -5
- package/dist/Box/GridBox.d.ts +4 -7
- package/dist/Box/GridBox.js +3 -5
- package/dist/Box/props.d.ts +3 -3
- package/dist/Button/CTAButton.d.ts +3 -8
- package/dist/Button/FillButton.d.ts +7 -17
- package/dist/Button/IconButton.d.ts +7 -17
- package/dist/Button/StrokeButton.d.ts +7 -17
- package/dist/Button/TextButton.d.ts +7 -17
- package/dist/Button/shared/InlineIconButton.d.ts +4 -9
- package/dist/Button/shared/styles.d.ts +4 -9
- package/dist/Button/shared/types.d.ts +1 -2
- package/dist/ButtonBase/ButtonBase.d.ts +3 -9
- package/dist/ButtonBase/ButtonBase.js +2 -2
- package/dist/Card/elements.d.ts +109 -119
- package/dist/Card/styles.d.ts +8 -8
- package/dist/Card/types.d.ts +1 -1
- package/dist/Coachmark/index.d.ts +1 -1
- package/dist/ConnectedForm/ConnectedForm.d.ts +1 -9
- package/dist/ConnectedForm/ConnectedForm.js +1 -9
- package/dist/ConnectedForm/utils.d.ts +7 -1
- package/dist/ContentContainer/index.d.ts +2 -4
- package/dist/Disclosure/elements.d.ts +22 -43
- package/dist/Disclosure/index.js +1 -1
- package/dist/Drawer/index.js +2 -2
- package/dist/FeatureShimmer/index.js +2 -2
- package/dist/Form/SelectDropdown/SelectDropdown.js +1 -1
- package/dist/Form/SelectDropdown/types/internal.d.ts +1 -1
- package/dist/Form/elements/Form.d.ts +17 -17
- package/dist/Form/elements/Form.js +1 -1
- package/dist/Form/elements/FormError.d.ts +2 -2
- package/dist/Form/elements/FormError.js +1 -1
- package/dist/Form/elements/FormGroup.d.ts +3 -5
- package/dist/Form/inputs/Checkbox.d.ts +1 -1
- package/dist/Form/inputs/Checkbox.js +7 -7
- package/dist/Form/inputs/Input.d.ts +1 -2
- package/dist/Form/inputs/Input.js +2 -4
- package/dist/Form/inputs/Radio.d.ts +1 -1
- package/dist/Form/inputs/Radio.js +2 -2
- package/dist/Form/inputs/Select.d.ts +1 -1
- package/dist/Form/inputs/Select.js +3 -3
- package/dist/Form/inputs/TextArea.d.ts +5 -5
- package/dist/Form/inputs/TextArea.js +2 -2
- package/dist/GridForm/GridFormButtons/index.d.ts +7 -17
- package/dist/List/Header/ListHeaderCol.d.ts +2 -3
- package/dist/List/List.d.ts +2 -2
- package/dist/List/ListCol.d.ts +2 -3
- package/dist/List/ListProvider.d.ts +1 -1
- package/dist/List/ListRow.d.ts +2 -2
- package/dist/List/ListRow.js +3 -3
- package/dist/List/TableHeader.d.ts +2 -3
- package/dist/List/elements.d.ts +932 -29
- package/dist/List/elements.js +8 -10
- package/dist/Menu/elements.d.ts +2 -2
- package/dist/Modals/elements.d.ts +1 -1
- package/dist/Modals/types.d.ts +4 -5
- package/dist/Pagination/AnimatedPaginationButtons.d.ts +36 -45
- package/dist/Pagination/EllipsisButton.d.ts +8 -18
- package/dist/Pagination/PaginationButton.d.ts +10 -25
- package/dist/Pagination/utils.d.ts +32 -36
- package/dist/Pagination/utils.js +10 -6
- package/dist/Popover/elements.d.ts +4 -8
- package/dist/Popover/elements.js +6 -6
- package/dist/Popover/types.d.ts +2 -2
- package/dist/PopoverContainer/hooks.d.ts +2 -2
- package/dist/PopoverContainer/types.d.ts +1 -1
- package/dist/Tabs/TabButton.d.ts +3 -8
- package/dist/Tabs/TabNavLink.d.ts +4 -9
- package/dist/Tag/elements.d.ts +22 -27
- package/dist/Tip/InfoTip/InfoTipButton.d.ts +7 -17
- package/dist/Tip/InfoTip/styles.d.ts +2 -4
- package/dist/Tip/PreviewTip/elements.d.ts +8 -12
- package/dist/Tip/ToolTip/elements.d.ts +2 -4
- package/dist/Tip/__tests__/helpers.d.ts +1 -1
- package/dist/Tip/shared/FloatingTip.js +2 -2
- package/dist/Tip/shared/elements.d.ts +6 -12
- package/dist/Tip/shared/types.d.ts +2 -2
- package/dist/Toaster/index.js +1 -1
- package/dist/Toggle/elements.d.ts +2 -4
- package/dist/Typography/Text.d.ts +9 -11
- package/dist/Typography/Text.js +2 -4
- package/dist/utils/index.d.ts +1 -1
- package/dist/utils/index.js +1 -1
- package/dist/utils/react.d.ts +0 -1
- package/dist/utils/react.js +1 -4
- package/dist/utils/types.d.ts +1 -51
- package/dist/utils/types.js +1 -48
- package/package.json +11 -12
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";
|
|
@@ -37,10 +37,6 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
37
37
|
title?: string | undefined;
|
|
38
38
|
dir?: string | undefined;
|
|
39
39
|
className?: string | undefined;
|
|
40
|
-
onScrollEnd?: ((event: import("react").UIEvent<HTMLElement, UIEvent>) => void) | undefined;
|
|
41
|
-
onScrollEndCapture?: ((event: import("react").UIEvent<HTMLElement, UIEvent>) => void) | undefined;
|
|
42
|
-
ref?: ((string | ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | import("react").RefObject<HTMLDivElement | null>) & (string | import("react").RefObject<HTMLDivElement | null> | ((instance: HTMLDivElement | null) => void))) | null | undefined;
|
|
43
|
-
key?: import("react").Key | null | undefined;
|
|
44
40
|
height?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
45
41
|
readonly property: {
|
|
46
42
|
readonly physical: "height";
|
|
@@ -57,7 +53,9 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
57
53
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
58
54
|
readonly transform: (value: string | number) => string | 0;
|
|
59
55
|
}>;
|
|
60
|
-
"aria-hidden"?: (boolean | "
|
|
56
|
+
"aria-hidden"?: (boolean | "false" | "true") | undefined;
|
|
57
|
+
ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
|
|
58
|
+
key?: import("react").Key | null | undefined;
|
|
61
59
|
defaultChecked?: boolean | undefined;
|
|
62
60
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
63
61
|
suppressContentEditableWarning?: boolean | undefined;
|
|
@@ -65,17 +63,17 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
65
63
|
accessKey?: string | undefined;
|
|
66
64
|
autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
|
|
67
65
|
autoFocus?: boolean | undefined;
|
|
68
|
-
contentEditable?: "inherit" | (boolean | "
|
|
66
|
+
contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
|
|
69
67
|
contextMenu?: string | undefined;
|
|
70
|
-
draggable?: (boolean | "
|
|
71
|
-
enterKeyHint?: "search" | "
|
|
68
|
+
draggable?: (boolean | "false" | "true") | undefined;
|
|
69
|
+
enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
|
|
72
70
|
hidden?: boolean | undefined;
|
|
73
71
|
id?: string | undefined;
|
|
74
72
|
lang?: string | undefined;
|
|
75
73
|
nonce?: string | undefined;
|
|
76
|
-
spellCheck?: (boolean | "
|
|
74
|
+
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
77
75
|
tabIndex?: number | undefined;
|
|
78
|
-
translate?: "
|
|
76
|
+
translate?: "no" | "yes" | undefined;
|
|
79
77
|
radioGroup?: string | undefined;
|
|
80
78
|
role?: import("react").AriaRole | undefined;
|
|
81
79
|
about?: string | undefined;
|
|
@@ -104,51 +102,51 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
104
102
|
exportparts?: string | undefined;
|
|
105
103
|
part?: string | undefined;
|
|
106
104
|
"aria-activedescendant"?: string | undefined;
|
|
107
|
-
"aria-atomic"?: (boolean | "
|
|
108
|
-
"aria-autocomplete"?: "none" | "inline" | "
|
|
105
|
+
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
106
|
+
"aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
|
|
109
107
|
"aria-braillelabel"?: string | undefined;
|
|
110
108
|
"aria-brailleroledescription"?: string | undefined;
|
|
111
|
-
"aria-busy"?: (boolean | "
|
|
112
|
-
"aria-checked"?: boolean | "
|
|
109
|
+
"aria-busy"?: (boolean | "false" | "true") | undefined;
|
|
110
|
+
"aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
|
|
113
111
|
"aria-colcount"?: number | undefined;
|
|
114
112
|
"aria-colindex"?: number | undefined;
|
|
115
113
|
"aria-colindextext"?: string | undefined;
|
|
116
114
|
"aria-colspan"?: number | undefined;
|
|
117
115
|
"aria-controls"?: string | undefined;
|
|
118
|
-
"aria-current"?: boolean | "time" | "page" | "
|
|
116
|
+
"aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
|
|
119
117
|
"aria-describedby"?: string | undefined;
|
|
120
118
|
"aria-description"?: string | undefined;
|
|
121
119
|
"aria-details"?: string | undefined;
|
|
122
|
-
"aria-disabled"?: (boolean | "
|
|
120
|
+
"aria-disabled"?: (boolean | "false" | "true") | undefined;
|
|
123
121
|
"aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
|
124
122
|
"aria-errormessage"?: string | undefined;
|
|
125
|
-
"aria-expanded"?: (boolean | "
|
|
123
|
+
"aria-expanded"?: (boolean | "false" | "true") | undefined;
|
|
126
124
|
"aria-flowto"?: string | undefined;
|
|
127
|
-
"aria-grabbed"?: (boolean | "
|
|
128
|
-
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "
|
|
129
|
-
"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;
|
|
130
128
|
"aria-keyshortcuts"?: string | undefined;
|
|
131
129
|
"aria-label"?: string | undefined;
|
|
132
130
|
"aria-labelledby"?: string | undefined;
|
|
133
131
|
"aria-level"?: number | undefined;
|
|
134
132
|
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
135
|
-
"aria-modal"?: (boolean | "
|
|
136
|
-
"aria-multiline"?: (boolean | "
|
|
137
|
-
"aria-multiselectable"?: (boolean | "
|
|
133
|
+
"aria-modal"?: (boolean | "false" | "true") | undefined;
|
|
134
|
+
"aria-multiline"?: (boolean | "false" | "true") | undefined;
|
|
135
|
+
"aria-multiselectable"?: (boolean | "false" | "true") | undefined;
|
|
138
136
|
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
139
137
|
"aria-owns"?: string | undefined;
|
|
140
138
|
"aria-placeholder"?: string | undefined;
|
|
141
139
|
"aria-posinset"?: number | undefined;
|
|
142
|
-
"aria-pressed"?: boolean | "
|
|
143
|
-
"aria-readonly"?: (boolean | "
|
|
140
|
+
"aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
|
|
141
|
+
"aria-readonly"?: (boolean | "false" | "true") | undefined;
|
|
144
142
|
"aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
145
|
-
"aria-required"?: (boolean | "
|
|
143
|
+
"aria-required"?: (boolean | "false" | "true") | undefined;
|
|
146
144
|
"aria-roledescription"?: string | undefined;
|
|
147
145
|
"aria-rowcount"?: number | undefined;
|
|
148
146
|
"aria-rowindex"?: number | undefined;
|
|
149
147
|
"aria-rowindextext"?: string | undefined;
|
|
150
148
|
"aria-rowspan"?: number | undefined;
|
|
151
|
-
"aria-selected"?: (boolean | "
|
|
149
|
+
"aria-selected"?: (boolean | "false" | "true") | undefined;
|
|
152
150
|
"aria-setsize"?: number | undefined;
|
|
153
151
|
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
154
152
|
"aria-valuemax"?: number | undefined;
|
|
@@ -312,9 +310,9 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
312
310
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
313
311
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
314
312
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
315
|
-
alignContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
316
|
-
alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
317
|
-
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;
|
|
318
316
|
backgroundImage?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
319
317
|
readonly property: "backgroundImage";
|
|
320
318
|
}>;
|
|
@@ -348,7 +346,7 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
348
346
|
display?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
349
347
|
readonly property: "display";
|
|
350
348
|
}>;
|
|
351
|
-
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;
|
|
352
350
|
flexDirection?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
353
351
|
readonly property: "flexDirection";
|
|
354
352
|
}>;
|
|
@@ -369,10 +367,10 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
369
367
|
gridAutoRows?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
370
368
|
readonly property: "gridAutoRows";
|
|
371
369
|
}>;
|
|
372
|
-
gridColumnEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
373
|
-
gridColumnStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
374
|
-
gridRowEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
375
|
-
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;
|
|
376
374
|
gridTemplateAreas?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
377
375
|
readonly property: "gridTemplateAreas";
|
|
378
376
|
}>;
|
|
@@ -382,9 +380,9 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
382
380
|
gridTemplateRows?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
383
381
|
readonly property: "gridTemplateRows";
|
|
384
382
|
}>;
|
|
385
|
-
justifyContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "
|
|
386
|
-
justifyItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
387
|
-
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;
|
|
388
386
|
left?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
389
387
|
readonly property: {
|
|
390
388
|
readonly physical: "left";
|
|
@@ -552,9 +550,9 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
552
550
|
readonly property: "gap";
|
|
553
551
|
readonly scale: "spacing";
|
|
554
552
|
}>;
|
|
555
|
-
gridArea?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
556
|
-
gridColumn?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
557
|
-
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;
|
|
558
556
|
inset?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
559
557
|
readonly property: "inset";
|
|
560
558
|
readonly properties: {
|
|
@@ -911,10 +909,8 @@ export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
|
911
909
|
context?: boolean | undefined;
|
|
912
910
|
"no-select"?: boolean | undefined;
|
|
913
911
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
914
|
-
} & import("framer-motion
|
|
915
|
-
|
|
916
|
-
}>;
|
|
917
|
-
export declare const DynamicCardWrapper: import("@emotion/styled").StyledComponent<Omit<{
|
|
912
|
+
} & import("framer-motion").MotionProps>;
|
|
913
|
+
export declare const DynamicCardWrapper: import("@emotion/styled").StyledComponent<{
|
|
918
914
|
color?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
919
915
|
readonly property: "color";
|
|
920
916
|
readonly scale: "colors";
|
|
@@ -950,10 +946,6 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
950
946
|
title?: string | undefined;
|
|
951
947
|
dir?: string | undefined;
|
|
952
948
|
className?: string | undefined;
|
|
953
|
-
onScrollEnd?: ((event: import("react").UIEvent<HTMLElement, UIEvent>) => void) | undefined;
|
|
954
|
-
onScrollEndCapture?: ((event: import("react").UIEvent<HTMLElement, UIEvent>) => void) | undefined;
|
|
955
|
-
ref?: ((string | ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | import("react").RefObject<HTMLDivElement | null>) & (string | import("react").RefObject<HTMLDivElement | null> | ((instance: HTMLDivElement | null) => void))) | null | undefined;
|
|
956
|
-
key?: import("react").Key | null | undefined;
|
|
957
949
|
height?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
958
950
|
readonly property: {
|
|
959
951
|
readonly physical: "height";
|
|
@@ -970,7 +962,9 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
970
962
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
971
963
|
readonly transform: (value: string | number) => string | 0;
|
|
972
964
|
}>;
|
|
973
|
-
"aria-hidden"?: (boolean | "
|
|
965
|
+
"aria-hidden"?: (boolean | "false" | "true") | undefined;
|
|
966
|
+
ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
|
|
967
|
+
key?: import("react").Key | null | undefined;
|
|
974
968
|
defaultChecked?: boolean | undefined;
|
|
975
969
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
976
970
|
suppressContentEditableWarning?: boolean | undefined;
|
|
@@ -978,17 +972,17 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
978
972
|
accessKey?: string | undefined;
|
|
979
973
|
autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
|
|
980
974
|
autoFocus?: boolean | undefined;
|
|
981
|
-
contentEditable?: "inherit" | (boolean | "
|
|
975
|
+
contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
|
|
982
976
|
contextMenu?: string | undefined;
|
|
983
|
-
draggable?: (boolean | "
|
|
984
|
-
enterKeyHint?: "search" | "
|
|
977
|
+
draggable?: (boolean | "false" | "true") | undefined;
|
|
978
|
+
enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
|
|
985
979
|
hidden?: boolean | undefined;
|
|
986
980
|
id?: string | undefined;
|
|
987
981
|
lang?: string | undefined;
|
|
988
982
|
nonce?: string | undefined;
|
|
989
|
-
spellCheck?: (boolean | "
|
|
983
|
+
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
990
984
|
tabIndex?: number | undefined;
|
|
991
|
-
translate?: "
|
|
985
|
+
translate?: "no" | "yes" | undefined;
|
|
992
986
|
radioGroup?: string | undefined;
|
|
993
987
|
role?: import("react").AriaRole | undefined;
|
|
994
988
|
about?: string | undefined;
|
|
@@ -1017,51 +1011,51 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1017
1011
|
exportparts?: string | undefined;
|
|
1018
1012
|
part?: string | undefined;
|
|
1019
1013
|
"aria-activedescendant"?: string | undefined;
|
|
1020
|
-
"aria-atomic"?: (boolean | "
|
|
1021
|
-
"aria-autocomplete"?: "none" | "inline" | "
|
|
1014
|
+
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
1015
|
+
"aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
|
|
1022
1016
|
"aria-braillelabel"?: string | undefined;
|
|
1023
1017
|
"aria-brailleroledescription"?: string | undefined;
|
|
1024
|
-
"aria-busy"?: (boolean | "
|
|
1025
|
-
"aria-checked"?: boolean | "
|
|
1018
|
+
"aria-busy"?: (boolean | "false" | "true") | undefined;
|
|
1019
|
+
"aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
|
|
1026
1020
|
"aria-colcount"?: number | undefined;
|
|
1027
1021
|
"aria-colindex"?: number | undefined;
|
|
1028
1022
|
"aria-colindextext"?: string | undefined;
|
|
1029
1023
|
"aria-colspan"?: number | undefined;
|
|
1030
1024
|
"aria-controls"?: string | undefined;
|
|
1031
|
-
"aria-current"?: boolean | "time" | "page" | "
|
|
1025
|
+
"aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
|
|
1032
1026
|
"aria-describedby"?: string | undefined;
|
|
1033
1027
|
"aria-description"?: string | undefined;
|
|
1034
1028
|
"aria-details"?: string | undefined;
|
|
1035
|
-
"aria-disabled"?: (boolean | "
|
|
1029
|
+
"aria-disabled"?: (boolean | "false" | "true") | undefined;
|
|
1036
1030
|
"aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
|
1037
1031
|
"aria-errormessage"?: string | undefined;
|
|
1038
|
-
"aria-expanded"?: (boolean | "
|
|
1032
|
+
"aria-expanded"?: (boolean | "false" | "true") | undefined;
|
|
1039
1033
|
"aria-flowto"?: string | undefined;
|
|
1040
|
-
"aria-grabbed"?: (boolean | "
|
|
1041
|
-
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "
|
|
1042
|
-
"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;
|
|
1043
1037
|
"aria-keyshortcuts"?: string | undefined;
|
|
1044
1038
|
"aria-label"?: string | undefined;
|
|
1045
1039
|
"aria-labelledby"?: string | undefined;
|
|
1046
1040
|
"aria-level"?: number | undefined;
|
|
1047
1041
|
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
1048
|
-
"aria-modal"?: (boolean | "
|
|
1049
|
-
"aria-multiline"?: (boolean | "
|
|
1050
|
-
"aria-multiselectable"?: (boolean | "
|
|
1042
|
+
"aria-modal"?: (boolean | "false" | "true") | undefined;
|
|
1043
|
+
"aria-multiline"?: (boolean | "false" | "true") | undefined;
|
|
1044
|
+
"aria-multiselectable"?: (boolean | "false" | "true") | undefined;
|
|
1051
1045
|
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
1052
1046
|
"aria-owns"?: string | undefined;
|
|
1053
1047
|
"aria-placeholder"?: string | undefined;
|
|
1054
1048
|
"aria-posinset"?: number | undefined;
|
|
1055
|
-
"aria-pressed"?: boolean | "
|
|
1056
|
-
"aria-readonly"?: (boolean | "
|
|
1049
|
+
"aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
|
|
1050
|
+
"aria-readonly"?: (boolean | "false" | "true") | undefined;
|
|
1057
1051
|
"aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
1058
|
-
"aria-required"?: (boolean | "
|
|
1052
|
+
"aria-required"?: (boolean | "false" | "true") | undefined;
|
|
1059
1053
|
"aria-roledescription"?: string | undefined;
|
|
1060
1054
|
"aria-rowcount"?: number | undefined;
|
|
1061
1055
|
"aria-rowindex"?: number | undefined;
|
|
1062
1056
|
"aria-rowindextext"?: string | undefined;
|
|
1063
1057
|
"aria-rowspan"?: number | undefined;
|
|
1064
|
-
"aria-selected"?: (boolean | "
|
|
1058
|
+
"aria-selected"?: (boolean | "false" | "true") | undefined;
|
|
1065
1059
|
"aria-setsize"?: number | undefined;
|
|
1066
1060
|
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
1067
1061
|
"aria-valuemax"?: number | undefined;
|
|
@@ -1225,9 +1219,9 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1225
1219
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
1226
1220
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
1227
1221
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
1228
|
-
alignContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
1229
|
-
alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
1230
|
-
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;
|
|
1231
1225
|
backgroundImage?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1232
1226
|
readonly property: "backgroundImage";
|
|
1233
1227
|
}>;
|
|
@@ -1261,7 +1255,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1261
1255
|
display?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1262
1256
|
readonly property: "display";
|
|
1263
1257
|
}>;
|
|
1264
|
-
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;
|
|
1265
1259
|
flexDirection?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1266
1260
|
readonly property: "flexDirection";
|
|
1267
1261
|
}>;
|
|
@@ -1282,10 +1276,10 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1282
1276
|
gridAutoRows?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1283
1277
|
readonly property: "gridAutoRows";
|
|
1284
1278
|
}>;
|
|
1285
|
-
gridColumnEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
1286
|
-
gridColumnStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
1287
|
-
gridRowEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
1288
|
-
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;
|
|
1289
1283
|
gridTemplateAreas?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1290
1284
|
readonly property: "gridTemplateAreas";
|
|
1291
1285
|
}>;
|
|
@@ -1295,9 +1289,9 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1295
1289
|
gridTemplateRows?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1296
1290
|
readonly property: "gridTemplateRows";
|
|
1297
1291
|
}>;
|
|
1298
|
-
justifyContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "
|
|
1299
|
-
justifyItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
1300
|
-
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;
|
|
1301
1295
|
left?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1302
1296
|
readonly property: {
|
|
1303
1297
|
readonly physical: "left";
|
|
@@ -1465,9 +1459,9 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1465
1459
|
readonly property: "gap";
|
|
1466
1460
|
readonly scale: "spacing";
|
|
1467
1461
|
}>;
|
|
1468
|
-
gridArea?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
1469
|
-
gridColumn?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
1470
|
-
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;
|
|
1471
1465
|
inset?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1472
1466
|
readonly property: "inset";
|
|
1473
1467
|
readonly properties: {
|
|
@@ -1824,12 +1818,10 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1824
1818
|
context?: boolean | undefined;
|
|
1825
1819
|
"no-select"?: boolean | undefined;
|
|
1826
1820
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
1827
|
-
} & import("framer-motion
|
|
1828
|
-
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;
|
|
1829
|
-
} & {
|
|
1821
|
+
} & import("framer-motion").MotionProps & {
|
|
1830
1822
|
theme?: import("@emotion/react").Theme | undefined;
|
|
1831
1823
|
} & CardWrapperProps, {}, {}>;
|
|
1832
|
-
export declare const StaticCardWrapper: import("@emotion/styled").StyledComponent<
|
|
1824
|
+
export declare const StaticCardWrapper: import("@emotion/styled").StyledComponent<{
|
|
1833
1825
|
color?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1834
1826
|
readonly property: "color";
|
|
1835
1827
|
readonly scale: "colors";
|
|
@@ -1849,8 +1841,6 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1849
1841
|
title?: string | undefined;
|
|
1850
1842
|
dir?: string | undefined;
|
|
1851
1843
|
className?: string | undefined;
|
|
1852
|
-
ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
|
|
1853
|
-
key?: import("react").Key | null | undefined;
|
|
1854
1844
|
height?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1855
1845
|
readonly property: {
|
|
1856
1846
|
readonly physical: "height";
|
|
@@ -1867,7 +1857,9 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1867
1857
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1868
1858
|
readonly transform: (value: string | number) => string | 0;
|
|
1869
1859
|
}>;
|
|
1870
|
-
"aria-hidden"?: (boolean | "
|
|
1860
|
+
"aria-hidden"?: (boolean | "false" | "true") | undefined;
|
|
1861
|
+
ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
|
|
1862
|
+
key?: import("react").Key | null | undefined;
|
|
1871
1863
|
defaultChecked?: boolean | undefined;
|
|
1872
1864
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
1873
1865
|
suppressContentEditableWarning?: boolean | undefined;
|
|
@@ -1875,17 +1867,17 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1875
1867
|
accessKey?: string | undefined;
|
|
1876
1868
|
autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
|
|
1877
1869
|
autoFocus?: boolean | undefined;
|
|
1878
|
-
contentEditable?: "inherit" | (boolean | "
|
|
1870
|
+
contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
|
|
1879
1871
|
contextMenu?: string | undefined;
|
|
1880
|
-
draggable?: (boolean | "
|
|
1881
|
-
enterKeyHint?: "search" | "
|
|
1872
|
+
draggable?: (boolean | "false" | "true") | undefined;
|
|
1873
|
+
enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
|
|
1882
1874
|
hidden?: boolean | undefined;
|
|
1883
1875
|
id?: string | undefined;
|
|
1884
1876
|
lang?: string | undefined;
|
|
1885
1877
|
nonce?: string | undefined;
|
|
1886
|
-
spellCheck?: (boolean | "
|
|
1878
|
+
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
1887
1879
|
tabIndex?: number | undefined;
|
|
1888
|
-
translate?: "
|
|
1880
|
+
translate?: "no" | "yes" | undefined;
|
|
1889
1881
|
radioGroup?: string | undefined;
|
|
1890
1882
|
role?: import("react").AriaRole | undefined;
|
|
1891
1883
|
about?: string | undefined;
|
|
@@ -1914,51 +1906,51 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1914
1906
|
exportparts?: string | undefined;
|
|
1915
1907
|
part?: string | undefined;
|
|
1916
1908
|
"aria-activedescendant"?: string | undefined;
|
|
1917
|
-
"aria-atomic"?: (boolean | "
|
|
1918
|
-
"aria-autocomplete"?: "none" | "inline" | "
|
|
1909
|
+
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
1910
|
+
"aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
|
|
1919
1911
|
"aria-braillelabel"?: string | undefined;
|
|
1920
1912
|
"aria-brailleroledescription"?: string | undefined;
|
|
1921
|
-
"aria-busy"?: (boolean | "
|
|
1922
|
-
"aria-checked"?: boolean | "
|
|
1913
|
+
"aria-busy"?: (boolean | "false" | "true") | undefined;
|
|
1914
|
+
"aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
|
|
1923
1915
|
"aria-colcount"?: number | undefined;
|
|
1924
1916
|
"aria-colindex"?: number | undefined;
|
|
1925
1917
|
"aria-colindextext"?: string | undefined;
|
|
1926
1918
|
"aria-colspan"?: number | undefined;
|
|
1927
1919
|
"aria-controls"?: string | undefined;
|
|
1928
|
-
"aria-current"?: boolean | "time" | "page" | "
|
|
1920
|
+
"aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
|
|
1929
1921
|
"aria-describedby"?: string | undefined;
|
|
1930
1922
|
"aria-description"?: string | undefined;
|
|
1931
1923
|
"aria-details"?: string | undefined;
|
|
1932
|
-
"aria-disabled"?: (boolean | "
|
|
1924
|
+
"aria-disabled"?: (boolean | "false" | "true") | undefined;
|
|
1933
1925
|
"aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
|
1934
1926
|
"aria-errormessage"?: string | undefined;
|
|
1935
|
-
"aria-expanded"?: (boolean | "
|
|
1927
|
+
"aria-expanded"?: (boolean | "false" | "true") | undefined;
|
|
1936
1928
|
"aria-flowto"?: string | undefined;
|
|
1937
|
-
"aria-grabbed"?: (boolean | "
|
|
1938
|
-
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "
|
|
1939
|
-
"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;
|
|
1940
1932
|
"aria-keyshortcuts"?: string | undefined;
|
|
1941
1933
|
"aria-label"?: string | undefined;
|
|
1942
1934
|
"aria-labelledby"?: string | undefined;
|
|
1943
1935
|
"aria-level"?: number | undefined;
|
|
1944
1936
|
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
1945
|
-
"aria-modal"?: (boolean | "
|
|
1946
|
-
"aria-multiline"?: (boolean | "
|
|
1947
|
-
"aria-multiselectable"?: (boolean | "
|
|
1937
|
+
"aria-modal"?: (boolean | "false" | "true") | undefined;
|
|
1938
|
+
"aria-multiline"?: (boolean | "false" | "true") | undefined;
|
|
1939
|
+
"aria-multiselectable"?: (boolean | "false" | "true") | undefined;
|
|
1948
1940
|
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
1949
1941
|
"aria-owns"?: string | undefined;
|
|
1950
1942
|
"aria-placeholder"?: string | undefined;
|
|
1951
1943
|
"aria-posinset"?: number | undefined;
|
|
1952
|
-
"aria-pressed"?: boolean | "
|
|
1953
|
-
"aria-readonly"?: (boolean | "
|
|
1944
|
+
"aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
|
|
1945
|
+
"aria-readonly"?: (boolean | "false" | "true") | undefined;
|
|
1954
1946
|
"aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
1955
|
-
"aria-required"?: (boolean | "
|
|
1947
|
+
"aria-required"?: (boolean | "false" | "true") | undefined;
|
|
1956
1948
|
"aria-roledescription"?: string | undefined;
|
|
1957
1949
|
"aria-rowcount"?: number | undefined;
|
|
1958
1950
|
"aria-rowindex"?: number | undefined;
|
|
1959
1951
|
"aria-rowindextext"?: string | undefined;
|
|
1960
1952
|
"aria-rowspan"?: number | undefined;
|
|
1961
|
-
"aria-selected"?: (boolean | "
|
|
1953
|
+
"aria-selected"?: (boolean | "false" | "true") | undefined;
|
|
1962
1954
|
"aria-setsize"?: number | undefined;
|
|
1963
1955
|
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
1964
1956
|
"aria-valuemax"?: number | undefined;
|
|
@@ -2714,8 +2706,6 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2714
2706
|
theme?: import("@emotion/react").Theme | undefined;
|
|
2715
2707
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
2716
2708
|
variables?: import("@emotion/styled").CSSObject | undefined;
|
|
2717
|
-
} & import("framer-motion
|
|
2718
|
-
children?: import("react").ReactNode | import("motion-dom").MotionValue<number> | import("motion-dom").MotionValue<string>;
|
|
2719
|
-
} & {
|
|
2709
|
+
} & import("framer-motion").MotionProps & {
|
|
2720
2710
|
theme?: import("@emotion/react").Theme | undefined;
|
|
2721
2711
|
} & CardWrapperProps, {}, {}>;
|