@codecademy/gamut 72.2.2-alpha.ca06a3.0 → 72.2.2-alpha.d894be.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Alert/elements.d.ts +4 -4
- package/dist/Anchor/index.d.ts +19 -9
- package/dist/Anchor/index.js +9 -6
- package/dist/BarChart/BarRow/elements.d.ts +156 -154
- 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/index.d.ts +1 -1
- 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/ButtonBase/index.d.ts +1 -1
- package/dist/ButtonBase/index.js +1 -1
- package/dist/Card/elements.d.ts +436 -430
- 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 +5 -7
- package/dist/ConnectedForm/ConnectedInputs/ConnectedCheckbox.js +1 -3
- package/dist/ConnectedForm/utils.d.ts +1 -1
- package/dist/ConnectedForm/utils.js +1 -1
- package/dist/DataList/Tables/Rows/TableRow.js +1 -5
- package/dist/DatePicker/DatePickerInput/index.d.ts +1 -1
- package/dist/Disclosure/elements.d.ts +24 -18
- 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 +93 -93
- package/dist/Form/elements/FormGroup.d.ts +1 -1
- package/dist/Form/index.d.ts +2 -0
- package/dist/Form/index.js +2 -1
- package/dist/Form/styles/Checkbox-styles.d.ts +1 -1
- package/dist/GridForm/GridFormButtons/index.d.ts +7 -7
- package/dist/List/ListProvider.d.ts +1 -1
- package/dist/List/ListRow.js +2 -3
- package/dist/List/elements.d.ts +153 -151
- package/dist/Markdown/index.d.ts +1 -1
- package/dist/Markdown/index.js +1 -1
- package/dist/Menu/MenuItem.js +11 -8
- package/dist/Menu/MenuSeparator.js +2 -2
- package/dist/Menu/elements.d.ts +2 -2
- package/dist/Menu/index.d.ts +1 -0
- package/dist/Menu/index.js +2 -1
- package/dist/Modals/Dialog.js +6 -2
- package/dist/Modals/Modal.js +5 -2
- package/dist/Modals/elements.d.ts +35 -35
- package/dist/Pagination/AnimatedPaginationButtons.d.ts +110 -108
- package/dist/Pagination/EllipsisButton.d.ts +4 -4
- package/dist/Pagination/PaginationButton.d.ts +6 -6
- package/dist/Pagination/utils.d.ts +110 -108
- package/dist/Pagination/utils.js +14 -11
- package/dist/PatternBackdrop/PatternBackdrop.d.ts +34 -34
- 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/Tabs/TabNavLink.js +2 -2
- package/dist/Tag/elements.d.ts +16 -10
- 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/Toggle/elements.d.ts +38 -38
- package/dist/Typography/Text.d.ts +2 -1
- package/dist/Typography/Text.js +3 -2
- package/dist/index.d.ts +1 -0
- package/dist/index.js +2 -2
- 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 +19 -12
|
@@ -4,15 +4,15 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
4
4
|
theme?: import("@emotion/react").Theme;
|
|
5
5
|
as?: React.ElementType;
|
|
6
6
|
} & {
|
|
7
|
-
border?: import("@codecademy/variance
|
|
7
|
+
border?: import("@codecademy/variance").Scale<{
|
|
8
8
|
readonly property: "border";
|
|
9
9
|
readonly scale: "borders";
|
|
10
10
|
}>;
|
|
11
|
-
p?: import("@codecademy/variance
|
|
11
|
+
p?: import("@codecademy/variance").Scale<{
|
|
12
12
|
readonly property: "padding";
|
|
13
13
|
readonly scale: "spacing";
|
|
14
14
|
}>;
|
|
15
|
-
height?: import("@codecademy/variance
|
|
15
|
+
height?: import("@codecademy/variance").Scale<{
|
|
16
16
|
readonly property: {
|
|
17
17
|
readonly physical: "height";
|
|
18
18
|
readonly logical: "blockSize";
|
|
@@ -20,7 +20,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
20
20
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
21
21
|
readonly transform: (value: string | number) => string | 0;
|
|
22
22
|
}>;
|
|
23
|
-
width?: import("@codecademy/variance
|
|
23
|
+
width?: import("@codecademy/variance").Scale<{
|
|
24
24
|
readonly property: {
|
|
25
25
|
readonly physical: "width";
|
|
26
26
|
readonly logical: "inlineSize";
|
|
@@ -28,10 +28,10 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
28
28
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
29
29
|
readonly transform: (value: string | number) => string | 0;
|
|
30
30
|
}>;
|
|
31
|
-
alignContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
32
|
-
alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
33
|
-
alignSelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
34
|
-
bottom?: import("@codecademy/variance
|
|
31
|
+
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;
|
|
32
|
+
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;
|
|
33
|
+
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;
|
|
34
|
+
bottom?: import("@codecademy/variance").Scale<{
|
|
35
35
|
readonly property: {
|
|
36
36
|
readonly physical: "bottom";
|
|
37
37
|
readonly logical: "insetBlockEnd";
|
|
@@ -39,54 +39,54 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
39
39
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
40
40
|
readonly transform: (value: string | number) => string | 0;
|
|
41
41
|
}>;
|
|
42
|
-
columnGap?: import("@codecademy/variance
|
|
42
|
+
columnGap?: import("@codecademy/variance").Scale<{
|
|
43
43
|
readonly property: "columnGap";
|
|
44
44
|
readonly scale: "spacing";
|
|
45
45
|
}>;
|
|
46
|
-
containerType?: import("@codecademy/variance
|
|
46
|
+
containerType?: import("@codecademy/variance").Scale<{
|
|
47
47
|
readonly property: "containerType";
|
|
48
48
|
}>;
|
|
49
|
-
direction?: import("@codecademy/variance
|
|
49
|
+
direction?: import("@codecademy/variance").Scale<{
|
|
50
50
|
readonly property: "direction";
|
|
51
51
|
}>;
|
|
52
|
-
display?: import("@codecademy/variance
|
|
52
|
+
display?: import("@codecademy/variance").Scale<{
|
|
53
53
|
readonly property: "display";
|
|
54
54
|
}>;
|
|
55
|
-
flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "
|
|
56
|
-
flexDirection?: import("@codecademy/variance
|
|
55
|
+
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;
|
|
56
|
+
flexDirection?: import("@codecademy/variance").Scale<{
|
|
57
57
|
readonly property: "flexDirection";
|
|
58
58
|
}>;
|
|
59
59
|
flexGrow?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexGrow | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexGrow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexGrow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexGrow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexGrow | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexGrow | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexGrow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexGrow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexGrow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexGrow | undefined) | undefined> | undefined;
|
|
60
60
|
flexShrink?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexShrink | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexShrink | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexShrink | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexShrink | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexShrink | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexShrink | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexShrink | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexShrink | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexShrink | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexShrink | undefined) | undefined> | undefined;
|
|
61
|
-
flexWrap?: import("@codecademy/variance
|
|
61
|
+
flexWrap?: import("@codecademy/variance").Scale<{
|
|
62
62
|
readonly property: "flexWrap";
|
|
63
63
|
}>;
|
|
64
|
-
gridAutoColumns?: import("@codecademy/variance
|
|
64
|
+
gridAutoColumns?: import("@codecademy/variance").Scale<{
|
|
65
65
|
readonly property: "gridAutoColumns";
|
|
66
66
|
}>;
|
|
67
|
-
gridAutoFlow?: import("@codecademy/variance
|
|
67
|
+
gridAutoFlow?: import("@codecademy/variance").Scale<{
|
|
68
68
|
readonly property: "gridAutoFlow";
|
|
69
69
|
}>;
|
|
70
|
-
gridAutoRows?: import("@codecademy/variance
|
|
70
|
+
gridAutoRows?: import("@codecademy/variance").Scale<{
|
|
71
71
|
readonly property: "gridAutoRows";
|
|
72
72
|
}>;
|
|
73
|
-
gridColumnEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
74
|
-
gridColumnStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
75
|
-
gridRowEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
76
|
-
gridRowStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
77
|
-
gridTemplateAreas?: import("@codecademy/variance
|
|
73
|
+
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;
|
|
74
|
+
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;
|
|
75
|
+
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;
|
|
76
|
+
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;
|
|
77
|
+
gridTemplateAreas?: import("@codecademy/variance").Scale<{
|
|
78
78
|
readonly property: "gridTemplateAreas";
|
|
79
79
|
}>;
|
|
80
|
-
gridTemplateColumns?: import("@codecademy/variance
|
|
80
|
+
gridTemplateColumns?: import("@codecademy/variance").Scale<{
|
|
81
81
|
readonly property: "gridTemplateColumns";
|
|
82
82
|
}>;
|
|
83
|
-
gridTemplateRows?: import("@codecademy/variance
|
|
83
|
+
gridTemplateRows?: import("@codecademy/variance").Scale<{
|
|
84
84
|
readonly property: "gridTemplateRows";
|
|
85
85
|
}>;
|
|
86
|
-
justifyContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "
|
|
87
|
-
justifyItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
88
|
-
justifySelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
89
|
-
left?: import("@codecademy/variance
|
|
86
|
+
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;
|
|
87
|
+
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;
|
|
88
|
+
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;
|
|
89
|
+
left?: import("@codecademy/variance").Scale<{
|
|
90
90
|
readonly property: {
|
|
91
91
|
readonly physical: "left";
|
|
92
92
|
readonly logical: "insetInlineStart";
|
|
@@ -94,7 +94,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
94
94
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
95
95
|
readonly transform: (value: string | number) => string | 0;
|
|
96
96
|
}>;
|
|
97
|
-
maxHeight?: import("@codecademy/variance
|
|
97
|
+
maxHeight?: import("@codecademy/variance").Scale<{
|
|
98
98
|
readonly property: {
|
|
99
99
|
readonly physical: "maxHeight";
|
|
100
100
|
readonly logical: "maxBlockSize";
|
|
@@ -102,7 +102,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
102
102
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
103
103
|
readonly transform: (value: string | number) => string | 0;
|
|
104
104
|
}>;
|
|
105
|
-
maxWidth?: import("@codecademy/variance
|
|
105
|
+
maxWidth?: import("@codecademy/variance").Scale<{
|
|
106
106
|
readonly property: {
|
|
107
107
|
readonly physical: "maxWidth";
|
|
108
108
|
readonly logical: "maxInlineSize";
|
|
@@ -110,7 +110,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
110
110
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
111
111
|
readonly transform: (value: string | number) => string | 0;
|
|
112
112
|
}>;
|
|
113
|
-
minHeight?: import("@codecademy/variance
|
|
113
|
+
minHeight?: import("@codecademy/variance").Scale<{
|
|
114
114
|
readonly property: {
|
|
115
115
|
readonly physical: "minHeight";
|
|
116
116
|
readonly logical: "minBlockSize";
|
|
@@ -118,7 +118,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
118
118
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
119
119
|
readonly transform: (value: string | number) => string | 0;
|
|
120
120
|
}>;
|
|
121
|
-
minWidth?: import("@codecademy/variance
|
|
121
|
+
minWidth?: import("@codecademy/variance").Scale<{
|
|
122
122
|
readonly property: {
|
|
123
123
|
readonly physical: "minWidth";
|
|
124
124
|
readonly logical: "minInlineSize";
|
|
@@ -126,28 +126,28 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
126
126
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
127
127
|
readonly transform: (value: string | number) => string | 0;
|
|
128
128
|
}>;
|
|
129
|
-
opacity?: import("@codecademy/variance
|
|
129
|
+
opacity?: import("@codecademy/variance").Scale<{
|
|
130
130
|
readonly property: "opacity";
|
|
131
131
|
}>;
|
|
132
132
|
order?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.Order | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.Order | ((theme: import("@emotion/react").Theme) => import("csstype").Property.Order | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.Order | ((theme: import("@emotion/react").Theme) => import("csstype").Property.Order | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.Order | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.Order | ((theme: import("@emotion/react").Theme) => import("csstype").Property.Order | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.Order | ((theme: import("@emotion/react").Theme) => import("csstype").Property.Order | undefined) | undefined> | undefined;
|
|
133
|
-
overflowX?: import("@codecademy/variance
|
|
133
|
+
overflowX?: import("@codecademy/variance").Scale<{
|
|
134
134
|
readonly property: {
|
|
135
135
|
readonly physical: "overflowX";
|
|
136
136
|
readonly logical: "overflowInline";
|
|
137
137
|
};
|
|
138
138
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
139
139
|
}>;
|
|
140
|
-
overflowY?: import("@codecademy/variance
|
|
140
|
+
overflowY?: import("@codecademy/variance").Scale<{
|
|
141
141
|
readonly property: {
|
|
142
142
|
readonly physical: "overflowY";
|
|
143
143
|
readonly logical: "overflowBlock";
|
|
144
144
|
};
|
|
145
145
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
146
146
|
}>;
|
|
147
|
-
position?: import("@codecademy/variance
|
|
147
|
+
position?: import("@codecademy/variance").Scale<{
|
|
148
148
|
readonly property: "position";
|
|
149
149
|
}>;
|
|
150
|
-
right?: import("@codecademy/variance
|
|
150
|
+
right?: import("@codecademy/variance").Scale<{
|
|
151
151
|
readonly property: {
|
|
152
152
|
readonly physical: "right";
|
|
153
153
|
readonly logical: "insetInlineEnd";
|
|
@@ -155,11 +155,11 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
155
155
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
156
156
|
readonly transform: (value: string | number) => string | 0;
|
|
157
157
|
}>;
|
|
158
|
-
rowGap?: import("@codecademy/variance
|
|
158
|
+
rowGap?: import("@codecademy/variance").Scale<{
|
|
159
159
|
readonly property: "rowGap";
|
|
160
160
|
readonly scale: "spacing";
|
|
161
161
|
}>;
|
|
162
|
-
top?: import("@codecademy/variance
|
|
162
|
+
top?: import("@codecademy/variance").Scale<{
|
|
163
163
|
readonly property: {
|
|
164
164
|
readonly physical: "top";
|
|
165
165
|
readonly logical: "insetBlockStart";
|
|
@@ -167,13 +167,13 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
167
167
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
168
168
|
readonly transform: (value: string | number) => string | 0;
|
|
169
169
|
}>;
|
|
170
|
-
verticalAlign?: import("@codecademy/variance
|
|
170
|
+
verticalAlign?: import("@codecademy/variance").Scale<{
|
|
171
171
|
readonly property: "verticalAlign";
|
|
172
172
|
}>;
|
|
173
|
-
zIndex?: import("@codecademy/variance
|
|
173
|
+
zIndex?: import("@codecademy/variance").Scale<{
|
|
174
174
|
readonly property: "zIndex";
|
|
175
175
|
}>;
|
|
176
|
-
borderBottom?: import("@codecademy/variance
|
|
176
|
+
borderBottom?: import("@codecademy/variance").Scale<{
|
|
177
177
|
readonly property: {
|
|
178
178
|
readonly physical: "borderBottom";
|
|
179
179
|
readonly logical: "borderBlockEnd";
|
|
@@ -181,7 +181,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
181
181
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
182
182
|
readonly scale: "borders";
|
|
183
183
|
}>;
|
|
184
|
-
borderLeft?: import("@codecademy/variance
|
|
184
|
+
borderLeft?: import("@codecademy/variance").Scale<{
|
|
185
185
|
readonly property: {
|
|
186
186
|
readonly physical: "borderLeft";
|
|
187
187
|
readonly logical: "borderInlineStart";
|
|
@@ -189,11 +189,11 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
189
189
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
190
190
|
readonly scale: "borders";
|
|
191
191
|
}>;
|
|
192
|
-
borderRadius?: import("@codecademy/variance
|
|
192
|
+
borderRadius?: import("@codecademy/variance").Scale<{
|
|
193
193
|
readonly property: "borderRadius";
|
|
194
194
|
readonly scale: "borderRadii";
|
|
195
195
|
}>;
|
|
196
|
-
borderRight?: import("@codecademy/variance
|
|
196
|
+
borderRight?: import("@codecademy/variance").Scale<{
|
|
197
197
|
readonly property: {
|
|
198
198
|
readonly physical: "borderRight";
|
|
199
199
|
readonly logical: "borderInlineEnd";
|
|
@@ -201,10 +201,10 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
201
201
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
202
202
|
readonly scale: "borders";
|
|
203
203
|
}>;
|
|
204
|
-
borderStyle?: import("@codecademy/variance
|
|
204
|
+
borderStyle?: import("@codecademy/variance").Scale<{
|
|
205
205
|
readonly property: "borderStyle";
|
|
206
206
|
}>;
|
|
207
|
-
borderTop?: import("@codecademy/variance
|
|
207
|
+
borderTop?: import("@codecademy/variance").Scale<{
|
|
208
208
|
readonly property: {
|
|
209
209
|
readonly physical: "borderTop";
|
|
210
210
|
readonly logical: "borderBlockStart";
|
|
@@ -212,20 +212,20 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
212
212
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
213
213
|
readonly scale: "borders";
|
|
214
214
|
}>;
|
|
215
|
-
borderWidth?: import("@codecademy/variance
|
|
215
|
+
borderWidth?: import("@codecademy/variance").Scale<{
|
|
216
216
|
readonly property: "borderWidth";
|
|
217
217
|
}>;
|
|
218
|
-
flex?: import("@codecademy/variance
|
|
218
|
+
flex?: import("@codecademy/variance").Scale<{
|
|
219
219
|
readonly property: "flex";
|
|
220
220
|
}>;
|
|
221
|
-
gap?: import("@codecademy/variance
|
|
221
|
+
gap?: import("@codecademy/variance").Scale<{
|
|
222
222
|
readonly property: "gap";
|
|
223
223
|
readonly scale: "spacing";
|
|
224
224
|
}>;
|
|
225
|
-
gridArea?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
226
|
-
gridColumn?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
227
|
-
gridRow?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
228
|
-
inset?: import("@codecademy/variance
|
|
225
|
+
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;
|
|
226
|
+
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;
|
|
227
|
+
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;
|
|
228
|
+
inset?: import("@codecademy/variance").Scale<{
|
|
229
229
|
readonly property: "inset";
|
|
230
230
|
readonly properties: {
|
|
231
231
|
readonly physical: readonly ["top", "right", "bottom", "left"];
|
|
@@ -234,10 +234,10 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
234
234
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
235
235
|
readonly transform: (value: string | number) => string | 0;
|
|
236
236
|
}>;
|
|
237
|
-
overflow?: import("@codecademy/variance
|
|
237
|
+
overflow?: import("@codecademy/variance").Scale<{
|
|
238
238
|
readonly property: "overflow";
|
|
239
239
|
}>;
|
|
240
|
-
px?: import("@codecademy/variance
|
|
240
|
+
px?: import("@codecademy/variance").Scale<{
|
|
241
241
|
readonly property: "padding";
|
|
242
242
|
readonly properties: {
|
|
243
243
|
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
@@ -246,7 +246,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
246
246
|
readonly scale: "spacing";
|
|
247
247
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
248
248
|
}>;
|
|
249
|
-
py?: import("@codecademy/variance
|
|
249
|
+
py?: import("@codecademy/variance").Scale<{
|
|
250
250
|
readonly property: "padding";
|
|
251
251
|
readonly properties: {
|
|
252
252
|
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
@@ -255,7 +255,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
255
255
|
readonly scale: "spacing";
|
|
256
256
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
257
257
|
}>;
|
|
258
|
-
pt?: import("@codecademy/variance
|
|
258
|
+
pt?: import("@codecademy/variance").Scale<{
|
|
259
259
|
readonly property: {
|
|
260
260
|
readonly physical: "paddingTop";
|
|
261
261
|
readonly logical: "paddingBlockStart";
|
|
@@ -263,7 +263,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
263
263
|
readonly scale: "spacing";
|
|
264
264
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
265
265
|
}>;
|
|
266
|
-
pb?: import("@codecademy/variance
|
|
266
|
+
pb?: import("@codecademy/variance").Scale<{
|
|
267
267
|
readonly property: {
|
|
268
268
|
readonly physical: "paddingBottom";
|
|
269
269
|
readonly logical: "paddingBlockEnd";
|
|
@@ -271,7 +271,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
271
271
|
readonly scale: "spacing";
|
|
272
272
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
273
273
|
}>;
|
|
274
|
-
pr?: import("@codecademy/variance
|
|
274
|
+
pr?: import("@codecademy/variance").Scale<{
|
|
275
275
|
readonly property: {
|
|
276
276
|
readonly physical: "paddingRight";
|
|
277
277
|
readonly logical: "paddingInlineEnd";
|
|
@@ -279,7 +279,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
279
279
|
readonly scale: "spacing";
|
|
280
280
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
281
281
|
}>;
|
|
282
|
-
pl?: import("@codecademy/variance
|
|
282
|
+
pl?: import("@codecademy/variance").Scale<{
|
|
283
283
|
readonly property: {
|
|
284
284
|
readonly physical: "paddingLeft";
|
|
285
285
|
readonly logical: "paddingInlineStart";
|
|
@@ -287,11 +287,11 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
287
287
|
readonly scale: "spacing";
|
|
288
288
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
289
289
|
}>;
|
|
290
|
-
m?: import("@codecademy/variance
|
|
290
|
+
m?: import("@codecademy/variance").Scale<{
|
|
291
291
|
readonly property: "margin";
|
|
292
292
|
readonly scale: "spacing";
|
|
293
293
|
}>;
|
|
294
|
-
mx?: import("@codecademy/variance
|
|
294
|
+
mx?: import("@codecademy/variance").Scale<{
|
|
295
295
|
readonly property: "margin";
|
|
296
296
|
readonly properties: {
|
|
297
297
|
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
@@ -300,7 +300,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
300
300
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
301
301
|
readonly scale: "spacing";
|
|
302
302
|
}>;
|
|
303
|
-
my?: import("@codecademy/variance
|
|
303
|
+
my?: import("@codecademy/variance").Scale<{
|
|
304
304
|
readonly property: "margin";
|
|
305
305
|
readonly properties: {
|
|
306
306
|
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
@@ -309,7 +309,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
309
309
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
310
310
|
readonly scale: "spacing";
|
|
311
311
|
}>;
|
|
312
|
-
mt?: import("@codecademy/variance
|
|
312
|
+
mt?: import("@codecademy/variance").Scale<{
|
|
313
313
|
readonly property: {
|
|
314
314
|
readonly physical: "marginTop";
|
|
315
315
|
readonly logical: "marginBlockStart";
|
|
@@ -317,7 +317,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
317
317
|
readonly scale: "spacing";
|
|
318
318
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
319
319
|
}>;
|
|
320
|
-
mb?: import("@codecademy/variance
|
|
320
|
+
mb?: import("@codecademy/variance").Scale<{
|
|
321
321
|
readonly property: {
|
|
322
322
|
readonly physical: "marginBottom";
|
|
323
323
|
readonly logical: "marginBlockEnd";
|
|
@@ -325,7 +325,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
325
325
|
readonly scale: "spacing";
|
|
326
326
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
327
327
|
}>;
|
|
328
|
-
mr?: import("@codecademy/variance
|
|
328
|
+
mr?: import("@codecademy/variance").Scale<{
|
|
329
329
|
readonly property: {
|
|
330
330
|
readonly physical: "marginRight";
|
|
331
331
|
readonly logical: "marginInlineEnd";
|
|
@@ -333,7 +333,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
333
333
|
readonly scale: "spacing";
|
|
334
334
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
335
335
|
}>;
|
|
336
|
-
ml?: import("@codecademy/variance
|
|
336
|
+
ml?: import("@codecademy/variance").Scale<{
|
|
337
337
|
readonly property: {
|
|
338
338
|
readonly physical: "marginLeft";
|
|
339
339
|
readonly logical: "marginInlineStart";
|
|
@@ -341,7 +341,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
341
341
|
readonly scale: "spacing";
|
|
342
342
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
343
343
|
}>;
|
|
344
|
-
borderX?: import("@codecademy/variance
|
|
344
|
+
borderX?: import("@codecademy/variance").Scale<{
|
|
345
345
|
readonly property: "border";
|
|
346
346
|
readonly properties: {
|
|
347
347
|
readonly physical: readonly ["borderLeft", "borderRight"];
|
|
@@ -350,7 +350,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
350
350
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
351
351
|
readonly scale: "borders";
|
|
352
352
|
}>;
|
|
353
|
-
borderY?: import("@codecademy/variance
|
|
353
|
+
borderY?: import("@codecademy/variance").Scale<{
|
|
354
354
|
readonly property: "border";
|
|
355
355
|
readonly properties: {
|
|
356
356
|
readonly physical: readonly ["borderTop", "borderBottom"];
|
|
@@ -359,7 +359,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
359
359
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
360
360
|
readonly scale: "borders";
|
|
361
361
|
}>;
|
|
362
|
-
borderWidthX?: import("@codecademy/variance
|
|
362
|
+
borderWidthX?: import("@codecademy/variance").Scale<{
|
|
363
363
|
readonly property: "borderWidth";
|
|
364
364
|
readonly properties: {
|
|
365
365
|
readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
|
|
@@ -367,7 +367,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
367
367
|
};
|
|
368
368
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
369
369
|
}>;
|
|
370
|
-
borderWidthY?: import("@codecademy/variance
|
|
370
|
+
borderWidthY?: import("@codecademy/variance").Scale<{
|
|
371
371
|
readonly property: "borderWidth";
|
|
372
372
|
readonly properties: {
|
|
373
373
|
readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
|
|
@@ -375,35 +375,35 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
375
375
|
};
|
|
376
376
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
377
377
|
}>;
|
|
378
|
-
borderWidthLeft?: import("@codecademy/variance
|
|
378
|
+
borderWidthLeft?: import("@codecademy/variance").Scale<{
|
|
379
379
|
readonly property: {
|
|
380
380
|
readonly physical: "borderLeftWidth";
|
|
381
381
|
readonly logical: "borderInlineStartWidth";
|
|
382
382
|
};
|
|
383
383
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
384
384
|
}>;
|
|
385
|
-
borderWidthRight?: import("@codecademy/variance
|
|
385
|
+
borderWidthRight?: import("@codecademy/variance").Scale<{
|
|
386
386
|
readonly property: {
|
|
387
387
|
readonly physical: "borderRightWidth";
|
|
388
388
|
readonly logical: "borderInlineEndWidth";
|
|
389
389
|
};
|
|
390
390
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
391
391
|
}>;
|
|
392
|
-
borderWidthTop?: import("@codecademy/variance
|
|
392
|
+
borderWidthTop?: import("@codecademy/variance").Scale<{
|
|
393
393
|
readonly property: {
|
|
394
394
|
readonly physical: "borderTopWidth";
|
|
395
395
|
readonly logical: "borderBlockStartWidth";
|
|
396
396
|
};
|
|
397
397
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
398
398
|
}>;
|
|
399
|
-
borderWidthBottom?: import("@codecademy/variance
|
|
399
|
+
borderWidthBottom?: import("@codecademy/variance").Scale<{
|
|
400
400
|
readonly property: {
|
|
401
401
|
readonly physical: "borderBottomWidth";
|
|
402
402
|
readonly logical: "borderBlockEndWidth";
|
|
403
403
|
};
|
|
404
404
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
405
405
|
}>;
|
|
406
|
-
borderRadiusLeft?: import("@codecademy/variance
|
|
406
|
+
borderRadiusLeft?: import("@codecademy/variance").Scale<{
|
|
407
407
|
readonly property: "borderRadius";
|
|
408
408
|
readonly properties: {
|
|
409
409
|
readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
|
|
@@ -412,7 +412,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
412
412
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
413
413
|
readonly scale: "borderRadii";
|
|
414
414
|
}>;
|
|
415
|
-
borderRadiusTop?: import("@codecademy/variance
|
|
415
|
+
borderRadiusTop?: import("@codecademy/variance").Scale<{
|
|
416
416
|
readonly property: "borderRadius";
|
|
417
417
|
readonly properties: {
|
|
418
418
|
readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
|
|
@@ -421,7 +421,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
421
421
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
422
422
|
readonly scale: "borderRadii";
|
|
423
423
|
}>;
|
|
424
|
-
borderRadiusBottom?: import("@codecademy/variance
|
|
424
|
+
borderRadiusBottom?: import("@codecademy/variance").Scale<{
|
|
425
425
|
readonly property: "borderRadius";
|
|
426
426
|
readonly properties: {
|
|
427
427
|
readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
|
|
@@ -430,7 +430,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
430
430
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
431
431
|
readonly scale: "borderRadii";
|
|
432
432
|
}>;
|
|
433
|
-
borderRadiusRight?: import("@codecademy/variance
|
|
433
|
+
borderRadiusRight?: import("@codecademy/variance").Scale<{
|
|
434
434
|
readonly property: "borderRadius";
|
|
435
435
|
readonly properties: {
|
|
436
436
|
readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
|
|
@@ -439,7 +439,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
439
439
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
440
440
|
readonly scale: "borderRadii";
|
|
441
441
|
}>;
|
|
442
|
-
borderRadiusTopLeft?: import("@codecademy/variance
|
|
442
|
+
borderRadiusTopLeft?: import("@codecademy/variance").Scale<{
|
|
443
443
|
readonly property: {
|
|
444
444
|
readonly physical: "borderTopLeftRadius";
|
|
445
445
|
readonly logical: "borderStartStartRadius";
|
|
@@ -447,7 +447,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
447
447
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
448
448
|
readonly scale: "borderRadii";
|
|
449
449
|
}>;
|
|
450
|
-
borderRadiusTopRight?: import("@codecademy/variance
|
|
450
|
+
borderRadiusTopRight?: import("@codecademy/variance").Scale<{
|
|
451
451
|
readonly property: {
|
|
452
452
|
readonly physical: "borderTopRightRadius";
|
|
453
453
|
readonly logical: "borderStartEndRadius";
|
|
@@ -455,7 +455,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
455
455
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
456
456
|
readonly scale: "borderRadii";
|
|
457
457
|
}>;
|
|
458
|
-
borderRadiusBottomRight?: import("@codecademy/variance
|
|
458
|
+
borderRadiusBottomRight?: import("@codecademy/variance").Scale<{
|
|
459
459
|
readonly property: {
|
|
460
460
|
readonly physical: "borderBottomRightRadius";
|
|
461
461
|
readonly logical: "borderEndEndRadius";
|
|
@@ -463,7 +463,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
463
463
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
464
464
|
readonly scale: "borderRadii";
|
|
465
465
|
}>;
|
|
466
|
-
borderRadiusBottomLeft?: import("@codecademy/variance
|
|
466
|
+
borderRadiusBottomLeft?: import("@codecademy/variance").Scale<{
|
|
467
467
|
readonly property: {
|
|
468
468
|
readonly physical: "borderBottomLeftRadius";
|
|
469
469
|
readonly logical: "borderEndStartRadius";
|
|
@@ -471,7 +471,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
471
471
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
472
472
|
readonly scale: "borderRadii";
|
|
473
473
|
}>;
|
|
474
|
-
borderStyleX?: import("@codecademy/variance
|
|
474
|
+
borderStyleX?: import("@codecademy/variance").Scale<{
|
|
475
475
|
readonly property: "borderStyle";
|
|
476
476
|
readonly properties: {
|
|
477
477
|
readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
|
|
@@ -479,7 +479,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
479
479
|
};
|
|
480
480
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
481
481
|
}>;
|
|
482
|
-
borderStyleY?: import("@codecademy/variance
|
|
482
|
+
borderStyleY?: import("@codecademy/variance").Scale<{
|
|
483
483
|
readonly property: "borderStyle";
|
|
484
484
|
readonly properties: {
|
|
485
485
|
readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
|
|
@@ -487,35 +487,35 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
487
487
|
};
|
|
488
488
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
489
489
|
}>;
|
|
490
|
-
borderStyleLeft?: import("@codecademy/variance
|
|
490
|
+
borderStyleLeft?: import("@codecademy/variance").Scale<{
|
|
491
491
|
readonly property: {
|
|
492
492
|
readonly physical: "borderLeftStyle";
|
|
493
493
|
readonly logical: "borderInlineStartStyle";
|
|
494
494
|
};
|
|
495
495
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
496
496
|
}>;
|
|
497
|
-
borderStyleRight?: import("@codecademy/variance
|
|
497
|
+
borderStyleRight?: import("@codecademy/variance").Scale<{
|
|
498
498
|
readonly property: {
|
|
499
499
|
readonly physical: "borderRightStyle";
|
|
500
500
|
readonly logical: "borderInlineEndStyle";
|
|
501
501
|
};
|
|
502
502
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
503
503
|
}>;
|
|
504
|
-
borderStyleTop?: import("@codecademy/variance
|
|
504
|
+
borderStyleTop?: import("@codecademy/variance").Scale<{
|
|
505
505
|
readonly property: {
|
|
506
506
|
readonly physical: "borderTopStyle";
|
|
507
507
|
readonly logical: "borderBlockStartStyle";
|
|
508
508
|
};
|
|
509
509
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
510
510
|
}>;
|
|
511
|
-
borderStyleBottom?: import("@codecademy/variance
|
|
511
|
+
borderStyleBottom?: import("@codecademy/variance").Scale<{
|
|
512
512
|
readonly property: {
|
|
513
513
|
readonly physical: "borderBottomStyle";
|
|
514
514
|
readonly logical: "borderBlockEndStyle";
|
|
515
515
|
};
|
|
516
516
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
517
517
|
}>;
|
|
518
|
-
dimensions?: import("@codecademy/variance
|
|
518
|
+
dimensions?: import("@codecademy/variance").Scale<{
|
|
519
519
|
readonly property: "width";
|
|
520
520
|
readonly properties: {
|
|
521
521
|
readonly physical: readonly ["width", "height"];
|
|
@@ -526,7 +526,7 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
526
526
|
}>;
|
|
527
527
|
} & {
|
|
528
528
|
theme?: import("@emotion/react").Theme;
|
|
529
|
-
}, Pick<React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "name" | "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "
|
|
529
|
+
}, Pick<React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "name" | "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "target" | "autoComplete" | "method" | keyof React.ClassAttributes<HTMLFormElement> | "acceptCharset" | "action" | "encType" | "noValidate">, {}>;
|
|
530
530
|
export type FormProps = ComponentProps<typeof StyledForm>;
|
|
531
531
|
export declare const Form: React.FC<FormProps>;
|
|
532
532
|
export {};
|