@codecademy/gamut 68.0.1-alpha.0f6254.0 → 68.0.1-alpha.4aeb6d.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Alert/elements.d.ts +3 -3
- package/dist/Anchor/index.d.ts +66 -18
- package/dist/Badge/index.d.ts +74 -14
- package/dist/Box/Box.d.ts +1 -1
- package/dist/Box/FlexBox.d.ts +1 -1
- package/dist/Box/GridBox.d.ts +1 -1
- package/dist/Box/props.d.ts +204 -40
- 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 +193 -41
- package/dist/ButtonBase/ButtonBase.d.ts +2 -2
- package/dist/Card/elements.d.ts +634 -145
- package/dist/ConnectedForm/utils.d.ts +2 -2
- package/dist/ContentContainer/index.d.ts +1 -1
- package/dist/Disclosure/elements.d.ts +13 -13
- package/dist/Form/elements/Form.d.ts +196 -44
- package/dist/Form/elements/FormGroup.d.ts +1 -1
- package/dist/GridForm/GridFormButtons/index.d.ts +4 -4
- package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts +144 -28
- package/dist/InternalFloatingCard/InternalFloatingCard.d.ts +31 -7
- package/dist/Layout/Column.d.ts +61 -13
- package/dist/Layout/LayoutGrid.d.ts +61 -13
- package/dist/List/elements.d.ts +278 -67
- package/dist/Menu/Menu.d.ts +1 -1
- package/dist/Menu/elements.d.ts +208 -44
- package/dist/Pagination/AnimatedPaginationButtons.d.ts +196 -45
- package/dist/Pagination/EllipsisButton.d.ts +4 -4
- package/dist/Pagination/PaginationButton.d.ts +6 -6
- package/dist/Pagination/utils.d.ts +194 -43
- package/dist/Popover/elements.d.ts +2 -2
- package/dist/Tabs/TabButton.d.ts +2 -2
- package/dist/Tabs/TabNav.d.ts +1 -1
- package/dist/Tabs/TabNavLink.d.ts +2 -2
- package/dist/Tabs/props.d.ts +60 -12
- package/dist/Tag/elements.d.ts +11 -11
- package/dist/Tag/types.d.ts +60 -12
- package/dist/Tip/InfoTip/InfoTipButton.d.ts +4 -4
- package/dist/Tip/InfoTip/styles.d.ts +1 -1
- package/dist/Tip/PreviewTip/elements.d.ts +6 -6
- package/dist/Tip/ToolTip/elements.d.ts +1 -1
- package/dist/Tip/shared/elements.d.ts +3 -3
- package/dist/Toggle/elements.d.ts +135 -27
- package/dist/Typography/Text.d.ts +76 -16
- package/package.json +9 -9
|
@@ -95,36 +95,60 @@ declare const CardBody: import("@emotion/styled").StyledComponent<{
|
|
|
95
95
|
}>;
|
|
96
96
|
px?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
97
97
|
readonly property: "padding";
|
|
98
|
-
readonly properties:
|
|
98
|
+
readonly properties: {
|
|
99
|
+
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
100
|
+
readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
|
|
101
|
+
};
|
|
99
102
|
readonly scale: "spacing";
|
|
103
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
100
104
|
}>;
|
|
101
105
|
py?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
102
106
|
readonly property: "padding";
|
|
103
|
-
readonly properties:
|
|
107
|
+
readonly properties: {
|
|
108
|
+
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
109
|
+
readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
|
|
110
|
+
};
|
|
104
111
|
readonly scale: "spacing";
|
|
112
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
105
113
|
}>;
|
|
106
114
|
pt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
107
|
-
readonly property:
|
|
115
|
+
readonly property: {
|
|
116
|
+
readonly physical: "paddingTop";
|
|
117
|
+
readonly logical: "paddingBlockStart";
|
|
118
|
+
};
|
|
108
119
|
readonly scale: "spacing";
|
|
120
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
109
121
|
}>;
|
|
110
122
|
pb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
111
|
-
readonly property:
|
|
123
|
+
readonly property: {
|
|
124
|
+
readonly physical: "paddingBottom";
|
|
125
|
+
readonly logical: "paddingBlockEnd";
|
|
126
|
+
};
|
|
112
127
|
readonly scale: "spacing";
|
|
128
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
113
129
|
}>;
|
|
114
130
|
pr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
115
|
-
readonly property:
|
|
131
|
+
readonly property: {
|
|
132
|
+
readonly physical: "paddingRight";
|
|
133
|
+
readonly logical: "paddingInlineEnd";
|
|
134
|
+
};
|
|
116
135
|
readonly scale: "spacing";
|
|
136
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
117
137
|
}>;
|
|
118
138
|
pl?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
119
|
-
readonly property:
|
|
139
|
+
readonly property: {
|
|
140
|
+
readonly physical: "paddingLeft";
|
|
141
|
+
readonly logical: "paddingInlineStart";
|
|
142
|
+
};
|
|
120
143
|
readonly scale: "spacing";
|
|
144
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
121
145
|
}>;
|
|
122
146
|
dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
123
147
|
readonly property: "width";
|
|
124
148
|
readonly properties: readonly ["width", "height"];
|
|
125
149
|
readonly transform: (value: string | number) => string | 0;
|
|
126
150
|
}>;
|
|
127
|
-
}, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | keyof React.ClassAttributes<HTMLDivElement> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "
|
|
151
|
+
}, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | keyof React.ClassAttributes<HTMLDivElement> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "onResize" | "onResizeCapture" | "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">, {}>;
|
|
128
152
|
type InternalFloatingCardWrapper = {
|
|
129
153
|
containerDisplay?: Properties['display'];
|
|
130
154
|
};
|
package/dist/Layout/Column.d.ts
CHANGED
|
@@ -97,29 +97,53 @@ declare const columnProps: import("@codecademy/variance/dist/types/config").Pars
|
|
|
97
97
|
};
|
|
98
98
|
readonly px: {
|
|
99
99
|
readonly property: "padding";
|
|
100
|
-
readonly properties:
|
|
100
|
+
readonly properties: {
|
|
101
|
+
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
102
|
+
readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
|
|
103
|
+
};
|
|
101
104
|
readonly scale: "spacing";
|
|
105
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
102
106
|
};
|
|
103
107
|
readonly py: {
|
|
104
108
|
readonly property: "padding";
|
|
105
|
-
readonly properties:
|
|
109
|
+
readonly properties: {
|
|
110
|
+
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
111
|
+
readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
|
|
112
|
+
};
|
|
106
113
|
readonly scale: "spacing";
|
|
114
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
107
115
|
};
|
|
108
116
|
readonly pt: {
|
|
109
|
-
readonly property:
|
|
117
|
+
readonly property: {
|
|
118
|
+
readonly physical: "paddingTop";
|
|
119
|
+
readonly logical: "paddingBlockStart";
|
|
120
|
+
};
|
|
110
121
|
readonly scale: "spacing";
|
|
122
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
111
123
|
};
|
|
112
124
|
readonly pb: {
|
|
113
|
-
readonly property:
|
|
125
|
+
readonly property: {
|
|
126
|
+
readonly physical: "paddingBottom";
|
|
127
|
+
readonly logical: "paddingBlockEnd";
|
|
128
|
+
};
|
|
114
129
|
readonly scale: "spacing";
|
|
130
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
115
131
|
};
|
|
116
132
|
readonly pr: {
|
|
117
|
-
readonly property:
|
|
133
|
+
readonly property: {
|
|
134
|
+
readonly physical: "paddingRight";
|
|
135
|
+
readonly logical: "paddingInlineEnd";
|
|
136
|
+
};
|
|
118
137
|
readonly scale: "spacing";
|
|
138
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
119
139
|
};
|
|
120
140
|
readonly pl: {
|
|
121
|
-
readonly property:
|
|
141
|
+
readonly property: {
|
|
142
|
+
readonly physical: "paddingLeft";
|
|
143
|
+
readonly logical: "paddingInlineStart";
|
|
144
|
+
};
|
|
122
145
|
readonly scale: "spacing";
|
|
146
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
123
147
|
};
|
|
124
148
|
readonly m: {
|
|
125
149
|
readonly property: "margin";
|
|
@@ -127,29 +151,53 @@ declare const columnProps: import("@codecademy/variance/dist/types/config").Pars
|
|
|
127
151
|
};
|
|
128
152
|
readonly mx: {
|
|
129
153
|
readonly property: "margin";
|
|
130
|
-
readonly properties:
|
|
154
|
+
readonly properties: {
|
|
155
|
+
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
156
|
+
readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
|
|
157
|
+
};
|
|
158
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
131
159
|
readonly scale: "spacing";
|
|
132
160
|
};
|
|
133
161
|
readonly my: {
|
|
134
162
|
readonly property: "margin";
|
|
135
|
-
readonly properties:
|
|
163
|
+
readonly properties: {
|
|
164
|
+
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
165
|
+
readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
|
|
166
|
+
};
|
|
167
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
136
168
|
readonly scale: "spacing";
|
|
137
169
|
};
|
|
138
170
|
readonly mt: {
|
|
139
|
-
readonly property:
|
|
171
|
+
readonly property: {
|
|
172
|
+
readonly physical: "marginTop";
|
|
173
|
+
readonly logical: "marginBlockStart";
|
|
174
|
+
};
|
|
140
175
|
readonly scale: "spacing";
|
|
176
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
141
177
|
};
|
|
142
178
|
readonly mb: {
|
|
143
|
-
readonly property:
|
|
179
|
+
readonly property: {
|
|
180
|
+
readonly physical: "marginBottom";
|
|
181
|
+
readonly logical: "marginBlockEnd";
|
|
182
|
+
};
|
|
144
183
|
readonly scale: "spacing";
|
|
184
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
145
185
|
};
|
|
146
186
|
readonly mr: {
|
|
147
|
-
readonly property:
|
|
187
|
+
readonly property: {
|
|
188
|
+
readonly physical: "marginRight";
|
|
189
|
+
readonly logical: "marginInlineEnd";
|
|
190
|
+
};
|
|
148
191
|
readonly scale: "spacing";
|
|
192
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
149
193
|
};
|
|
150
194
|
readonly ml: {
|
|
151
|
-
readonly property:
|
|
195
|
+
readonly property: {
|
|
196
|
+
readonly physical: "marginLeft";
|
|
197
|
+
readonly logical: "marginInlineStart";
|
|
198
|
+
};
|
|
152
199
|
readonly scale: "spacing";
|
|
200
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
153
201
|
};
|
|
154
202
|
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
155
203
|
readonly gridColumn: {
|
|
@@ -303,5 +351,5 @@ export interface ColumnProps extends ColumnVariantProps, ColumnStyleProps {
|
|
|
303
351
|
export declare const Column: import("react").ForwardRefExoticComponent<Omit<{
|
|
304
352
|
theme?: import("@emotion/react").Theme | undefined;
|
|
305
353
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
306
|
-
} & ColumnProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | keyof import("react").ClassAttributes<HTMLDivElement> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "
|
|
354
|
+
} & ColumnProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | keyof import("react").ClassAttributes<HTMLDivElement> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "onResize" | "onResizeCapture" | "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">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
307
355
|
export {};
|
|
@@ -7,29 +7,53 @@ declare const gridProps: import("@codecademy/variance/dist/types/config").Parser
|
|
|
7
7
|
};
|
|
8
8
|
readonly px: {
|
|
9
9
|
readonly property: "padding";
|
|
10
|
-
readonly properties:
|
|
10
|
+
readonly properties: {
|
|
11
|
+
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
12
|
+
readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
|
|
13
|
+
};
|
|
11
14
|
readonly scale: "spacing";
|
|
15
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
12
16
|
};
|
|
13
17
|
readonly py: {
|
|
14
18
|
readonly property: "padding";
|
|
15
|
-
readonly properties:
|
|
19
|
+
readonly properties: {
|
|
20
|
+
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
21
|
+
readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
|
|
22
|
+
};
|
|
16
23
|
readonly scale: "spacing";
|
|
24
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
17
25
|
};
|
|
18
26
|
readonly pt: {
|
|
19
|
-
readonly property:
|
|
27
|
+
readonly property: {
|
|
28
|
+
readonly physical: "paddingTop";
|
|
29
|
+
readonly logical: "paddingBlockStart";
|
|
30
|
+
};
|
|
20
31
|
readonly scale: "spacing";
|
|
32
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
21
33
|
};
|
|
22
34
|
readonly pb: {
|
|
23
|
-
readonly property:
|
|
35
|
+
readonly property: {
|
|
36
|
+
readonly physical: "paddingBottom";
|
|
37
|
+
readonly logical: "paddingBlockEnd";
|
|
38
|
+
};
|
|
24
39
|
readonly scale: "spacing";
|
|
40
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
25
41
|
};
|
|
26
42
|
readonly pr: {
|
|
27
|
-
readonly property:
|
|
43
|
+
readonly property: {
|
|
44
|
+
readonly physical: "paddingRight";
|
|
45
|
+
readonly logical: "paddingInlineEnd";
|
|
46
|
+
};
|
|
28
47
|
readonly scale: "spacing";
|
|
48
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
29
49
|
};
|
|
30
50
|
readonly pl: {
|
|
31
|
-
readonly property:
|
|
51
|
+
readonly property: {
|
|
52
|
+
readonly physical: "paddingLeft";
|
|
53
|
+
readonly logical: "paddingInlineStart";
|
|
54
|
+
};
|
|
32
55
|
readonly scale: "spacing";
|
|
56
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
33
57
|
};
|
|
34
58
|
readonly m: {
|
|
35
59
|
readonly property: "margin";
|
|
@@ -37,29 +61,53 @@ declare const gridProps: import("@codecademy/variance/dist/types/config").Parser
|
|
|
37
61
|
};
|
|
38
62
|
readonly mx: {
|
|
39
63
|
readonly property: "margin";
|
|
40
|
-
readonly properties:
|
|
64
|
+
readonly properties: {
|
|
65
|
+
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
66
|
+
readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
|
|
67
|
+
};
|
|
68
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
41
69
|
readonly scale: "spacing";
|
|
42
70
|
};
|
|
43
71
|
readonly my: {
|
|
44
72
|
readonly property: "margin";
|
|
45
|
-
readonly properties:
|
|
73
|
+
readonly properties: {
|
|
74
|
+
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
75
|
+
readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
|
|
76
|
+
};
|
|
77
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
46
78
|
readonly scale: "spacing";
|
|
47
79
|
};
|
|
48
80
|
readonly mt: {
|
|
49
|
-
readonly property:
|
|
81
|
+
readonly property: {
|
|
82
|
+
readonly physical: "marginTop";
|
|
83
|
+
readonly logical: "marginBlockStart";
|
|
84
|
+
};
|
|
50
85
|
readonly scale: "spacing";
|
|
86
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
51
87
|
};
|
|
52
88
|
readonly mb: {
|
|
53
|
-
readonly property:
|
|
89
|
+
readonly property: {
|
|
90
|
+
readonly physical: "marginBottom";
|
|
91
|
+
readonly logical: "marginBlockEnd";
|
|
92
|
+
};
|
|
54
93
|
readonly scale: "spacing";
|
|
94
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
55
95
|
};
|
|
56
96
|
readonly mr: {
|
|
57
|
-
readonly property:
|
|
97
|
+
readonly property: {
|
|
98
|
+
readonly physical: "marginRight";
|
|
99
|
+
readonly logical: "marginInlineEnd";
|
|
100
|
+
};
|
|
58
101
|
readonly scale: "spacing";
|
|
102
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
59
103
|
};
|
|
60
104
|
readonly ml: {
|
|
61
|
-
readonly property:
|
|
105
|
+
readonly property: {
|
|
106
|
+
readonly physical: "marginLeft";
|
|
107
|
+
readonly logical: "marginInlineStart";
|
|
108
|
+
};
|
|
62
109
|
readonly scale: "spacing";
|
|
110
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
63
111
|
};
|
|
64
112
|
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
65
113
|
gap: {
|
|
@@ -129,5 +177,5 @@ export interface LayoutGridProps extends StyleProps<typeof gridProps> {
|
|
|
129
177
|
export declare const LayoutGrid: import("@emotion/styled").StyledComponent<{
|
|
130
178
|
theme?: import("@emotion/react").Theme | undefined;
|
|
131
179
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
132
|
-
} & LayoutGridProps, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | keyof import("react").ClassAttributes<HTMLDivElement> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "
|
|
180
|
+
} & LayoutGridProps, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | keyof import("react").ClassAttributes<HTMLDivElement> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "onResize" | "onResizeCapture" | "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">, {}>;
|
|
133
181
|
export {};
|