@codecademy/gamut 70.0.0 → 70.0.1-alpha.ba1478.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/bin/lib/claude.mjs +14 -5
- package/bin/lib/cursor.mjs +4 -1
- package/dist/AccordionButtonDeprecated/ButtonDeprecated/index.d.ts +2 -2
- package/dist/AccordionButtonDeprecated/ButtonDeprecated/index.js +1 -1
- package/dist/Alert/elements.d.ts +2 -2
- package/dist/Anchor/index.d.ts +19 -9
- package/dist/Anchor/index.js +9 -6
- package/dist/BarChart/BarRow/elements.d.ts +47 -45
- package/dist/BarChart/utils/hooks.d.ts +2 -2
- package/dist/BarChart/utils/hooks.js +3 -1
- package/dist/Box/GridBox.d.ts +1 -0
- package/dist/Box/GridBox.js +1 -1
- package/dist/Box/props.d.ts +1 -1
- package/dist/Breadcrumbs/index.d.ts +5 -5
- package/dist/Breadcrumbs/index.js +2 -2
- package/dist/Button/CTAButton.d.ts +2 -2
- package/dist/Button/FillButton.d.ts +4 -4
- package/dist/Button/IconButton.d.ts +4 -4
- package/dist/Button/StrokeButton.d.ts +4 -4
- package/dist/Button/TextButton.d.ts +4 -4
- package/dist/Button/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 +9 -4
- package/dist/ButtonBase/ButtonBase.js +11 -4
- package/dist/Card/elements.d.ts +109 -103
- package/dist/Card/styles.d.ts +8 -8
- package/dist/Coachmark/index.d.ts +1 -1
- package/dist/ConnectedForm/ConnectedForm.d.ts +1 -1
- package/dist/ConnectedForm/ConnectedFormGroup.js +4 -3
- package/dist/ConnectedForm/utils.d.ts +1 -1
- package/dist/ConnectedForm/utils.js +1 -1
- package/dist/DatePicker/DatePickerInput/index.d.ts +1 -1
- package/dist/Disclosure/elements.d.ts +18 -12
- package/dist/FeatureShimmer/index.js +1 -1
- package/dist/Form/SelectDropdown/SelectDropdown.js +1 -1
- package/dist/Form/SelectDropdown/elements/containers.js +1 -1
- package/dist/Form/SelectDropdown/elements/controls.js +2 -2
- package/dist/Form/SelectDropdown/elements/multi-value.js +2 -2
- package/dist/Form/SelectDropdown/types/internal.d.ts +2 -2
- package/dist/Form/SelectDropdown/utils.js +2 -1
- package/dist/Form/elements/Form.d.ts +15 -15
- package/dist/Form/elements/FormGroup.d.ts +1 -1
- package/dist/Form/styles/Checkbox-styles.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 +44 -42
- package/dist/Menu/MenuItem.js +10 -6
- package/dist/Menu/elements.d.ts +2 -2
- package/dist/Modals/Dialog.js +6 -2
- package/dist/Modals/Modal.js +5 -2
- package/dist/Modals/elements.d.ts +1 -1
- package/dist/Pagination/AnimatedPaginationButtons.d.ts +31 -29
- package/dist/Pagination/EllipsisButton.d.ts +2 -2
- package/dist/Pagination/PaginationButton.d.ts +6 -6
- package/dist/Pagination/utils.d.ts +31 -29
- package/dist/Pagination/utils.js +14 -11
- package/dist/Popover/Popover.js +6 -6
- package/dist/Popover/types.d.ts +4 -3
- package/dist/PopoverContainer/PopoverContainer.js +9 -9
- package/dist/PopoverContainer/hooks.d.ts +16 -4
- package/dist/PopoverContainer/hooks.js +50 -27
- package/dist/PopoverContainer/types.d.ts +2 -1
- package/dist/Tabs/TabButton.d.ts +2 -2
- package/dist/Tabs/TabNavLink.d.ts +2 -2
- package/dist/Tag/elements.d.ts +14 -8
- package/dist/Tag/index.js +1 -1
- package/dist/Tip/InfoTip/InfoTipButton.d.ts +4 -4
- package/dist/Tip/PreviewTip/elements.d.ts +12 -6
- package/dist/Tip/__tests__/helpers.d.ts +1 -1
- package/dist/Tip/shared/FloatingTip.js +2 -2
- package/dist/Tip/shared/types.d.ts +2 -2
- package/dist/Tip/shared/utils.js +1 -1
- package/dist/utils/nullish.d.ts +10 -0
- package/dist/utils/nullish.js +11 -0
- package/dist/utils/react.js +4 -2
- package/package.json +10 -10
package/dist/Card/elements.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CardWrapperProps } from './types';
|
|
2
|
-
export declare const MotionBox: import("react").ComponentType<{
|
|
2
|
+
export declare const MotionBox: import("react").ComponentType<Omit<{
|
|
3
3
|
color?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
4
4
|
readonly property: "color";
|
|
5
5
|
readonly scale: "colors";
|
|
@@ -51,7 +51,7 @@ export declare const MotionBox: import("react").ComponentType<{
|
|
|
51
51
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
52
52
|
readonly transform: (value: string | number) => string | 0;
|
|
53
53
|
}>;
|
|
54
|
-
"aria-hidden"?: (boolean | "
|
|
54
|
+
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
55
55
|
ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
|
|
56
56
|
key?: import("react").Key | null | undefined;
|
|
57
57
|
defaultChecked?: boolean | undefined;
|
|
@@ -61,17 +61,17 @@ export declare const MotionBox: import("react").ComponentType<{
|
|
|
61
61
|
accessKey?: string | undefined;
|
|
62
62
|
autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
|
|
63
63
|
autoFocus?: boolean | undefined;
|
|
64
|
-
contentEditable?: "inherit" | (boolean | "
|
|
64
|
+
contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
|
|
65
65
|
contextMenu?: string | undefined;
|
|
66
|
-
draggable?: (boolean | "
|
|
67
|
-
enterKeyHint?: "search" | "
|
|
66
|
+
draggable?: (boolean | "true" | "false") | undefined;
|
|
67
|
+
enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
|
|
68
68
|
hidden?: boolean | undefined;
|
|
69
69
|
id?: string | undefined;
|
|
70
70
|
lang?: string | undefined;
|
|
71
71
|
nonce?: string | undefined;
|
|
72
|
-
spellCheck?: (boolean | "
|
|
72
|
+
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
73
73
|
tabIndex?: number | undefined;
|
|
74
|
-
translate?: "
|
|
74
|
+
translate?: "yes" | "no" | undefined;
|
|
75
75
|
radioGroup?: string | undefined;
|
|
76
76
|
role?: import("react").AriaRole | undefined;
|
|
77
77
|
about?: string | undefined;
|
|
@@ -100,51 +100,51 @@ export declare const MotionBox: import("react").ComponentType<{
|
|
|
100
100
|
exportparts?: string | undefined;
|
|
101
101
|
part?: string | undefined;
|
|
102
102
|
"aria-activedescendant"?: string | undefined;
|
|
103
|
-
"aria-atomic"?: (boolean | "
|
|
104
|
-
"aria-autocomplete"?: "none" | "inline" | "
|
|
103
|
+
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
104
|
+
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
|
|
105
105
|
"aria-braillelabel"?: string | undefined;
|
|
106
106
|
"aria-brailleroledescription"?: string | undefined;
|
|
107
|
-
"aria-busy"?: (boolean | "
|
|
108
|
-
"aria-checked"?: boolean | "
|
|
107
|
+
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
108
|
+
"aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
109
109
|
"aria-colcount"?: number | undefined;
|
|
110
110
|
"aria-colindex"?: number | undefined;
|
|
111
111
|
"aria-colindextext"?: string | undefined;
|
|
112
112
|
"aria-colspan"?: number | undefined;
|
|
113
113
|
"aria-controls"?: string | undefined;
|
|
114
|
-
"aria-current"?: boolean | "time" | "page" | "
|
|
114
|
+
"aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
|
|
115
115
|
"aria-describedby"?: string | undefined;
|
|
116
116
|
"aria-description"?: string | undefined;
|
|
117
117
|
"aria-details"?: string | undefined;
|
|
118
|
-
"aria-disabled"?: (boolean | "
|
|
118
|
+
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
119
119
|
"aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
|
120
120
|
"aria-errormessage"?: string | undefined;
|
|
121
|
-
"aria-expanded"?: (boolean | "
|
|
121
|
+
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
122
122
|
"aria-flowto"?: string | undefined;
|
|
123
|
-
"aria-grabbed"?: (boolean | "
|
|
124
|
-
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "
|
|
125
|
-
"aria-invalid"?: boolean | "
|
|
123
|
+
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
124
|
+
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
|
|
125
|
+
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
126
126
|
"aria-keyshortcuts"?: string | undefined;
|
|
127
127
|
"aria-label"?: string | undefined;
|
|
128
128
|
"aria-labelledby"?: string | undefined;
|
|
129
129
|
"aria-level"?: number | undefined;
|
|
130
130
|
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
131
|
-
"aria-modal"?: (boolean | "
|
|
132
|
-
"aria-multiline"?: (boolean | "
|
|
133
|
-
"aria-multiselectable"?: (boolean | "
|
|
131
|
+
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
132
|
+
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
133
|
+
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
134
134
|
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
135
135
|
"aria-owns"?: string | undefined;
|
|
136
136
|
"aria-placeholder"?: string | undefined;
|
|
137
137
|
"aria-posinset"?: number | undefined;
|
|
138
|
-
"aria-pressed"?: boolean | "
|
|
139
|
-
"aria-readonly"?: (boolean | "
|
|
138
|
+
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
139
|
+
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
140
140
|
"aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
141
|
-
"aria-required"?: (boolean | "
|
|
141
|
+
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
142
142
|
"aria-roledescription"?: string | undefined;
|
|
143
143
|
"aria-rowcount"?: number | undefined;
|
|
144
144
|
"aria-rowindex"?: number | undefined;
|
|
145
145
|
"aria-rowindextext"?: string | undefined;
|
|
146
146
|
"aria-rowspan"?: number | undefined;
|
|
147
|
-
"aria-selected"?: (boolean | "
|
|
147
|
+
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
148
148
|
"aria-setsize"?: number | undefined;
|
|
149
149
|
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
150
150
|
"aria-valuemax"?: number | undefined;
|
|
@@ -308,9 +308,9 @@ export declare const MotionBox: import("react").ComponentType<{
|
|
|
308
308
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
309
309
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
310
310
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
311
|
-
alignContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
312
|
-
alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
313
|
-
alignSelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
311
|
+
alignContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | undefined;
|
|
312
|
+
alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "anchor-center" | "baseline" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | undefined;
|
|
313
|
+
alignSelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "anchor-center" | "auto" | "baseline" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | undefined;
|
|
314
314
|
backgroundImage?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
315
315
|
readonly property: "backgroundImage";
|
|
316
316
|
}>;
|
|
@@ -344,7 +344,7 @@ export declare const MotionBox: import("react").ComponentType<{
|
|
|
344
344
|
display?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
345
345
|
readonly property: "display";
|
|
346
346
|
}>;
|
|
347
|
-
flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "
|
|
347
|
+
flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "-webkit-auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | undefined;
|
|
348
348
|
flexDirection?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
349
349
|
readonly property: "flexDirection";
|
|
350
350
|
}>;
|
|
@@ -365,10 +365,10 @@ export declare const MotionBox: import("react").ComponentType<{
|
|
|
365
365
|
gridAutoRows?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
366
366
|
readonly property: "gridAutoRows";
|
|
367
367
|
}>;
|
|
368
|
-
gridColumnEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
369
|
-
gridColumnStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
370
|
-
gridRowEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
371
|
-
gridRowStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
368
|
+
gridColumnEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | undefined;
|
|
369
|
+
gridColumnStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | undefined;
|
|
370
|
+
gridRowEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | undefined;
|
|
371
|
+
gridRowStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | undefined;
|
|
372
372
|
gridTemplateAreas?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
373
373
|
readonly property: "gridTemplateAreas";
|
|
374
374
|
}>;
|
|
@@ -378,9 +378,9 @@ export declare const MotionBox: import("react").ComponentType<{
|
|
|
378
378
|
gridTemplateRows?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
379
379
|
readonly property: "gridTemplateRows";
|
|
380
380
|
}>;
|
|
381
|
-
justifyContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "
|
|
382
|
-
justifyItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
383
|
-
justifySelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
381
|
+
justifyContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "start" | "stretch" | "space-around" | "space-between" | "space-evenly" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | undefined;
|
|
382
|
+
justifyItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "anchor-center" | "baseline" | "stretch" | "legacy" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | undefined;
|
|
383
|
+
justifySelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "anchor-center" | "auto" | "baseline" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | undefined;
|
|
384
384
|
left?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
385
385
|
readonly property: {
|
|
386
386
|
readonly physical: "left";
|
|
@@ -548,9 +548,9 @@ export declare const MotionBox: import("react").ComponentType<{
|
|
|
548
548
|
readonly property: "gap";
|
|
549
549
|
readonly scale: "spacing";
|
|
550
550
|
}>;
|
|
551
|
-
gridArea?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
552
|
-
gridColumn?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
553
|
-
gridRow?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
551
|
+
gridArea?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | undefined;
|
|
552
|
+
gridColumn?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | undefined;
|
|
553
|
+
gridRow?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | undefined;
|
|
554
554
|
inset?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
555
555
|
readonly property: "inset";
|
|
556
556
|
readonly properties: {
|
|
@@ -907,8 +907,10 @@ export declare const MotionBox: import("react").ComponentType<{
|
|
|
907
907
|
context?: boolean | undefined;
|
|
908
908
|
"no-select"?: boolean | undefined;
|
|
909
909
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
910
|
-
} & import("framer-motion").MotionProps
|
|
911
|
-
|
|
910
|
+
} & import("framer-motion").MotionProps, "children"> & {
|
|
911
|
+
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;
|
|
912
|
+
}>;
|
|
913
|
+
export declare const DynamicCardWrapper: import("@emotion/styled").StyledComponent<Omit<{
|
|
912
914
|
color?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
913
915
|
readonly property: "color";
|
|
914
916
|
readonly scale: "colors";
|
|
@@ -960,7 +962,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
960
962
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
961
963
|
readonly transform: (value: string | number) => string | 0;
|
|
962
964
|
}>;
|
|
963
|
-
"aria-hidden"?: (boolean | "
|
|
965
|
+
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
964
966
|
ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
|
|
965
967
|
key?: import("react").Key | null | undefined;
|
|
966
968
|
defaultChecked?: boolean | undefined;
|
|
@@ -970,17 +972,17 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
970
972
|
accessKey?: string | undefined;
|
|
971
973
|
autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
|
|
972
974
|
autoFocus?: boolean | undefined;
|
|
973
|
-
contentEditable?: "inherit" | (boolean | "
|
|
975
|
+
contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
|
|
974
976
|
contextMenu?: string | undefined;
|
|
975
|
-
draggable?: (boolean | "
|
|
976
|
-
enterKeyHint?: "search" | "
|
|
977
|
+
draggable?: (boolean | "true" | "false") | undefined;
|
|
978
|
+
enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
|
|
977
979
|
hidden?: boolean | undefined;
|
|
978
980
|
id?: string | undefined;
|
|
979
981
|
lang?: string | undefined;
|
|
980
982
|
nonce?: string | undefined;
|
|
981
|
-
spellCheck?: (boolean | "
|
|
983
|
+
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
982
984
|
tabIndex?: number | undefined;
|
|
983
|
-
translate?: "
|
|
985
|
+
translate?: "yes" | "no" | undefined;
|
|
984
986
|
radioGroup?: string | undefined;
|
|
985
987
|
role?: import("react").AriaRole | undefined;
|
|
986
988
|
about?: string | undefined;
|
|
@@ -1009,51 +1011,51 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1009
1011
|
exportparts?: string | undefined;
|
|
1010
1012
|
part?: string | undefined;
|
|
1011
1013
|
"aria-activedescendant"?: string | undefined;
|
|
1012
|
-
"aria-atomic"?: (boolean | "
|
|
1013
|
-
"aria-autocomplete"?: "none" | "inline" | "
|
|
1014
|
+
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
1015
|
+
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
|
|
1014
1016
|
"aria-braillelabel"?: string | undefined;
|
|
1015
1017
|
"aria-brailleroledescription"?: string | undefined;
|
|
1016
|
-
"aria-busy"?: (boolean | "
|
|
1017
|
-
"aria-checked"?: boolean | "
|
|
1018
|
+
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
1019
|
+
"aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
1018
1020
|
"aria-colcount"?: number | undefined;
|
|
1019
1021
|
"aria-colindex"?: number | undefined;
|
|
1020
1022
|
"aria-colindextext"?: string | undefined;
|
|
1021
1023
|
"aria-colspan"?: number | undefined;
|
|
1022
1024
|
"aria-controls"?: string | undefined;
|
|
1023
|
-
"aria-current"?: boolean | "time" | "page" | "
|
|
1025
|
+
"aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
|
|
1024
1026
|
"aria-describedby"?: string | undefined;
|
|
1025
1027
|
"aria-description"?: string | undefined;
|
|
1026
1028
|
"aria-details"?: string | undefined;
|
|
1027
|
-
"aria-disabled"?: (boolean | "
|
|
1029
|
+
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
1028
1030
|
"aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
|
1029
1031
|
"aria-errormessage"?: string | undefined;
|
|
1030
|
-
"aria-expanded"?: (boolean | "
|
|
1032
|
+
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
1031
1033
|
"aria-flowto"?: string | undefined;
|
|
1032
|
-
"aria-grabbed"?: (boolean | "
|
|
1033
|
-
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "
|
|
1034
|
-
"aria-invalid"?: boolean | "
|
|
1034
|
+
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
1035
|
+
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
|
|
1036
|
+
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
1035
1037
|
"aria-keyshortcuts"?: string | undefined;
|
|
1036
1038
|
"aria-label"?: string | undefined;
|
|
1037
1039
|
"aria-labelledby"?: string | undefined;
|
|
1038
1040
|
"aria-level"?: number | undefined;
|
|
1039
1041
|
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
1040
|
-
"aria-modal"?: (boolean | "
|
|
1041
|
-
"aria-multiline"?: (boolean | "
|
|
1042
|
-
"aria-multiselectable"?: (boolean | "
|
|
1042
|
+
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
1043
|
+
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
1044
|
+
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
1043
1045
|
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
1044
1046
|
"aria-owns"?: string | undefined;
|
|
1045
1047
|
"aria-placeholder"?: string | undefined;
|
|
1046
1048
|
"aria-posinset"?: number | undefined;
|
|
1047
|
-
"aria-pressed"?: boolean | "
|
|
1048
|
-
"aria-readonly"?: (boolean | "
|
|
1049
|
+
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
1050
|
+
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
1049
1051
|
"aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
1050
|
-
"aria-required"?: (boolean | "
|
|
1052
|
+
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
1051
1053
|
"aria-roledescription"?: string | undefined;
|
|
1052
1054
|
"aria-rowcount"?: number | undefined;
|
|
1053
1055
|
"aria-rowindex"?: number | undefined;
|
|
1054
1056
|
"aria-rowindextext"?: string | undefined;
|
|
1055
1057
|
"aria-rowspan"?: number | undefined;
|
|
1056
|
-
"aria-selected"?: (boolean | "
|
|
1058
|
+
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
1057
1059
|
"aria-setsize"?: number | undefined;
|
|
1058
1060
|
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
1059
1061
|
"aria-valuemax"?: number | undefined;
|
|
@@ -1217,9 +1219,9 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1217
1219
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
1218
1220
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
1219
1221
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
1220
|
-
alignContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
1221
|
-
alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
1222
|
-
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" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | undefined;
|
|
1223
|
+
alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "anchor-center" | "baseline" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | undefined;
|
|
1224
|
+
alignSelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "anchor-center" | "auto" | "baseline" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | undefined;
|
|
1223
1225
|
backgroundImage?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1224
1226
|
readonly property: "backgroundImage";
|
|
1225
1227
|
}>;
|
|
@@ -1253,7 +1255,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1253
1255
|
display?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1254
1256
|
readonly property: "display";
|
|
1255
1257
|
}>;
|
|
1256
|
-
flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "
|
|
1258
|
+
flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "-webkit-auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | undefined;
|
|
1257
1259
|
flexDirection?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1258
1260
|
readonly property: "flexDirection";
|
|
1259
1261
|
}>;
|
|
@@ -1274,10 +1276,10 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1274
1276
|
gridAutoRows?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1275
1277
|
readonly property: "gridAutoRows";
|
|
1276
1278
|
}>;
|
|
1277
|
-
gridColumnEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
1278
|
-
gridColumnStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
1279
|
-
gridRowEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
1280
|
-
gridRowStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
1279
|
+
gridColumnEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | undefined;
|
|
1280
|
+
gridColumnStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | undefined;
|
|
1281
|
+
gridRowEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | undefined;
|
|
1282
|
+
gridRowStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | undefined;
|
|
1281
1283
|
gridTemplateAreas?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1282
1284
|
readonly property: "gridTemplateAreas";
|
|
1283
1285
|
}>;
|
|
@@ -1287,9 +1289,9 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1287
1289
|
gridTemplateRows?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1288
1290
|
readonly property: "gridTemplateRows";
|
|
1289
1291
|
}>;
|
|
1290
|
-
justifyContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "
|
|
1291
|
-
justifyItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
1292
|
-
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" | "flex-end" | "flex-start" | "start" | "stretch" | "space-around" | "space-between" | "space-evenly" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | undefined;
|
|
1293
|
+
justifyItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "anchor-center" | "baseline" | "stretch" | "legacy" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | undefined;
|
|
1294
|
+
justifySelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "anchor-center" | "auto" | "baseline" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | undefined;
|
|
1293
1295
|
left?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1294
1296
|
readonly property: {
|
|
1295
1297
|
readonly physical: "left";
|
|
@@ -1457,9 +1459,9 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1457
1459
|
readonly property: "gap";
|
|
1458
1460
|
readonly scale: "spacing";
|
|
1459
1461
|
}>;
|
|
1460
|
-
gridArea?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
1461
|
-
gridColumn?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
1462
|
-
gridRow?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
1462
|
+
gridArea?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | undefined;
|
|
1463
|
+
gridColumn?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | undefined;
|
|
1464
|
+
gridRow?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | undefined;
|
|
1463
1465
|
inset?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1464
1466
|
readonly property: "inset";
|
|
1465
1467
|
readonly properties: {
|
|
@@ -1816,10 +1818,12 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
|
|
|
1816
1818
|
context?: boolean | undefined;
|
|
1817
1819
|
"no-select"?: boolean | undefined;
|
|
1818
1820
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
1819
|
-
} & import("framer-motion").MotionProps & {
|
|
1821
|
+
} & import("framer-motion").MotionProps, "children"> & {
|
|
1822
|
+
children?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal | import("motion-dom").MotionValue<number> | import("motion-dom").MotionValue<string> | (string & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (string & Iterable<import("react").ReactNode>) | (string & import("react").ReactPortal) | (number & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (number & Iterable<import("react").ReactNode>) | (number & import("react").ReactPortal) | (false & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (false & Iterable<import("react").ReactNode>) | (false & import("react").ReactPortal) | (true & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (true & Iterable<import("react").ReactNode>) | (true & import("react").ReactPortal) | (import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & string) | (import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & number) | (import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & false) | (import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & true) | (import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & Iterable<import("react").ReactNode>) | (import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & import("react").ReactPortal) | (Iterable<import("react").ReactNode> & string) | (Iterable<import("react").ReactNode> & number) | (Iterable<import("react").ReactNode> & false) | (Iterable<import("react").ReactNode> & true) | (Iterable<import("react").ReactNode> & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (Iterable<import("react").ReactNode> & import("react").ReactPortal) | (import("react").ReactPortal & string) | (import("react").ReactPortal & number) | (import("react").ReactPortal & false) | (import("react").ReactPortal & true) | (import("react").ReactPortal & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (import("react").ReactPortal & Iterable<import("react").ReactNode>) | (import("react").ReactNode[] & string) | (import("react").ReactNode[] & number) | (import("react").ReactNode[] & false) | (import("react").ReactNode[] & true) | (import("react").ReactNode[] & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (import("react").ReactNode[] & Iterable<import("react").ReactNode>) | (import("react").ReactNode[] & import("react").ReactPortal) | null | undefined;
|
|
1823
|
+
} & {
|
|
1820
1824
|
theme?: import("@emotion/react").Theme;
|
|
1821
1825
|
} & CardWrapperProps, {}, {}>;
|
|
1822
|
-
export declare const StaticCardWrapper: import("@emotion/styled").StyledComponent<{
|
|
1826
|
+
export declare const StaticCardWrapper: import("@emotion/styled").StyledComponent<Omit<{
|
|
1823
1827
|
color?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1824
1828
|
readonly property: "color";
|
|
1825
1829
|
readonly scale: "colors";
|
|
@@ -1855,7 +1859,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1855
1859
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1856
1860
|
readonly transform: (value: string | number) => string | 0;
|
|
1857
1861
|
}>;
|
|
1858
|
-
"aria-hidden"?: (boolean | "
|
|
1862
|
+
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
1859
1863
|
ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
|
|
1860
1864
|
key?: import("react").Key | null | undefined;
|
|
1861
1865
|
defaultChecked?: boolean | undefined;
|
|
@@ -1865,17 +1869,17 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1865
1869
|
accessKey?: string | undefined;
|
|
1866
1870
|
autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
|
|
1867
1871
|
autoFocus?: boolean | undefined;
|
|
1868
|
-
contentEditable?: "inherit" | (boolean | "
|
|
1872
|
+
contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
|
|
1869
1873
|
contextMenu?: string | undefined;
|
|
1870
|
-
draggable?: (boolean | "
|
|
1871
|
-
enterKeyHint?: "search" | "
|
|
1874
|
+
draggable?: (boolean | "true" | "false") | undefined;
|
|
1875
|
+
enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
|
|
1872
1876
|
hidden?: boolean | undefined;
|
|
1873
1877
|
id?: string | undefined;
|
|
1874
1878
|
lang?: string | undefined;
|
|
1875
1879
|
nonce?: string | undefined;
|
|
1876
|
-
spellCheck?: (boolean | "
|
|
1880
|
+
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
1877
1881
|
tabIndex?: number | undefined;
|
|
1878
|
-
translate?: "
|
|
1882
|
+
translate?: "yes" | "no" | undefined;
|
|
1879
1883
|
radioGroup?: string | undefined;
|
|
1880
1884
|
role?: import("react").AriaRole | undefined;
|
|
1881
1885
|
about?: string | undefined;
|
|
@@ -1904,51 +1908,51 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
1904
1908
|
exportparts?: string | undefined;
|
|
1905
1909
|
part?: string | undefined;
|
|
1906
1910
|
"aria-activedescendant"?: string | undefined;
|
|
1907
|
-
"aria-atomic"?: (boolean | "
|
|
1908
|
-
"aria-autocomplete"?: "none" | "inline" | "
|
|
1911
|
+
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
1912
|
+
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
|
|
1909
1913
|
"aria-braillelabel"?: string | undefined;
|
|
1910
1914
|
"aria-brailleroledescription"?: string | undefined;
|
|
1911
|
-
"aria-busy"?: (boolean | "
|
|
1912
|
-
"aria-checked"?: boolean | "
|
|
1915
|
+
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
1916
|
+
"aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
1913
1917
|
"aria-colcount"?: number | undefined;
|
|
1914
1918
|
"aria-colindex"?: number | undefined;
|
|
1915
1919
|
"aria-colindextext"?: string | undefined;
|
|
1916
1920
|
"aria-colspan"?: number | undefined;
|
|
1917
1921
|
"aria-controls"?: string | undefined;
|
|
1918
|
-
"aria-current"?: boolean | "time" | "page" | "
|
|
1922
|
+
"aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
|
|
1919
1923
|
"aria-describedby"?: string | undefined;
|
|
1920
1924
|
"aria-description"?: string | undefined;
|
|
1921
1925
|
"aria-details"?: string | undefined;
|
|
1922
|
-
"aria-disabled"?: (boolean | "
|
|
1926
|
+
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
1923
1927
|
"aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
|
1924
1928
|
"aria-errormessage"?: string | undefined;
|
|
1925
|
-
"aria-expanded"?: (boolean | "
|
|
1929
|
+
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
1926
1930
|
"aria-flowto"?: string | undefined;
|
|
1927
|
-
"aria-grabbed"?: (boolean | "
|
|
1928
|
-
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "
|
|
1929
|
-
"aria-invalid"?: boolean | "
|
|
1931
|
+
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
1932
|
+
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
|
|
1933
|
+
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
1930
1934
|
"aria-keyshortcuts"?: string | undefined;
|
|
1931
1935
|
"aria-label"?: string | undefined;
|
|
1932
1936
|
"aria-labelledby"?: string | undefined;
|
|
1933
1937
|
"aria-level"?: number | undefined;
|
|
1934
1938
|
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
1935
|
-
"aria-modal"?: (boolean | "
|
|
1936
|
-
"aria-multiline"?: (boolean | "
|
|
1937
|
-
"aria-multiselectable"?: (boolean | "
|
|
1939
|
+
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
1940
|
+
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
1941
|
+
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
1938
1942
|
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
1939
1943
|
"aria-owns"?: string | undefined;
|
|
1940
1944
|
"aria-placeholder"?: string | undefined;
|
|
1941
1945
|
"aria-posinset"?: number | undefined;
|
|
1942
|
-
"aria-pressed"?: boolean | "
|
|
1943
|
-
"aria-readonly"?: (boolean | "
|
|
1946
|
+
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
1947
|
+
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
1944
1948
|
"aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
1945
|
-
"aria-required"?: (boolean | "
|
|
1949
|
+
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
1946
1950
|
"aria-roledescription"?: string | undefined;
|
|
1947
1951
|
"aria-rowcount"?: number | undefined;
|
|
1948
1952
|
"aria-rowindex"?: number | undefined;
|
|
1949
1953
|
"aria-rowindextext"?: string | undefined;
|
|
1950
1954
|
"aria-rowspan"?: number | undefined;
|
|
1951
|
-
"aria-selected"?: (boolean | "
|
|
1955
|
+
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
1952
1956
|
"aria-setsize"?: number | undefined;
|
|
1953
1957
|
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
1954
1958
|
"aria-valuemax"?: number | undefined;
|
|
@@ -2704,6 +2708,8 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
|
|
|
2704
2708
|
theme?: import("@emotion/react").Theme | undefined;
|
|
2705
2709
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
2706
2710
|
variables?: import("@emotion/styled").CSSObject | undefined;
|
|
2707
|
-
} & import("framer-motion").MotionProps & {
|
|
2711
|
+
} & import("framer-motion").MotionProps, "children"> & {
|
|
2712
|
+
children?: import("react").ReactNode | import("motion-dom").MotionValue<number> | import("motion-dom").MotionValue<string>;
|
|
2713
|
+
} & {
|
|
2708
2714
|
theme?: import("@emotion/react").Theme;
|
|
2709
2715
|
} & CardWrapperProps, {}, {}>;
|