@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
|
@@ -26,48 +26,48 @@ export declare const RowButton: import("@emotion/styled").StyledComponent<{
|
|
|
26
26
|
as?: React.ElementType;
|
|
27
27
|
} & {
|
|
28
28
|
theme?: import("@emotion/react").Theme;
|
|
29
|
-
}, Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "name" | "form" | "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" |
|
|
29
|
+
}, Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "name" | "form" | "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" | keyof import("react").ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "value">, {}>;
|
|
30
30
|
export declare const RowAnchor: import("@emotion/styled").StyledComponent<{
|
|
31
31
|
theme?: import("@emotion/react").Theme;
|
|
32
32
|
as?: React.ElementType;
|
|
33
33
|
} & {
|
|
34
34
|
theme?: import("@emotion/react").Theme;
|
|
35
|
-
}, Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "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" | "
|
|
35
|
+
}, Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "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" | "href" | "type" | keyof import("react").ClassAttributes<HTMLAnchorElement> | "download" | "hrefLang" | "media" | "ping" | "target" | "referrerPolicy">, {}>;
|
|
36
36
|
export declare const BarWrapper: import("@emotion/styled").StyledComponent<{
|
|
37
37
|
theme?: import("@emotion/react").Theme;
|
|
38
38
|
as?: React.ElementType;
|
|
39
39
|
} & import("../../Box").FlexBoxProps & 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" | "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"> & {
|
|
40
40
|
theme?: import("@emotion/react").Theme;
|
|
41
41
|
}, {}, {}>;
|
|
42
|
-
export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
43
|
-
color?: import("@codecademy/variance
|
|
42
|
+
export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
43
|
+
color?: import("@codecademy/variance").Scale<{
|
|
44
44
|
readonly property: "color";
|
|
45
45
|
readonly scale: "colors";
|
|
46
46
|
}>;
|
|
47
|
-
fontSize?: import("@codecademy/variance
|
|
47
|
+
fontSize?: import("@codecademy/variance").Scale<{
|
|
48
48
|
readonly property: "fontSize";
|
|
49
49
|
readonly scale: "fontSize";
|
|
50
50
|
}>;
|
|
51
|
-
fontFamily?: import("@codecademy/variance
|
|
51
|
+
fontFamily?: import("@codecademy/variance").Scale<{
|
|
52
52
|
readonly property: "fontFamily";
|
|
53
53
|
readonly scale: "fontFamily";
|
|
54
54
|
}>;
|
|
55
|
-
lineHeight?: import("@codecademy/variance
|
|
55
|
+
lineHeight?: import("@codecademy/variance").Scale<{
|
|
56
56
|
readonly property: "lineHeight";
|
|
57
57
|
readonly scale: "lineHeight";
|
|
58
58
|
}>;
|
|
59
|
-
fontWeight?: import("@codecademy/variance
|
|
59
|
+
fontWeight?: import("@codecademy/variance").Scale<{
|
|
60
60
|
readonly property: "fontWeight";
|
|
61
61
|
readonly scale: "fontWeight";
|
|
62
62
|
}>;
|
|
63
|
-
background?: import("@codecademy/variance
|
|
63
|
+
background?: import("@codecademy/variance").Scale<{
|
|
64
64
|
readonly property: "background";
|
|
65
65
|
}>;
|
|
66
|
-
border?: import("@codecademy/variance
|
|
66
|
+
border?: import("@codecademy/variance").Scale<{
|
|
67
67
|
readonly property: "border";
|
|
68
68
|
readonly scale: "borders";
|
|
69
69
|
}>;
|
|
70
|
-
p?: import("@codecademy/variance
|
|
70
|
+
p?: import("@codecademy/variance").Scale<{
|
|
71
71
|
readonly property: "padding";
|
|
72
72
|
readonly scale: "spacing";
|
|
73
73
|
}>;
|
|
@@ -76,7 +76,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
76
76
|
center?: boolean | undefined;
|
|
77
77
|
dir?: string | undefined;
|
|
78
78
|
className?: string | undefined;
|
|
79
|
-
height?: import("@codecademy/variance
|
|
79
|
+
height?: import("@codecademy/variance").Scale<{
|
|
80
80
|
readonly property: {
|
|
81
81
|
readonly physical: "height";
|
|
82
82
|
readonly logical: "blockSize";
|
|
@@ -84,7 +84,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
84
84
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
85
85
|
readonly transform: (value: string | number) => string | 0;
|
|
86
86
|
}>;
|
|
87
|
-
width?: import("@codecademy/variance
|
|
87
|
+
width?: import("@codecademy/variance").Scale<{
|
|
88
88
|
readonly property: {
|
|
89
89
|
readonly physical: "width";
|
|
90
90
|
readonly logical: "inlineSize";
|
|
@@ -92,7 +92,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
92
92
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
93
93
|
readonly transform: (value: string | number) => string | 0;
|
|
94
94
|
}>;
|
|
95
|
-
"aria-hidden"?: (boolean | "
|
|
95
|
+
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
96
96
|
ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
|
|
97
97
|
key?: import("react").Key | null | undefined;
|
|
98
98
|
defaultChecked?: boolean | undefined;
|
|
@@ -102,17 +102,17 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
102
102
|
accessKey?: string | undefined;
|
|
103
103
|
autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
|
|
104
104
|
autoFocus?: boolean | undefined;
|
|
105
|
-
contentEditable?: "inherit" | (boolean | "
|
|
105
|
+
contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
|
|
106
106
|
contextMenu?: string | undefined;
|
|
107
|
-
draggable?: (boolean | "
|
|
108
|
-
enterKeyHint?: "search" | "
|
|
107
|
+
draggable?: (boolean | "true" | "false") | undefined;
|
|
108
|
+
enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
|
|
109
109
|
hidden?: boolean | undefined;
|
|
110
110
|
id?: string | undefined;
|
|
111
111
|
lang?: string | undefined;
|
|
112
112
|
nonce?: string | undefined;
|
|
113
|
-
spellCheck?: (boolean | "
|
|
113
|
+
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
114
114
|
tabIndex?: number | undefined;
|
|
115
|
-
translate?: "
|
|
115
|
+
translate?: "yes" | "no" | undefined;
|
|
116
116
|
radioGroup?: string | undefined;
|
|
117
117
|
role?: import("react").AriaRole | undefined;
|
|
118
118
|
about?: string | undefined;
|
|
@@ -141,51 +141,51 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
141
141
|
exportparts?: string | undefined;
|
|
142
142
|
part?: string | undefined;
|
|
143
143
|
"aria-activedescendant"?: string | undefined;
|
|
144
|
-
"aria-atomic"?: (boolean | "
|
|
145
|
-
"aria-autocomplete"?: "none" | "inline" | "
|
|
144
|
+
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
145
|
+
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
|
|
146
146
|
"aria-braillelabel"?: string | undefined;
|
|
147
147
|
"aria-brailleroledescription"?: string | undefined;
|
|
148
|
-
"aria-busy"?: (boolean | "
|
|
149
|
-
"aria-checked"?: boolean | "
|
|
148
|
+
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
149
|
+
"aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
150
150
|
"aria-colcount"?: number | undefined;
|
|
151
151
|
"aria-colindex"?: number | undefined;
|
|
152
152
|
"aria-colindextext"?: string | undefined;
|
|
153
153
|
"aria-colspan"?: number | undefined;
|
|
154
154
|
"aria-controls"?: string | undefined;
|
|
155
|
-
"aria-current"?: boolean | "time" | "page" | "
|
|
155
|
+
"aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
|
|
156
156
|
"aria-describedby"?: string | undefined;
|
|
157
157
|
"aria-description"?: string | undefined;
|
|
158
158
|
"aria-details"?: string | undefined;
|
|
159
|
-
"aria-disabled"?: (boolean | "
|
|
159
|
+
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
160
160
|
"aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
|
161
161
|
"aria-errormessage"?: string | undefined;
|
|
162
|
-
"aria-expanded"?: (boolean | "
|
|
162
|
+
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
163
163
|
"aria-flowto"?: string | undefined;
|
|
164
|
-
"aria-grabbed"?: (boolean | "
|
|
165
|
-
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "
|
|
166
|
-
"aria-invalid"?: boolean | "
|
|
164
|
+
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
165
|
+
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
|
|
166
|
+
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
167
167
|
"aria-keyshortcuts"?: string | undefined;
|
|
168
168
|
"aria-label"?: string | undefined;
|
|
169
169
|
"aria-labelledby"?: string | undefined;
|
|
170
170
|
"aria-level"?: number | undefined;
|
|
171
171
|
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
172
|
-
"aria-modal"?: (boolean | "
|
|
173
|
-
"aria-multiline"?: (boolean | "
|
|
174
|
-
"aria-multiselectable"?: (boolean | "
|
|
172
|
+
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
173
|
+
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
174
|
+
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
175
175
|
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
176
176
|
"aria-owns"?: string | undefined;
|
|
177
177
|
"aria-placeholder"?: string | undefined;
|
|
178
178
|
"aria-posinset"?: number | undefined;
|
|
179
|
-
"aria-pressed"?: boolean | "
|
|
180
|
-
"aria-readonly"?: (boolean | "
|
|
179
|
+
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
180
|
+
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
181
181
|
"aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
182
|
-
"aria-required"?: (boolean | "
|
|
182
|
+
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
183
183
|
"aria-roledescription"?: string | undefined;
|
|
184
184
|
"aria-rowcount"?: number | undefined;
|
|
185
185
|
"aria-rowindex"?: number | undefined;
|
|
186
186
|
"aria-rowindextext"?: string | undefined;
|
|
187
187
|
"aria-rowspan"?: number | undefined;
|
|
188
|
-
"aria-selected"?: (boolean | "
|
|
188
|
+
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
189
189
|
"aria-setsize"?: number | undefined;
|
|
190
190
|
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
191
191
|
"aria-valuemax"?: number | undefined;
|
|
@@ -349,19 +349,19 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
349
349
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
350
350
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
351
351
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
352
|
-
alignContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
353
|
-
alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
354
|
-
alignSelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
355
|
-
backgroundImage?: import("@codecademy/variance
|
|
352
|
+
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;
|
|
353
|
+
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;
|
|
354
|
+
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;
|
|
355
|
+
backgroundImage?: import("@codecademy/variance").Scale<{
|
|
356
356
|
readonly property: "backgroundImage";
|
|
357
357
|
}>;
|
|
358
|
-
backgroundRepeat?: import("@codecademy/variance
|
|
358
|
+
backgroundRepeat?: import("@codecademy/variance").Scale<{
|
|
359
359
|
readonly property: "backgroundRepeat";
|
|
360
360
|
}>;
|
|
361
|
-
backgroundSize?: import("@codecademy/variance
|
|
361
|
+
backgroundSize?: import("@codecademy/variance").Scale<{
|
|
362
362
|
readonly property: "backgroundSize";
|
|
363
363
|
}>;
|
|
364
|
-
bottom?: import("@codecademy/variance
|
|
364
|
+
bottom?: import("@codecademy/variance").Scale<{
|
|
365
365
|
readonly property: {
|
|
366
366
|
readonly physical: "bottom";
|
|
367
367
|
readonly logical: "insetBlockEnd";
|
|
@@ -369,60 +369,60 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
369
369
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
370
370
|
readonly transform: (value: string | number) => string | 0;
|
|
371
371
|
}>;
|
|
372
|
-
boxShadow?: import("@codecademy/variance
|
|
372
|
+
boxShadow?: import("@codecademy/variance").Scale<{
|
|
373
373
|
readonly property: "boxShadow";
|
|
374
374
|
}>;
|
|
375
|
-
columnGap?: import("@codecademy/variance
|
|
375
|
+
columnGap?: import("@codecademy/variance").Scale<{
|
|
376
376
|
readonly property: "columnGap";
|
|
377
377
|
readonly scale: "spacing";
|
|
378
378
|
}>;
|
|
379
|
-
containerType?: import("@codecademy/variance
|
|
379
|
+
containerType?: import("@codecademy/variance").Scale<{
|
|
380
380
|
readonly property: "containerType";
|
|
381
381
|
}>;
|
|
382
|
-
direction?: import("@codecademy/variance
|
|
382
|
+
direction?: import("@codecademy/variance").Scale<{
|
|
383
383
|
readonly property: "direction";
|
|
384
384
|
}>;
|
|
385
|
-
display?: import("@codecademy/variance
|
|
385
|
+
display?: import("@codecademy/variance").Scale<{
|
|
386
386
|
readonly property: "display";
|
|
387
387
|
}>;
|
|
388
|
-
flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "
|
|
389
|
-
flexDirection?: import("@codecademy/variance
|
|
388
|
+
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;
|
|
389
|
+
flexDirection?: import("@codecademy/variance").Scale<{
|
|
390
390
|
readonly property: "flexDirection";
|
|
391
391
|
}>;
|
|
392
392
|
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;
|
|
393
393
|
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;
|
|
394
|
-
flexWrap?: import("@codecademy/variance
|
|
394
|
+
flexWrap?: import("@codecademy/variance").Scale<{
|
|
395
395
|
readonly property: "flexWrap";
|
|
396
396
|
}>;
|
|
397
|
-
fontStyle?: import("@codecademy/variance
|
|
397
|
+
fontStyle?: import("@codecademy/variance").Scale<{
|
|
398
398
|
readonly property: "fontStyle";
|
|
399
399
|
}>;
|
|
400
|
-
gridAutoColumns?: import("@codecademy/variance
|
|
400
|
+
gridAutoColumns?: import("@codecademy/variance").Scale<{
|
|
401
401
|
readonly property: "gridAutoColumns";
|
|
402
402
|
}>;
|
|
403
|
-
gridAutoFlow?: import("@codecademy/variance
|
|
403
|
+
gridAutoFlow?: import("@codecademy/variance").Scale<{
|
|
404
404
|
readonly property: "gridAutoFlow";
|
|
405
405
|
}>;
|
|
406
|
-
gridAutoRows?: import("@codecademy/variance
|
|
406
|
+
gridAutoRows?: import("@codecademy/variance").Scale<{
|
|
407
407
|
readonly property: "gridAutoRows";
|
|
408
408
|
}>;
|
|
409
|
-
gridColumnEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
410
|
-
gridColumnStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
411
|
-
gridRowEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
412
|
-
gridRowStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
413
|
-
gridTemplateAreas?: import("@codecademy/variance
|
|
409
|
+
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;
|
|
410
|
+
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;
|
|
411
|
+
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;
|
|
412
|
+
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;
|
|
413
|
+
gridTemplateAreas?: import("@codecademy/variance").Scale<{
|
|
414
414
|
readonly property: "gridTemplateAreas";
|
|
415
415
|
}>;
|
|
416
|
-
gridTemplateColumns?: import("@codecademy/variance
|
|
416
|
+
gridTemplateColumns?: import("@codecademy/variance").Scale<{
|
|
417
417
|
readonly property: "gridTemplateColumns";
|
|
418
418
|
}>;
|
|
419
|
-
gridTemplateRows?: import("@codecademy/variance
|
|
419
|
+
gridTemplateRows?: import("@codecademy/variance").Scale<{
|
|
420
420
|
readonly property: "gridTemplateRows";
|
|
421
421
|
}>;
|
|
422
|
-
justifyContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "
|
|
423
|
-
justifyItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
424
|
-
justifySelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
425
|
-
left?: import("@codecademy/variance
|
|
422
|
+
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;
|
|
423
|
+
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;
|
|
424
|
+
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;
|
|
425
|
+
left?: import("@codecademy/variance").Scale<{
|
|
426
426
|
readonly property: {
|
|
427
427
|
readonly physical: "left";
|
|
428
428
|
readonly logical: "insetInlineStart";
|
|
@@ -430,19 +430,19 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
430
430
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
431
431
|
readonly transform: (value: string | number) => string | 0;
|
|
432
432
|
}>;
|
|
433
|
-
letterSpacing?: import("@codecademy/variance
|
|
433
|
+
letterSpacing?: import("@codecademy/variance").Scale<{
|
|
434
434
|
readonly property: "letterSpacing";
|
|
435
435
|
}>;
|
|
436
|
-
listStyleImage?: import("@codecademy/variance
|
|
436
|
+
listStyleImage?: import("@codecademy/variance").Scale<{
|
|
437
437
|
readonly property: "listStyleImage";
|
|
438
438
|
}>;
|
|
439
|
-
listStylePosition?: import("@codecademy/variance
|
|
439
|
+
listStylePosition?: import("@codecademy/variance").Scale<{
|
|
440
440
|
readonly property: "listStylePosition";
|
|
441
441
|
}>;
|
|
442
|
-
listStyleType?: import("@codecademy/variance
|
|
442
|
+
listStyleType?: import("@codecademy/variance").Scale<{
|
|
443
443
|
readonly property: "listStyleType";
|
|
444
444
|
}>;
|
|
445
|
-
maxHeight?: import("@codecademy/variance
|
|
445
|
+
maxHeight?: import("@codecademy/variance").Scale<{
|
|
446
446
|
readonly property: {
|
|
447
447
|
readonly physical: "maxHeight";
|
|
448
448
|
readonly logical: "maxBlockSize";
|
|
@@ -450,7 +450,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
450
450
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
451
451
|
readonly transform: (value: string | number) => string | 0;
|
|
452
452
|
}>;
|
|
453
|
-
maxWidth?: import("@codecademy/variance
|
|
453
|
+
maxWidth?: import("@codecademy/variance").Scale<{
|
|
454
454
|
readonly property: {
|
|
455
455
|
readonly physical: "maxWidth";
|
|
456
456
|
readonly logical: "maxInlineSize";
|
|
@@ -458,7 +458,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
458
458
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
459
459
|
readonly transform: (value: string | number) => string | 0;
|
|
460
460
|
}>;
|
|
461
|
-
minHeight?: import("@codecademy/variance
|
|
461
|
+
minHeight?: import("@codecademy/variance").Scale<{
|
|
462
462
|
readonly property: {
|
|
463
463
|
readonly physical: "minHeight";
|
|
464
464
|
readonly logical: "minBlockSize";
|
|
@@ -466,7 +466,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
466
466
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
467
467
|
readonly transform: (value: string | number) => string | 0;
|
|
468
468
|
}>;
|
|
469
|
-
minWidth?: import("@codecademy/variance
|
|
469
|
+
minWidth?: import("@codecademy/variance").Scale<{
|
|
470
470
|
readonly property: {
|
|
471
471
|
readonly physical: "minWidth";
|
|
472
472
|
readonly logical: "minInlineSize";
|
|
@@ -474,28 +474,28 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
474
474
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
475
475
|
readonly transform: (value: string | number) => string | 0;
|
|
476
476
|
}>;
|
|
477
|
-
opacity?: import("@codecademy/variance
|
|
477
|
+
opacity?: import("@codecademy/variance").Scale<{
|
|
478
478
|
readonly property: "opacity";
|
|
479
479
|
}>;
|
|
480
480
|
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;
|
|
481
|
-
overflowX?: import("@codecademy/variance
|
|
481
|
+
overflowX?: import("@codecademy/variance").Scale<{
|
|
482
482
|
readonly property: {
|
|
483
483
|
readonly physical: "overflowX";
|
|
484
484
|
readonly logical: "overflowInline";
|
|
485
485
|
};
|
|
486
486
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
487
487
|
}>;
|
|
488
|
-
overflowY?: import("@codecademy/variance
|
|
488
|
+
overflowY?: import("@codecademy/variance").Scale<{
|
|
489
489
|
readonly property: {
|
|
490
490
|
readonly physical: "overflowY";
|
|
491
491
|
readonly logical: "overflowBlock";
|
|
492
492
|
};
|
|
493
493
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
494
494
|
}>;
|
|
495
|
-
position?: import("@codecademy/variance
|
|
495
|
+
position?: import("@codecademy/variance").Scale<{
|
|
496
496
|
readonly property: "position";
|
|
497
497
|
}>;
|
|
498
|
-
right?: import("@codecademy/variance
|
|
498
|
+
right?: import("@codecademy/variance").Scale<{
|
|
499
499
|
readonly property: {
|
|
500
500
|
readonly physical: "right";
|
|
501
501
|
readonly logical: "insetInlineEnd";
|
|
@@ -503,20 +503,20 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
503
503
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
504
504
|
readonly transform: (value: string | number) => string | 0;
|
|
505
505
|
}>;
|
|
506
|
-
rowGap?: import("@codecademy/variance
|
|
506
|
+
rowGap?: import("@codecademy/variance").Scale<{
|
|
507
507
|
readonly property: "rowGap";
|
|
508
508
|
readonly scale: "spacing";
|
|
509
509
|
}>;
|
|
510
|
-
textAlign?: import("@codecademy/variance
|
|
510
|
+
textAlign?: import("@codecademy/variance").Scale<{
|
|
511
511
|
readonly property: "textAlign";
|
|
512
512
|
}>;
|
|
513
|
-
textShadow?: import("@codecademy/variance
|
|
513
|
+
textShadow?: import("@codecademy/variance").Scale<{
|
|
514
514
|
readonly property: "textShadow";
|
|
515
515
|
}>;
|
|
516
|
-
textTransform?: import("@codecademy/variance
|
|
516
|
+
textTransform?: import("@codecademy/variance").Scale<{
|
|
517
517
|
readonly property: "textTransform";
|
|
518
518
|
}>;
|
|
519
|
-
top?: import("@codecademy/variance
|
|
519
|
+
top?: import("@codecademy/variance").Scale<{
|
|
520
520
|
readonly property: {
|
|
521
521
|
readonly physical: "top";
|
|
522
522
|
readonly logical: "insetBlockStart";
|
|
@@ -524,19 +524,19 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
524
524
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
525
525
|
readonly transform: (value: string | number) => string | 0;
|
|
526
526
|
}>;
|
|
527
|
-
verticalAlign?: import("@codecademy/variance
|
|
527
|
+
verticalAlign?: import("@codecademy/variance").Scale<{
|
|
528
528
|
readonly property: "verticalAlign";
|
|
529
529
|
}>;
|
|
530
|
-
whiteSpace?: import("@codecademy/variance
|
|
530
|
+
whiteSpace?: import("@codecademy/variance").Scale<{
|
|
531
531
|
readonly property: "whiteSpace";
|
|
532
532
|
}>;
|
|
533
|
-
zIndex?: import("@codecademy/variance
|
|
533
|
+
zIndex?: import("@codecademy/variance").Scale<{
|
|
534
534
|
readonly property: "zIndex";
|
|
535
535
|
}>;
|
|
536
|
-
backgroundPosition?: import("@codecademy/variance
|
|
536
|
+
backgroundPosition?: import("@codecademy/variance").Scale<{
|
|
537
537
|
readonly property: "backgroundPosition";
|
|
538
538
|
}>;
|
|
539
|
-
borderBottom?: import("@codecademy/variance
|
|
539
|
+
borderBottom?: import("@codecademy/variance").Scale<{
|
|
540
540
|
readonly property: {
|
|
541
541
|
readonly physical: "borderBottom";
|
|
542
542
|
readonly logical: "borderBlockEnd";
|
|
@@ -544,11 +544,11 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
544
544
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
545
545
|
readonly scale: "borders";
|
|
546
546
|
}>;
|
|
547
|
-
borderColor?: import("@codecademy/variance
|
|
547
|
+
borderColor?: import("@codecademy/variance").Scale<{
|
|
548
548
|
readonly property: "borderColor";
|
|
549
549
|
readonly scale: "colors";
|
|
550
550
|
}>;
|
|
551
|
-
borderLeft?: import("@codecademy/variance
|
|
551
|
+
borderLeft?: import("@codecademy/variance").Scale<{
|
|
552
552
|
readonly property: {
|
|
553
553
|
readonly physical: "borderLeft";
|
|
554
554
|
readonly logical: "borderInlineStart";
|
|
@@ -556,11 +556,11 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
556
556
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
557
557
|
readonly scale: "borders";
|
|
558
558
|
}>;
|
|
559
|
-
borderRadius?: import("@codecademy/variance
|
|
559
|
+
borderRadius?: import("@codecademy/variance").Scale<{
|
|
560
560
|
readonly property: "borderRadius";
|
|
561
561
|
readonly scale: "borderRadii";
|
|
562
562
|
}>;
|
|
563
|
-
borderRight?: import("@codecademy/variance
|
|
563
|
+
borderRight?: import("@codecademy/variance").Scale<{
|
|
564
564
|
readonly property: {
|
|
565
565
|
readonly physical: "borderRight";
|
|
566
566
|
readonly logical: "borderInlineEnd";
|
|
@@ -568,10 +568,10 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
568
568
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
569
569
|
readonly scale: "borders";
|
|
570
570
|
}>;
|
|
571
|
-
borderStyle?: import("@codecademy/variance
|
|
571
|
+
borderStyle?: import("@codecademy/variance").Scale<{
|
|
572
572
|
readonly property: "borderStyle";
|
|
573
573
|
}>;
|
|
574
|
-
borderTop?: import("@codecademy/variance
|
|
574
|
+
borderTop?: import("@codecademy/variance").Scale<{
|
|
575
575
|
readonly property: {
|
|
576
576
|
readonly physical: "borderTop";
|
|
577
577
|
readonly logical: "borderBlockStart";
|
|
@@ -579,20 +579,20 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
579
579
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
580
580
|
readonly scale: "borders";
|
|
581
581
|
}>;
|
|
582
|
-
borderWidth?: import("@codecademy/variance
|
|
582
|
+
borderWidth?: import("@codecademy/variance").Scale<{
|
|
583
583
|
readonly property: "borderWidth";
|
|
584
584
|
}>;
|
|
585
|
-
flex?: import("@codecademy/variance
|
|
585
|
+
flex?: import("@codecademy/variance").Scale<{
|
|
586
586
|
readonly property: "flex";
|
|
587
587
|
}>;
|
|
588
|
-
gap?: import("@codecademy/variance
|
|
588
|
+
gap?: import("@codecademy/variance").Scale<{
|
|
589
589
|
readonly property: "gap";
|
|
590
590
|
readonly scale: "spacing";
|
|
591
591
|
}>;
|
|
592
|
-
gridArea?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
593
|
-
gridColumn?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
594
|
-
gridRow?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) |
|
|
595
|
-
inset?: import("@codecademy/variance
|
|
592
|
+
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;
|
|
593
|
+
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;
|
|
594
|
+
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;
|
|
595
|
+
inset?: import("@codecademy/variance").Scale<{
|
|
596
596
|
readonly property: "inset";
|
|
597
597
|
readonly properties: {
|
|
598
598
|
readonly physical: readonly ["top", "right", "bottom", "left"];
|
|
@@ -601,20 +601,16 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
601
601
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
602
602
|
readonly transform: (value: string | number) => string | 0;
|
|
603
603
|
}>;
|
|
604
|
-
listStyle?: import("@codecademy/variance
|
|
604
|
+
listStyle?: import("@codecademy/variance").Scale<{
|
|
605
605
|
readonly property: "listStyle";
|
|
606
606
|
}>;
|
|
607
|
-
overflow?: import("@codecademy/variance
|
|
607
|
+
overflow?: import("@codecademy/variance").Scale<{
|
|
608
608
|
readonly property: "overflow";
|
|
609
609
|
}>;
|
|
610
|
-
textDecoration?: import("@codecademy/variance
|
|
610
|
+
textDecoration?: import("@codecademy/variance").Scale<{
|
|
611
611
|
readonly property: "textDecoration";
|
|
612
612
|
}>;
|
|
613
|
-
|
|
614
|
-
column?: boolean | undefined;
|
|
615
|
-
row?: boolean | undefined;
|
|
616
|
-
wrap?: boolean | undefined;
|
|
617
|
-
px?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
613
|
+
px?: import("@codecademy/variance").Scale<{
|
|
618
614
|
readonly property: "padding";
|
|
619
615
|
readonly properties: {
|
|
620
616
|
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
@@ -623,7 +619,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
623
619
|
readonly scale: "spacing";
|
|
624
620
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
625
621
|
}>;
|
|
626
|
-
py?: import("@codecademy/variance
|
|
622
|
+
py?: import("@codecademy/variance").Scale<{
|
|
627
623
|
readonly property: "padding";
|
|
628
624
|
readonly properties: {
|
|
629
625
|
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
@@ -632,7 +628,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
632
628
|
readonly scale: "spacing";
|
|
633
629
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
634
630
|
}>;
|
|
635
|
-
pt?: import("@codecademy/variance
|
|
631
|
+
pt?: import("@codecademy/variance").Scale<{
|
|
636
632
|
readonly property: {
|
|
637
633
|
readonly physical: "paddingTop";
|
|
638
634
|
readonly logical: "paddingBlockStart";
|
|
@@ -640,7 +636,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
640
636
|
readonly scale: "spacing";
|
|
641
637
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
642
638
|
}>;
|
|
643
|
-
pb?: import("@codecademy/variance
|
|
639
|
+
pb?: import("@codecademy/variance").Scale<{
|
|
644
640
|
readonly property: {
|
|
645
641
|
readonly physical: "paddingBottom";
|
|
646
642
|
readonly logical: "paddingBlockEnd";
|
|
@@ -648,7 +644,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
648
644
|
readonly scale: "spacing";
|
|
649
645
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
650
646
|
}>;
|
|
651
|
-
pr?: import("@codecademy/variance
|
|
647
|
+
pr?: import("@codecademy/variance").Scale<{
|
|
652
648
|
readonly property: {
|
|
653
649
|
readonly physical: "paddingRight";
|
|
654
650
|
readonly logical: "paddingInlineEnd";
|
|
@@ -656,7 +652,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
656
652
|
readonly scale: "spacing";
|
|
657
653
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
658
654
|
}>;
|
|
659
|
-
pl?: import("@codecademy/variance
|
|
655
|
+
pl?: import("@codecademy/variance").Scale<{
|
|
660
656
|
readonly property: {
|
|
661
657
|
readonly physical: "paddingLeft";
|
|
662
658
|
readonly logical: "paddingInlineStart";
|
|
@@ -664,11 +660,11 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
664
660
|
readonly scale: "spacing";
|
|
665
661
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
666
662
|
}>;
|
|
667
|
-
m?: import("@codecademy/variance
|
|
663
|
+
m?: import("@codecademy/variance").Scale<{
|
|
668
664
|
readonly property: "margin";
|
|
669
665
|
readonly scale: "spacing";
|
|
670
666
|
}>;
|
|
671
|
-
mx?: import("@codecademy/variance
|
|
667
|
+
mx?: import("@codecademy/variance").Scale<{
|
|
672
668
|
readonly property: "margin";
|
|
673
669
|
readonly properties: {
|
|
674
670
|
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
@@ -677,7 +673,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
677
673
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
678
674
|
readonly scale: "spacing";
|
|
679
675
|
}>;
|
|
680
|
-
my?: import("@codecademy/variance
|
|
676
|
+
my?: import("@codecademy/variance").Scale<{
|
|
681
677
|
readonly property: "margin";
|
|
682
678
|
readonly properties: {
|
|
683
679
|
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
@@ -686,7 +682,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
686
682
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
687
683
|
readonly scale: "spacing";
|
|
688
684
|
}>;
|
|
689
|
-
mt?: import("@codecademy/variance
|
|
685
|
+
mt?: import("@codecademy/variance").Scale<{
|
|
690
686
|
readonly property: {
|
|
691
687
|
readonly physical: "marginTop";
|
|
692
688
|
readonly logical: "marginBlockStart";
|
|
@@ -694,7 +690,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
694
690
|
readonly scale: "spacing";
|
|
695
691
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
696
692
|
}>;
|
|
697
|
-
mb?: import("@codecademy/variance
|
|
693
|
+
mb?: import("@codecademy/variance").Scale<{
|
|
698
694
|
readonly property: {
|
|
699
695
|
readonly physical: "marginBottom";
|
|
700
696
|
readonly logical: "marginBlockEnd";
|
|
@@ -702,7 +698,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
702
698
|
readonly scale: "spacing";
|
|
703
699
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
704
700
|
}>;
|
|
705
|
-
mr?: import("@codecademy/variance
|
|
701
|
+
mr?: import("@codecademy/variance").Scale<{
|
|
706
702
|
readonly property: {
|
|
707
703
|
readonly physical: "marginRight";
|
|
708
704
|
readonly logical: "marginInlineEnd";
|
|
@@ -710,7 +706,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
710
706
|
readonly scale: "spacing";
|
|
711
707
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
712
708
|
}>;
|
|
713
|
-
ml?: import("@codecademy/variance
|
|
709
|
+
ml?: import("@codecademy/variance").Scale<{
|
|
714
710
|
readonly property: {
|
|
715
711
|
readonly physical: "marginLeft";
|
|
716
712
|
readonly logical: "marginInlineStart";
|
|
@@ -718,7 +714,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
718
714
|
readonly scale: "spacing";
|
|
719
715
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
720
716
|
}>;
|
|
721
|
-
borderX?: import("@codecademy/variance
|
|
717
|
+
borderX?: import("@codecademy/variance").Scale<{
|
|
722
718
|
readonly property: "border";
|
|
723
719
|
readonly properties: {
|
|
724
720
|
readonly physical: readonly ["borderLeft", "borderRight"];
|
|
@@ -727,7 +723,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
727
723
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
728
724
|
readonly scale: "borders";
|
|
729
725
|
}>;
|
|
730
|
-
borderY?: import("@codecademy/variance
|
|
726
|
+
borderY?: import("@codecademy/variance").Scale<{
|
|
731
727
|
readonly property: "border";
|
|
732
728
|
readonly properties: {
|
|
733
729
|
readonly physical: readonly ["borderTop", "borderBottom"];
|
|
@@ -736,7 +732,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
736
732
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
737
733
|
readonly scale: "borders";
|
|
738
734
|
}>;
|
|
739
|
-
borderWidthX?: import("@codecademy/variance
|
|
735
|
+
borderWidthX?: import("@codecademy/variance").Scale<{
|
|
740
736
|
readonly property: "borderWidth";
|
|
741
737
|
readonly properties: {
|
|
742
738
|
readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
|
|
@@ -744,7 +740,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
744
740
|
};
|
|
745
741
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
746
742
|
}>;
|
|
747
|
-
borderWidthY?: import("@codecademy/variance
|
|
743
|
+
borderWidthY?: import("@codecademy/variance").Scale<{
|
|
748
744
|
readonly property: "borderWidth";
|
|
749
745
|
readonly properties: {
|
|
750
746
|
readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
|
|
@@ -752,35 +748,35 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
752
748
|
};
|
|
753
749
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
754
750
|
}>;
|
|
755
|
-
borderWidthLeft?: import("@codecademy/variance
|
|
751
|
+
borderWidthLeft?: import("@codecademy/variance").Scale<{
|
|
756
752
|
readonly property: {
|
|
757
753
|
readonly physical: "borderLeftWidth";
|
|
758
754
|
readonly logical: "borderInlineStartWidth";
|
|
759
755
|
};
|
|
760
756
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
761
757
|
}>;
|
|
762
|
-
borderWidthRight?: import("@codecademy/variance
|
|
758
|
+
borderWidthRight?: import("@codecademy/variance").Scale<{
|
|
763
759
|
readonly property: {
|
|
764
760
|
readonly physical: "borderRightWidth";
|
|
765
761
|
readonly logical: "borderInlineEndWidth";
|
|
766
762
|
};
|
|
767
763
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
768
764
|
}>;
|
|
769
|
-
borderWidthTop?: import("@codecademy/variance
|
|
765
|
+
borderWidthTop?: import("@codecademy/variance").Scale<{
|
|
770
766
|
readonly property: {
|
|
771
767
|
readonly physical: "borderTopWidth";
|
|
772
768
|
readonly logical: "borderBlockStartWidth";
|
|
773
769
|
};
|
|
774
770
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
775
771
|
}>;
|
|
776
|
-
borderWidthBottom?: import("@codecademy/variance
|
|
772
|
+
borderWidthBottom?: import("@codecademy/variance").Scale<{
|
|
777
773
|
readonly property: {
|
|
778
774
|
readonly physical: "borderBottomWidth";
|
|
779
775
|
readonly logical: "borderBlockEndWidth";
|
|
780
776
|
};
|
|
781
777
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
782
778
|
}>;
|
|
783
|
-
borderRadiusLeft?: import("@codecademy/variance
|
|
779
|
+
borderRadiusLeft?: import("@codecademy/variance").Scale<{
|
|
784
780
|
readonly property: "borderRadius";
|
|
785
781
|
readonly properties: {
|
|
786
782
|
readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
|
|
@@ -789,7 +785,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
789
785
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
790
786
|
readonly scale: "borderRadii";
|
|
791
787
|
}>;
|
|
792
|
-
borderRadiusTop?: import("@codecademy/variance
|
|
788
|
+
borderRadiusTop?: import("@codecademy/variance").Scale<{
|
|
793
789
|
readonly property: "borderRadius";
|
|
794
790
|
readonly properties: {
|
|
795
791
|
readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
|
|
@@ -798,7 +794,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
798
794
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
799
795
|
readonly scale: "borderRadii";
|
|
800
796
|
}>;
|
|
801
|
-
borderRadiusBottom?: import("@codecademy/variance
|
|
797
|
+
borderRadiusBottom?: import("@codecademy/variance").Scale<{
|
|
802
798
|
readonly property: "borderRadius";
|
|
803
799
|
readonly properties: {
|
|
804
800
|
readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
|
|
@@ -807,7 +803,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
807
803
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
808
804
|
readonly scale: "borderRadii";
|
|
809
805
|
}>;
|
|
810
|
-
borderRadiusRight?: import("@codecademy/variance
|
|
806
|
+
borderRadiusRight?: import("@codecademy/variance").Scale<{
|
|
811
807
|
readonly property: "borderRadius";
|
|
812
808
|
readonly properties: {
|
|
813
809
|
readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
|
|
@@ -816,7 +812,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
816
812
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
817
813
|
readonly scale: "borderRadii";
|
|
818
814
|
}>;
|
|
819
|
-
borderRadiusTopLeft?: import("@codecademy/variance
|
|
815
|
+
borderRadiusTopLeft?: import("@codecademy/variance").Scale<{
|
|
820
816
|
readonly property: {
|
|
821
817
|
readonly physical: "borderTopLeftRadius";
|
|
822
818
|
readonly logical: "borderStartStartRadius";
|
|
@@ -824,7 +820,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
824
820
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
825
821
|
readonly scale: "borderRadii";
|
|
826
822
|
}>;
|
|
827
|
-
borderRadiusTopRight?: import("@codecademy/variance
|
|
823
|
+
borderRadiusTopRight?: import("@codecademy/variance").Scale<{
|
|
828
824
|
readonly property: {
|
|
829
825
|
readonly physical: "borderTopRightRadius";
|
|
830
826
|
readonly logical: "borderStartEndRadius";
|
|
@@ -832,7 +828,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
832
828
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
833
829
|
readonly scale: "borderRadii";
|
|
834
830
|
}>;
|
|
835
|
-
borderRadiusBottomRight?: import("@codecademy/variance
|
|
831
|
+
borderRadiusBottomRight?: import("@codecademy/variance").Scale<{
|
|
836
832
|
readonly property: {
|
|
837
833
|
readonly physical: "borderBottomRightRadius";
|
|
838
834
|
readonly logical: "borderEndEndRadius";
|
|
@@ -840,7 +836,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
840
836
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
841
837
|
readonly scale: "borderRadii";
|
|
842
838
|
}>;
|
|
843
|
-
borderRadiusBottomLeft?: import("@codecademy/variance
|
|
839
|
+
borderRadiusBottomLeft?: import("@codecademy/variance").Scale<{
|
|
844
840
|
readonly property: {
|
|
845
841
|
readonly physical: "borderBottomLeftRadius";
|
|
846
842
|
readonly logical: "borderEndStartRadius";
|
|
@@ -848,7 +844,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
848
844
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
849
845
|
readonly scale: "borderRadii";
|
|
850
846
|
}>;
|
|
851
|
-
borderStyleX?: import("@codecademy/variance
|
|
847
|
+
borderStyleX?: import("@codecademy/variance").Scale<{
|
|
852
848
|
readonly property: "borderStyle";
|
|
853
849
|
readonly properties: {
|
|
854
850
|
readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
|
|
@@ -856,7 +852,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
856
852
|
};
|
|
857
853
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
858
854
|
}>;
|
|
859
|
-
borderStyleY?: import("@codecademy/variance
|
|
855
|
+
borderStyleY?: import("@codecademy/variance").Scale<{
|
|
860
856
|
readonly property: "borderStyle";
|
|
861
857
|
readonly properties: {
|
|
862
858
|
readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
|
|
@@ -864,35 +860,35 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
864
860
|
};
|
|
865
861
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
866
862
|
}>;
|
|
867
|
-
borderStyleLeft?: import("@codecademy/variance
|
|
863
|
+
borderStyleLeft?: import("@codecademy/variance").Scale<{
|
|
868
864
|
readonly property: {
|
|
869
865
|
readonly physical: "borderLeftStyle";
|
|
870
866
|
readonly logical: "borderInlineStartStyle";
|
|
871
867
|
};
|
|
872
868
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
873
869
|
}>;
|
|
874
|
-
borderStyleRight?: import("@codecademy/variance
|
|
870
|
+
borderStyleRight?: import("@codecademy/variance").Scale<{
|
|
875
871
|
readonly property: {
|
|
876
872
|
readonly physical: "borderRightStyle";
|
|
877
873
|
readonly logical: "borderInlineEndStyle";
|
|
878
874
|
};
|
|
879
875
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
880
876
|
}>;
|
|
881
|
-
borderStyleTop?: import("@codecademy/variance
|
|
877
|
+
borderStyleTop?: import("@codecademy/variance").Scale<{
|
|
882
878
|
readonly property: {
|
|
883
879
|
readonly physical: "borderTopStyle";
|
|
884
880
|
readonly logical: "borderBlockStartStyle";
|
|
885
881
|
};
|
|
886
882
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
887
883
|
}>;
|
|
888
|
-
borderStyleBottom?: import("@codecademy/variance
|
|
884
|
+
borderStyleBottom?: import("@codecademy/variance").Scale<{
|
|
889
885
|
readonly property: {
|
|
890
886
|
readonly physical: "borderBottomStyle";
|
|
891
887
|
readonly logical: "borderBlockEndStyle";
|
|
892
888
|
};
|
|
893
889
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
894
890
|
}>;
|
|
895
|
-
dimensions?: import("@codecademy/variance
|
|
891
|
+
dimensions?: import("@codecademy/variance").Scale<{
|
|
896
892
|
readonly property: "width";
|
|
897
893
|
readonly properties: {
|
|
898
894
|
readonly physical: readonly ["width", "height"];
|
|
@@ -901,15 +897,15 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
901
897
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
902
898
|
readonly transform: (value: string | number) => string | 0;
|
|
903
899
|
}>;
|
|
904
|
-
textColor?: import("@codecademy/variance
|
|
900
|
+
textColor?: import("@codecademy/variance").Scale<{
|
|
905
901
|
readonly property: "color";
|
|
906
902
|
readonly scale: "colors";
|
|
907
903
|
}>;
|
|
908
|
-
bg?: import("@codecademy/variance
|
|
904
|
+
bg?: import("@codecademy/variance").Scale<{
|
|
909
905
|
readonly property: "backgroundColor";
|
|
910
906
|
readonly scale: "colors";
|
|
911
907
|
}>;
|
|
912
|
-
borderColorX?: import("@codecademy/variance
|
|
908
|
+
borderColorX?: import("@codecademy/variance").Scale<{
|
|
913
909
|
readonly property: "borderColor";
|
|
914
910
|
readonly properties: {
|
|
915
911
|
readonly physical: readonly ["borderLeftColor", "borderRightColor"];
|
|
@@ -918,7 +914,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
918
914
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
919
915
|
readonly scale: "colors";
|
|
920
916
|
}>;
|
|
921
|
-
borderColorY?: import("@codecademy/variance
|
|
917
|
+
borderColorY?: import("@codecademy/variance").Scale<{
|
|
922
918
|
readonly property: "borderColor";
|
|
923
919
|
readonly properties: {
|
|
924
920
|
readonly physical: readonly ["borderTopColor", "borderBottomColor"];
|
|
@@ -927,31 +923,37 @@ export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
|
927
923
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
928
924
|
readonly scale: "colors";
|
|
929
925
|
}>;
|
|
930
|
-
borderColorLeft?: import("@codecademy/variance
|
|
926
|
+
borderColorLeft?: import("@codecademy/variance").Scale<{
|
|
931
927
|
readonly property: "borderLeftColor";
|
|
932
928
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
933
929
|
readonly scale: "colors";
|
|
934
930
|
}>;
|
|
935
|
-
borderColorRight?: import("@codecademy/variance
|
|
931
|
+
borderColorRight?: import("@codecademy/variance").Scale<{
|
|
936
932
|
readonly property: "borderRightColor";
|
|
937
933
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
938
934
|
readonly scale: "colors";
|
|
939
935
|
}>;
|
|
940
|
-
borderColorTop?: import("@codecademy/variance
|
|
936
|
+
borderColorTop?: import("@codecademy/variance").Scale<{
|
|
941
937
|
readonly property: "borderTopColor";
|
|
942
938
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
943
939
|
readonly scale: "colors";
|
|
944
940
|
}>;
|
|
945
|
-
borderColorBottom?: import("@codecademy/variance
|
|
941
|
+
borderColorBottom?: import("@codecademy/variance").Scale<{
|
|
946
942
|
readonly property: "borderBottomColor";
|
|
947
943
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
948
944
|
readonly scale: "colors";
|
|
949
945
|
}>;
|
|
946
|
+
column?: boolean | undefined;
|
|
950
947
|
theme?: import("@emotion/react").Theme | undefined;
|
|
948
|
+
inline?: boolean | undefined;
|
|
949
|
+
wrap?: boolean | undefined;
|
|
950
|
+
row?: boolean | undefined;
|
|
951
951
|
fit?: boolean | undefined;
|
|
952
952
|
context?: boolean | undefined;
|
|
953
953
|
"no-select"?: boolean | undefined;
|
|
954
954
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
955
|
-
} & import("framer-motion").MotionProps & {
|
|
955
|
+
} & import("framer-motion").MotionProps, "children"> & {
|
|
956
|
+
children?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal | import("motion-dom").MotionValue<number> | import("motion-dom").MotionValue<string> | (string & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (string & Iterable<import("react").ReactNode>) | (string & import("react").ReactPortal) | (number & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (number & Iterable<import("react").ReactNode>) | (number & import("react").ReactPortal) | (false & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (false & Iterable<import("react").ReactNode>) | (false & import("react").ReactPortal) | (true & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (true & Iterable<import("react").ReactNode>) | (true & import("react").ReactPortal) | (import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & string) | (import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & number) | (import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & false) | (import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & true) | (import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & Iterable<import("react").ReactNode>) | (import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & import("react").ReactPortal) | (Iterable<import("react").ReactNode> & string) | (Iterable<import("react").ReactNode> & number) | (Iterable<import("react").ReactNode> & false) | (Iterable<import("react").ReactNode> & true) | (Iterable<import("react").ReactNode> & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (Iterable<import("react").ReactNode> & import("react").ReactPortal) | (import("react").ReactPortal & string) | (import("react").ReactPortal & number) | (import("react").ReactPortal & false) | (import("react").ReactPortal & true) | (import("react").ReactPortal & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (import("react").ReactPortal & Iterable<import("react").ReactNode>) | (import("react").ReactNode[] & string) | (import("react").ReactNode[] & number) | (import("react").ReactNode[] & false) | (import("react").ReactNode[] & true) | (import("react").ReactNode[] & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (import("react").ReactNode[] & Iterable<import("react").ReactNode>) | (import("react").ReactNode[] & import("react").ReactPortal) | null | undefined;
|
|
957
|
+
} & {
|
|
956
958
|
theme?: import("@emotion/react").Theme;
|
|
957
959
|
}, {}, {}>;
|