@codecademy/gamut 72.2.2-alpha.dfb0a2.0 → 72.2.2-alpha.f96392.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 +9 -19
- package/dist/Anchor/index.js +6 -9
- package/dist/BarChart/BarRow/elements.d.ts +154 -156
- package/dist/BarChart/utils/hooks.d.ts +2 -2
- package/dist/BarChart/utils/hooks.js +1 -3
- package/dist/Box/GridBox.d.ts +0 -1
- 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 +4 -9
- package/dist/ButtonBase/ButtonBase.js +4 -11
- package/dist/ButtonBase/index.d.ts +1 -1
- package/dist/ButtonBase/index.js +1 -1
- package/dist/Card/elements.d.ts +430 -436
- 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 +7 -5
- package/dist/ConnectedForm/ConnectedInputs/ConnectedCheckbox.js +3 -1
- package/dist/ConnectedForm/utils.d.ts +1 -1
- package/dist/ConnectedForm/utils.js +1 -1
- package/dist/DataList/Tables/Rows/TableRow.js +5 -1
- package/dist/DatePicker/DatePickerInput/index.d.ts +1 -1
- package/dist/Disclosure/elements.d.ts +18 -24
- 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 +1 -2
- package/dist/Form/elements/Form.d.ts +93 -93
- package/dist/Form/elements/FormGroup.d.ts +1 -1
- package/dist/Form/index.d.ts +0 -2
- package/dist/Form/index.js +1 -2
- 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 +3 -2
- package/dist/List/elements.d.ts +151 -153
- package/dist/Markdown/index.d.ts +1 -1
- package/dist/Markdown/index.js +1 -1
- package/dist/Menu/MenuItem.js +8 -11
- package/dist/Menu/MenuSeparator.js +2 -2
- package/dist/Menu/elements.d.ts +2 -2
- package/dist/Menu/index.d.ts +0 -1
- package/dist/Menu/index.js +1 -2
- package/dist/Modals/Dialog.js +2 -6
- package/dist/Modals/Modal.js +2 -5
- package/dist/Modals/elements.d.ts +35 -35
- package/dist/Pagination/AnimatedPaginationButtons.d.ts +108 -110
- package/dist/Pagination/EllipsisButton.d.ts +4 -4
- package/dist/Pagination/PaginationButton.d.ts +6 -6
- package/dist/Pagination/utils.d.ts +108 -110
- package/dist/Pagination/utils.js +11 -14
- package/dist/PatternBackdrop/PatternBackdrop.d.ts +34 -34
- package/dist/Popover/Popover.js +6 -6
- package/dist/Popover/types.d.ts +3 -4
- package/dist/PopoverContainer/PopoverContainer.js +9 -9
- package/dist/PopoverContainer/hooks.d.ts +4 -16
- package/dist/PopoverContainer/hooks.js +27 -50
- package/dist/PopoverContainer/types.d.ts +1 -2
- 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 +10 -16
- package/dist/Tag/index.js +1 -1
- package/dist/Tip/InfoTip/InfoTipButton.d.ts +4 -4
- package/dist/Tip/PreviewTip/elements.d.ts +6 -12
- 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 +1 -2
- package/dist/Typography/Text.js +2 -3
- package/dist/Video/lib/VidstackPlayer.d.ts +1 -1
- package/dist/Video/lib/VidstackPlayer.js +12 -5
- package/dist/Video/styles.d.ts +1 -0
- package/dist/Video/styles.js +10 -0
- package/dist/Video/vidstack-vendor.css +3 -0
- package/dist/utils/react.js +2 -4
- package/package.json +12 -19
- package/dist/Video/styles/vds_base_theme.scss +0 -101
- package/dist/utils/nullish.d.ts +0 -10
- package/dist/utils/nullish.js +0 -11
|
@@ -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" | keyof import("react").ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "
|
|
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" | "type" | keyof import("react").ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "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" | "media" | "target" | "type" | "href" | keyof import("react").ClassAttributes<HTMLAnchorElement> | "download" | "hrefLang" | "ping" | "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").Scale<{
|
|
42
|
+
export declare const Bar: import("@emotion/styled").StyledComponent<{
|
|
43
|
+
color?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
44
44
|
readonly property: "color";
|
|
45
45
|
readonly scale: "colors";
|
|
46
46
|
}>;
|
|
47
|
-
fontSize?: import("@codecademy/variance").Scale<{
|
|
47
|
+
fontSize?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
48
48
|
readonly property: "fontSize";
|
|
49
49
|
readonly scale: "fontSize";
|
|
50
50
|
}>;
|
|
51
|
-
fontFamily?: import("@codecademy/variance").Scale<{
|
|
51
|
+
fontFamily?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
52
52
|
readonly property: "fontFamily";
|
|
53
53
|
readonly scale: "fontFamily";
|
|
54
54
|
}>;
|
|
55
|
-
lineHeight?: import("@codecademy/variance").Scale<{
|
|
55
|
+
lineHeight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
56
56
|
readonly property: "lineHeight";
|
|
57
57
|
readonly scale: "lineHeight";
|
|
58
58
|
}>;
|
|
59
|
-
fontWeight?: import("@codecademy/variance").Scale<{
|
|
59
|
+
fontWeight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
60
60
|
readonly property: "fontWeight";
|
|
61
61
|
readonly scale: "fontWeight";
|
|
62
62
|
}>;
|
|
63
|
-
background?: import("@codecademy/variance").Scale<{
|
|
63
|
+
background?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
64
64
|
readonly property: "background";
|
|
65
65
|
}>;
|
|
66
|
-
border?: import("@codecademy/variance").Scale<{
|
|
66
|
+
border?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
67
67
|
readonly property: "border";
|
|
68
68
|
readonly scale: "borders";
|
|
69
69
|
}>;
|
|
70
|
-
p?: import("@codecademy/variance").Scale<{
|
|
70
|
+
p?: import("@codecademy/variance/dist/types/config").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<Omit<{
|
|
|
76
76
|
center?: boolean | undefined;
|
|
77
77
|
dir?: string | undefined;
|
|
78
78
|
className?: string | undefined;
|
|
79
|
-
height?: import("@codecademy/variance").Scale<{
|
|
79
|
+
height?: import("@codecademy/variance/dist/types/config").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<Omit<{
|
|
|
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").Scale<{
|
|
87
|
+
width?: import("@codecademy/variance/dist/types/config").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<Omit<{
|
|
|
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 | "false" | "true") | 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<Omit<{
|
|
|
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 | "false" | "true") | "plaintext-only" | undefined;
|
|
106
106
|
contextMenu?: string | undefined;
|
|
107
|
-
draggable?: (boolean | "
|
|
108
|
-
enterKeyHint?: "search" | "
|
|
107
|
+
draggable?: (boolean | "false" | "true") | undefined;
|
|
108
|
+
enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "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 | "false" | "true") | undefined;
|
|
114
114
|
tabIndex?: number | undefined;
|
|
115
|
-
translate?: "
|
|
115
|
+
translate?: "no" | "yes" | 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<Omit<{
|
|
|
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 | "false" | "true") | undefined;
|
|
145
|
+
"aria-autocomplete"?: "none" | "inline" | "both" | "list" | 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 | "false" | "true") | undefined;
|
|
149
|
+
"aria-checked"?: boolean | "mixed" | "false" | "true" | 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" | "false" | "true" | "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 | "false" | "true") | 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 | "false" | "true") | 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 | "false" | "true") | undefined;
|
|
165
|
+
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
|
|
166
|
+
"aria-invalid"?: boolean | "false" | "true" | "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 | "false" | "true") | undefined;
|
|
173
|
+
"aria-multiline"?: (boolean | "false" | "true") | undefined;
|
|
174
|
+
"aria-multiselectable"?: (boolean | "false" | "true") | 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 | "mixed" | "false" | "true" | undefined;
|
|
180
|
+
"aria-readonly"?: (boolean | "false" | "true") | 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 | "false" | "true") | 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 | "false" | "true") | 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<Omit<{
|
|
|
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").Scale<{
|
|
352
|
+
alignContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | "space-evenly" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | undefined;
|
|
353
|
+
alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | undefined;
|
|
354
|
+
alignSelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | undefined;
|
|
355
|
+
backgroundImage?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
356
356
|
readonly property: "backgroundImage";
|
|
357
357
|
}>;
|
|
358
|
-
backgroundRepeat?: import("@codecademy/variance").Scale<{
|
|
358
|
+
backgroundRepeat?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
359
359
|
readonly property: "backgroundRepeat";
|
|
360
360
|
}>;
|
|
361
|
-
backgroundSize?: import("@codecademy/variance").Scale<{
|
|
361
|
+
backgroundSize?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
362
362
|
readonly property: "backgroundSize";
|
|
363
363
|
}>;
|
|
364
|
-
bottom?: import("@codecademy/variance").Scale<{
|
|
364
|
+
bottom?: import("@codecademy/variance/dist/types/config").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<Omit<{
|
|
|
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").Scale<{
|
|
372
|
+
boxShadow?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
373
373
|
readonly property: "boxShadow";
|
|
374
374
|
}>;
|
|
375
|
-
columnGap?: import("@codecademy/variance").Scale<{
|
|
375
|
+
columnGap?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
376
376
|
readonly property: "columnGap";
|
|
377
377
|
readonly scale: "spacing";
|
|
378
378
|
}>;
|
|
379
|
-
containerType?: import("@codecademy/variance").Scale<{
|
|
379
|
+
containerType?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
380
380
|
readonly property: "containerType";
|
|
381
381
|
}>;
|
|
382
|
-
direction?: import("@codecademy/variance").Scale<{
|
|
382
|
+
direction?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
383
383
|
readonly property: "direction";
|
|
384
384
|
}>;
|
|
385
|
-
display?: import("@codecademy/variance").Scale<{
|
|
385
|
+
display?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
386
386
|
readonly property: "display";
|
|
387
387
|
}>;
|
|
388
|
-
flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "
|
|
389
|
-
flexDirection?: import("@codecademy/variance").Scale<{
|
|
388
|
+
flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "auto" | "fit-content" | "max-content" | "min-content" | "-webkit-auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | undefined;
|
|
389
|
+
flexDirection?: import("@codecademy/variance/dist/types/config").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").Scale<{
|
|
394
|
+
flexWrap?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
395
395
|
readonly property: "flexWrap";
|
|
396
396
|
}>;
|
|
397
|
-
fontStyle?: import("@codecademy/variance").Scale<{
|
|
397
|
+
fontStyle?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
398
398
|
readonly property: "fontStyle";
|
|
399
399
|
}>;
|
|
400
|
-
gridAutoColumns?: import("@codecademy/variance").Scale<{
|
|
400
|
+
gridAutoColumns?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
401
401
|
readonly property: "gridAutoColumns";
|
|
402
402
|
}>;
|
|
403
|
-
gridAutoFlow?: import("@codecademy/variance").Scale<{
|
|
403
|
+
gridAutoFlow?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
404
404
|
readonly property: "gridAutoFlow";
|
|
405
405
|
}>;
|
|
406
|
-
gridAutoRows?: import("@codecademy/variance").Scale<{
|
|
406
|
+
gridAutoRows?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
407
407
|
readonly property: "gridAutoRows";
|
|
408
408
|
}>;
|
|
409
|
-
gridColumnEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
410
|
-
gridColumnStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
411
|
-
gridRowEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
412
|
-
gridRowStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
413
|
-
gridTemplateAreas?: import("@codecademy/variance").Scale<{
|
|
409
|
+
gridColumnEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | undefined;
|
|
410
|
+
gridColumnStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | undefined;
|
|
411
|
+
gridRowEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | undefined;
|
|
412
|
+
gridRowStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | undefined;
|
|
413
|
+
gridTemplateAreas?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
414
414
|
readonly property: "gridTemplateAreas";
|
|
415
415
|
}>;
|
|
416
|
-
gridTemplateColumns?: import("@codecademy/variance").Scale<{
|
|
416
|
+
gridTemplateColumns?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
417
417
|
readonly property: "gridTemplateColumns";
|
|
418
418
|
}>;
|
|
419
|
-
gridTemplateRows?: import("@codecademy/variance").Scale<{
|
|
419
|
+
gridTemplateRows?: import("@codecademy/variance/dist/types/config").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").Scale<{
|
|
422
|
+
justifyContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | "space-evenly" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | undefined;
|
|
423
|
+
justifyItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | "legacy" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | undefined;
|
|
424
|
+
justifySelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | undefined;
|
|
425
|
+
left?: import("@codecademy/variance/dist/types/config").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<Omit<{
|
|
|
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").Scale<{
|
|
433
|
+
letterSpacing?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
434
434
|
readonly property: "letterSpacing";
|
|
435
435
|
}>;
|
|
436
|
-
listStyleImage?: import("@codecademy/variance").Scale<{
|
|
436
|
+
listStyleImage?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
437
437
|
readonly property: "listStyleImage";
|
|
438
438
|
}>;
|
|
439
|
-
listStylePosition?: import("@codecademy/variance").Scale<{
|
|
439
|
+
listStylePosition?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
440
440
|
readonly property: "listStylePosition";
|
|
441
441
|
}>;
|
|
442
|
-
listStyleType?: import("@codecademy/variance").Scale<{
|
|
442
|
+
listStyleType?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
443
443
|
readonly property: "listStyleType";
|
|
444
444
|
}>;
|
|
445
|
-
maxHeight?: import("@codecademy/variance").Scale<{
|
|
445
|
+
maxHeight?: import("@codecademy/variance/dist/types/config").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<Omit<{
|
|
|
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").Scale<{
|
|
453
|
+
maxWidth?: import("@codecademy/variance/dist/types/config").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<Omit<{
|
|
|
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").Scale<{
|
|
461
|
+
minHeight?: import("@codecademy/variance/dist/types/config").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<Omit<{
|
|
|
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").Scale<{
|
|
469
|
+
minWidth?: import("@codecademy/variance/dist/types/config").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<Omit<{
|
|
|
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").Scale<{
|
|
477
|
+
opacity?: import("@codecademy/variance/dist/types/config").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").Scale<{
|
|
481
|
+
overflowX?: import("@codecademy/variance/dist/types/config").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").Scale<{
|
|
488
|
+
overflowY?: import("@codecademy/variance/dist/types/config").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").Scale<{
|
|
495
|
+
position?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
496
496
|
readonly property: "position";
|
|
497
497
|
}>;
|
|
498
|
-
right?: import("@codecademy/variance").Scale<{
|
|
498
|
+
right?: import("@codecademy/variance/dist/types/config").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<Omit<{
|
|
|
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").Scale<{
|
|
506
|
+
rowGap?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
507
507
|
readonly property: "rowGap";
|
|
508
508
|
readonly scale: "spacing";
|
|
509
509
|
}>;
|
|
510
|
-
textAlign?: import("@codecademy/variance").Scale<{
|
|
510
|
+
textAlign?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
511
511
|
readonly property: "textAlign";
|
|
512
512
|
}>;
|
|
513
|
-
textShadow?: import("@codecademy/variance").Scale<{
|
|
513
|
+
textShadow?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
514
514
|
readonly property: "textShadow";
|
|
515
515
|
}>;
|
|
516
|
-
textTransform?: import("@codecademy/variance").Scale<{
|
|
516
|
+
textTransform?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
517
517
|
readonly property: "textTransform";
|
|
518
518
|
}>;
|
|
519
|
-
top?: import("@codecademy/variance").Scale<{
|
|
519
|
+
top?: import("@codecademy/variance/dist/types/config").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<Omit<{
|
|
|
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").Scale<{
|
|
527
|
+
verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
528
528
|
readonly property: "verticalAlign";
|
|
529
529
|
}>;
|
|
530
|
-
whiteSpace?: import("@codecademy/variance").Scale<{
|
|
530
|
+
whiteSpace?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
531
531
|
readonly property: "whiteSpace";
|
|
532
532
|
}>;
|
|
533
|
-
zIndex?: import("@codecademy/variance").Scale<{
|
|
533
|
+
zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
534
534
|
readonly property: "zIndex";
|
|
535
535
|
}>;
|
|
536
|
-
backgroundPosition?: import("@codecademy/variance").Scale<{
|
|
536
|
+
backgroundPosition?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
537
537
|
readonly property: "backgroundPosition";
|
|
538
538
|
}>;
|
|
539
|
-
borderBottom?: import("@codecademy/variance").Scale<{
|
|
539
|
+
borderBottom?: import("@codecademy/variance/dist/types/config").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<Omit<{
|
|
|
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").Scale<{
|
|
547
|
+
borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
548
548
|
readonly property: "borderColor";
|
|
549
549
|
readonly scale: "colors";
|
|
550
550
|
}>;
|
|
551
|
-
borderLeft?: import("@codecademy/variance").Scale<{
|
|
551
|
+
borderLeft?: import("@codecademy/variance/dist/types/config").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<Omit<{
|
|
|
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").Scale<{
|
|
559
|
+
borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
560
560
|
readonly property: "borderRadius";
|
|
561
561
|
readonly scale: "borderRadii";
|
|
562
562
|
}>;
|
|
563
|
-
borderRight?: import("@codecademy/variance").Scale<{
|
|
563
|
+
borderRight?: import("@codecademy/variance/dist/types/config").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<Omit<{
|
|
|
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").Scale<{
|
|
571
|
+
borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
572
572
|
readonly property: "borderStyle";
|
|
573
573
|
}>;
|
|
574
|
-
borderTop?: import("@codecademy/variance").Scale<{
|
|
574
|
+
borderTop?: import("@codecademy/variance/dist/types/config").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<Omit<{
|
|
|
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").Scale<{
|
|
582
|
+
borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
583
583
|
readonly property: "borderWidth";
|
|
584
584
|
}>;
|
|
585
|
-
flex?: import("@codecademy/variance").Scale<{
|
|
585
|
+
flex?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
586
586
|
readonly property: "flex";
|
|
587
587
|
}>;
|
|
588
|
-
gap?: import("@codecademy/variance").Scale<{
|
|
588
|
+
gap?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
589
589
|
readonly property: "gap";
|
|
590
590
|
readonly scale: "spacing";
|
|
591
591
|
}>;
|
|
592
|
-
gridArea?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
593
|
-
gridColumn?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
594
|
-
gridRow?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" |
|
|
595
|
-
inset?: import("@codecademy/variance").Scale<{
|
|
592
|
+
gridArea?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | undefined;
|
|
593
|
+
gridColumn?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | undefined;
|
|
594
|
+
gridRow?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | undefined;
|
|
595
|
+
inset?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
596
596
|
readonly property: "inset";
|
|
597
597
|
readonly properties: {
|
|
598
598
|
readonly physical: readonly ["top", "right", "bottom", "left"];
|
|
@@ -601,16 +601,20 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
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").Scale<{
|
|
604
|
+
listStyle?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
605
605
|
readonly property: "listStyle";
|
|
606
606
|
}>;
|
|
607
|
-
overflow?: import("@codecademy/variance").Scale<{
|
|
607
|
+
overflow?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
608
608
|
readonly property: "overflow";
|
|
609
609
|
}>;
|
|
610
|
-
textDecoration?: import("@codecademy/variance").Scale<{
|
|
610
|
+
textDecoration?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
611
611
|
readonly property: "textDecoration";
|
|
612
612
|
}>;
|
|
613
|
-
|
|
613
|
+
inline?: boolean | undefined;
|
|
614
|
+
column?: boolean | undefined;
|
|
615
|
+
row?: boolean | undefined;
|
|
616
|
+
wrap?: boolean | undefined;
|
|
617
|
+
px?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
614
618
|
readonly property: "padding";
|
|
615
619
|
readonly properties: {
|
|
616
620
|
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
@@ -619,7 +623,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
619
623
|
readonly scale: "spacing";
|
|
620
624
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
621
625
|
}>;
|
|
622
|
-
py?: import("@codecademy/variance").Scale<{
|
|
626
|
+
py?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
623
627
|
readonly property: "padding";
|
|
624
628
|
readonly properties: {
|
|
625
629
|
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
@@ -628,7 +632,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
628
632
|
readonly scale: "spacing";
|
|
629
633
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
630
634
|
}>;
|
|
631
|
-
pt?: import("@codecademy/variance").Scale<{
|
|
635
|
+
pt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
632
636
|
readonly property: {
|
|
633
637
|
readonly physical: "paddingTop";
|
|
634
638
|
readonly logical: "paddingBlockStart";
|
|
@@ -636,7 +640,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
636
640
|
readonly scale: "spacing";
|
|
637
641
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
638
642
|
}>;
|
|
639
|
-
pb?: import("@codecademy/variance").Scale<{
|
|
643
|
+
pb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
640
644
|
readonly property: {
|
|
641
645
|
readonly physical: "paddingBottom";
|
|
642
646
|
readonly logical: "paddingBlockEnd";
|
|
@@ -644,7 +648,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
644
648
|
readonly scale: "spacing";
|
|
645
649
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
646
650
|
}>;
|
|
647
|
-
pr?: import("@codecademy/variance").Scale<{
|
|
651
|
+
pr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
648
652
|
readonly property: {
|
|
649
653
|
readonly physical: "paddingRight";
|
|
650
654
|
readonly logical: "paddingInlineEnd";
|
|
@@ -652,7 +656,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
652
656
|
readonly scale: "spacing";
|
|
653
657
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
654
658
|
}>;
|
|
655
|
-
pl?: import("@codecademy/variance").Scale<{
|
|
659
|
+
pl?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
656
660
|
readonly property: {
|
|
657
661
|
readonly physical: "paddingLeft";
|
|
658
662
|
readonly logical: "paddingInlineStart";
|
|
@@ -660,11 +664,11 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
660
664
|
readonly scale: "spacing";
|
|
661
665
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
662
666
|
}>;
|
|
663
|
-
m?: import("@codecademy/variance").Scale<{
|
|
667
|
+
m?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
664
668
|
readonly property: "margin";
|
|
665
669
|
readonly scale: "spacing";
|
|
666
670
|
}>;
|
|
667
|
-
mx?: import("@codecademy/variance").Scale<{
|
|
671
|
+
mx?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
668
672
|
readonly property: "margin";
|
|
669
673
|
readonly properties: {
|
|
670
674
|
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
@@ -673,7 +677,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
673
677
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
674
678
|
readonly scale: "spacing";
|
|
675
679
|
}>;
|
|
676
|
-
my?: import("@codecademy/variance").Scale<{
|
|
680
|
+
my?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
677
681
|
readonly property: "margin";
|
|
678
682
|
readonly properties: {
|
|
679
683
|
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
@@ -682,7 +686,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
682
686
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
683
687
|
readonly scale: "spacing";
|
|
684
688
|
}>;
|
|
685
|
-
mt?: import("@codecademy/variance").Scale<{
|
|
689
|
+
mt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
686
690
|
readonly property: {
|
|
687
691
|
readonly physical: "marginTop";
|
|
688
692
|
readonly logical: "marginBlockStart";
|
|
@@ -690,7 +694,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
690
694
|
readonly scale: "spacing";
|
|
691
695
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
692
696
|
}>;
|
|
693
|
-
mb?: import("@codecademy/variance").Scale<{
|
|
697
|
+
mb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
694
698
|
readonly property: {
|
|
695
699
|
readonly physical: "marginBottom";
|
|
696
700
|
readonly logical: "marginBlockEnd";
|
|
@@ -698,7 +702,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
698
702
|
readonly scale: "spacing";
|
|
699
703
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
700
704
|
}>;
|
|
701
|
-
mr?: import("@codecademy/variance").Scale<{
|
|
705
|
+
mr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
702
706
|
readonly property: {
|
|
703
707
|
readonly physical: "marginRight";
|
|
704
708
|
readonly logical: "marginInlineEnd";
|
|
@@ -706,7 +710,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
706
710
|
readonly scale: "spacing";
|
|
707
711
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
708
712
|
}>;
|
|
709
|
-
ml?: import("@codecademy/variance").Scale<{
|
|
713
|
+
ml?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
710
714
|
readonly property: {
|
|
711
715
|
readonly physical: "marginLeft";
|
|
712
716
|
readonly logical: "marginInlineStart";
|
|
@@ -714,7 +718,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
714
718
|
readonly scale: "spacing";
|
|
715
719
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
716
720
|
}>;
|
|
717
|
-
borderX?: import("@codecademy/variance").Scale<{
|
|
721
|
+
borderX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
718
722
|
readonly property: "border";
|
|
719
723
|
readonly properties: {
|
|
720
724
|
readonly physical: readonly ["borderLeft", "borderRight"];
|
|
@@ -723,7 +727,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
723
727
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
724
728
|
readonly scale: "borders";
|
|
725
729
|
}>;
|
|
726
|
-
borderY?: import("@codecademy/variance").Scale<{
|
|
730
|
+
borderY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
727
731
|
readonly property: "border";
|
|
728
732
|
readonly properties: {
|
|
729
733
|
readonly physical: readonly ["borderTop", "borderBottom"];
|
|
@@ -732,7 +736,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
732
736
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
733
737
|
readonly scale: "borders";
|
|
734
738
|
}>;
|
|
735
|
-
borderWidthX?: import("@codecademy/variance").Scale<{
|
|
739
|
+
borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
736
740
|
readonly property: "borderWidth";
|
|
737
741
|
readonly properties: {
|
|
738
742
|
readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
|
|
@@ -740,7 +744,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
740
744
|
};
|
|
741
745
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
742
746
|
}>;
|
|
743
|
-
borderWidthY?: import("@codecademy/variance").Scale<{
|
|
747
|
+
borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
744
748
|
readonly property: "borderWidth";
|
|
745
749
|
readonly properties: {
|
|
746
750
|
readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
|
|
@@ -748,35 +752,35 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
748
752
|
};
|
|
749
753
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
750
754
|
}>;
|
|
751
|
-
borderWidthLeft?: import("@codecademy/variance").Scale<{
|
|
755
|
+
borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
752
756
|
readonly property: {
|
|
753
757
|
readonly physical: "borderLeftWidth";
|
|
754
758
|
readonly logical: "borderInlineStartWidth";
|
|
755
759
|
};
|
|
756
760
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
757
761
|
}>;
|
|
758
|
-
borderWidthRight?: import("@codecademy/variance").Scale<{
|
|
762
|
+
borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
759
763
|
readonly property: {
|
|
760
764
|
readonly physical: "borderRightWidth";
|
|
761
765
|
readonly logical: "borderInlineEndWidth";
|
|
762
766
|
};
|
|
763
767
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
764
768
|
}>;
|
|
765
|
-
borderWidthTop?: import("@codecademy/variance").Scale<{
|
|
769
|
+
borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
766
770
|
readonly property: {
|
|
767
771
|
readonly physical: "borderTopWidth";
|
|
768
772
|
readonly logical: "borderBlockStartWidth";
|
|
769
773
|
};
|
|
770
774
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
771
775
|
}>;
|
|
772
|
-
borderWidthBottom?: import("@codecademy/variance").Scale<{
|
|
776
|
+
borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
773
777
|
readonly property: {
|
|
774
778
|
readonly physical: "borderBottomWidth";
|
|
775
779
|
readonly logical: "borderBlockEndWidth";
|
|
776
780
|
};
|
|
777
781
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
778
782
|
}>;
|
|
779
|
-
borderRadiusLeft?: import("@codecademy/variance").Scale<{
|
|
783
|
+
borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
780
784
|
readonly property: "borderRadius";
|
|
781
785
|
readonly properties: {
|
|
782
786
|
readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
|
|
@@ -785,7 +789,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
785
789
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
786
790
|
readonly scale: "borderRadii";
|
|
787
791
|
}>;
|
|
788
|
-
borderRadiusTop?: import("@codecademy/variance").Scale<{
|
|
792
|
+
borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
789
793
|
readonly property: "borderRadius";
|
|
790
794
|
readonly properties: {
|
|
791
795
|
readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
|
|
@@ -794,7 +798,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
794
798
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
795
799
|
readonly scale: "borderRadii";
|
|
796
800
|
}>;
|
|
797
|
-
borderRadiusBottom?: import("@codecademy/variance").Scale<{
|
|
801
|
+
borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
798
802
|
readonly property: "borderRadius";
|
|
799
803
|
readonly properties: {
|
|
800
804
|
readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
|
|
@@ -803,7 +807,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
803
807
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
804
808
|
readonly scale: "borderRadii";
|
|
805
809
|
}>;
|
|
806
|
-
borderRadiusRight?: import("@codecademy/variance").Scale<{
|
|
810
|
+
borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
807
811
|
readonly property: "borderRadius";
|
|
808
812
|
readonly properties: {
|
|
809
813
|
readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
|
|
@@ -812,7 +816,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
812
816
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
813
817
|
readonly scale: "borderRadii";
|
|
814
818
|
}>;
|
|
815
|
-
borderRadiusTopLeft?: import("@codecademy/variance").Scale<{
|
|
819
|
+
borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
816
820
|
readonly property: {
|
|
817
821
|
readonly physical: "borderTopLeftRadius";
|
|
818
822
|
readonly logical: "borderStartStartRadius";
|
|
@@ -820,7 +824,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
820
824
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
821
825
|
readonly scale: "borderRadii";
|
|
822
826
|
}>;
|
|
823
|
-
borderRadiusTopRight?: import("@codecademy/variance").Scale<{
|
|
827
|
+
borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
824
828
|
readonly property: {
|
|
825
829
|
readonly physical: "borderTopRightRadius";
|
|
826
830
|
readonly logical: "borderStartEndRadius";
|
|
@@ -828,7 +832,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
828
832
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
829
833
|
readonly scale: "borderRadii";
|
|
830
834
|
}>;
|
|
831
|
-
borderRadiusBottomRight?: import("@codecademy/variance").Scale<{
|
|
835
|
+
borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
832
836
|
readonly property: {
|
|
833
837
|
readonly physical: "borderBottomRightRadius";
|
|
834
838
|
readonly logical: "borderEndEndRadius";
|
|
@@ -836,7 +840,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
836
840
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
837
841
|
readonly scale: "borderRadii";
|
|
838
842
|
}>;
|
|
839
|
-
borderRadiusBottomLeft?: import("@codecademy/variance").Scale<{
|
|
843
|
+
borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
840
844
|
readonly property: {
|
|
841
845
|
readonly physical: "borderBottomLeftRadius";
|
|
842
846
|
readonly logical: "borderEndStartRadius";
|
|
@@ -844,7 +848,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
844
848
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
845
849
|
readonly scale: "borderRadii";
|
|
846
850
|
}>;
|
|
847
|
-
borderStyleX?: import("@codecademy/variance").Scale<{
|
|
851
|
+
borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
848
852
|
readonly property: "borderStyle";
|
|
849
853
|
readonly properties: {
|
|
850
854
|
readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
|
|
@@ -852,7 +856,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
852
856
|
};
|
|
853
857
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
854
858
|
}>;
|
|
855
|
-
borderStyleY?: import("@codecademy/variance").Scale<{
|
|
859
|
+
borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
856
860
|
readonly property: "borderStyle";
|
|
857
861
|
readonly properties: {
|
|
858
862
|
readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
|
|
@@ -860,35 +864,35 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
860
864
|
};
|
|
861
865
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
862
866
|
}>;
|
|
863
|
-
borderStyleLeft?: import("@codecademy/variance").Scale<{
|
|
867
|
+
borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
864
868
|
readonly property: {
|
|
865
869
|
readonly physical: "borderLeftStyle";
|
|
866
870
|
readonly logical: "borderInlineStartStyle";
|
|
867
871
|
};
|
|
868
872
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
869
873
|
}>;
|
|
870
|
-
borderStyleRight?: import("@codecademy/variance").Scale<{
|
|
874
|
+
borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
871
875
|
readonly property: {
|
|
872
876
|
readonly physical: "borderRightStyle";
|
|
873
877
|
readonly logical: "borderInlineEndStyle";
|
|
874
878
|
};
|
|
875
879
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
876
880
|
}>;
|
|
877
|
-
borderStyleTop?: import("@codecademy/variance").Scale<{
|
|
881
|
+
borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
878
882
|
readonly property: {
|
|
879
883
|
readonly physical: "borderTopStyle";
|
|
880
884
|
readonly logical: "borderBlockStartStyle";
|
|
881
885
|
};
|
|
882
886
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
883
887
|
}>;
|
|
884
|
-
borderStyleBottom?: import("@codecademy/variance").Scale<{
|
|
888
|
+
borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
885
889
|
readonly property: {
|
|
886
890
|
readonly physical: "borderBottomStyle";
|
|
887
891
|
readonly logical: "borderBlockEndStyle";
|
|
888
892
|
};
|
|
889
893
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
890
894
|
}>;
|
|
891
|
-
dimensions?: import("@codecademy/variance").Scale<{
|
|
895
|
+
dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
892
896
|
readonly property: "width";
|
|
893
897
|
readonly properties: {
|
|
894
898
|
readonly physical: readonly ["width", "height"];
|
|
@@ -897,15 +901,15 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
897
901
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
898
902
|
readonly transform: (value: string | number) => string | 0;
|
|
899
903
|
}>;
|
|
900
|
-
textColor?: import("@codecademy/variance").Scale<{
|
|
904
|
+
textColor?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
901
905
|
readonly property: "color";
|
|
902
906
|
readonly scale: "colors";
|
|
903
907
|
}>;
|
|
904
|
-
bg?: import("@codecademy/variance").Scale<{
|
|
908
|
+
bg?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
905
909
|
readonly property: "backgroundColor";
|
|
906
910
|
readonly scale: "colors";
|
|
907
911
|
}>;
|
|
908
|
-
borderColorX?: import("@codecademy/variance").Scale<{
|
|
912
|
+
borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
909
913
|
readonly property: "borderColor";
|
|
910
914
|
readonly properties: {
|
|
911
915
|
readonly physical: readonly ["borderLeftColor", "borderRightColor"];
|
|
@@ -914,7 +918,7 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
914
918
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
915
919
|
readonly scale: "colors";
|
|
916
920
|
}>;
|
|
917
|
-
borderColorY?: import("@codecademy/variance").Scale<{
|
|
921
|
+
borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
918
922
|
readonly property: "borderColor";
|
|
919
923
|
readonly properties: {
|
|
920
924
|
readonly physical: readonly ["borderTopColor", "borderBottomColor"];
|
|
@@ -923,37 +927,31 @@ export declare const Bar: import("@emotion/styled").StyledComponent<Omit<{
|
|
|
923
927
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
924
928
|
readonly scale: "colors";
|
|
925
929
|
}>;
|
|
926
|
-
borderColorLeft?: import("@codecademy/variance").Scale<{
|
|
930
|
+
borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
927
931
|
readonly property: "borderLeftColor";
|
|
928
932
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
929
933
|
readonly scale: "colors";
|
|
930
934
|
}>;
|
|
931
|
-
borderColorRight?: import("@codecademy/variance").Scale<{
|
|
935
|
+
borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
932
936
|
readonly property: "borderRightColor";
|
|
933
937
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
934
938
|
readonly scale: "colors";
|
|
935
939
|
}>;
|
|
936
|
-
borderColorTop?: import("@codecademy/variance").Scale<{
|
|
940
|
+
borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
937
941
|
readonly property: "borderTopColor";
|
|
938
942
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
939
943
|
readonly scale: "colors";
|
|
940
944
|
}>;
|
|
941
|
-
borderColorBottom?: import("@codecademy/variance").Scale<{
|
|
945
|
+
borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
942
946
|
readonly property: "borderBottomColor";
|
|
943
947
|
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
944
948
|
readonly scale: "colors";
|
|
945
949
|
}>;
|
|
946
|
-
column?: boolean | undefined;
|
|
947
950
|
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
|
|
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
|
-
} & {
|
|
955
|
+
} & import("framer-motion").MotionProps & {
|
|
958
956
|
theme?: import("@emotion/react").Theme;
|
|
959
957
|
}, {}, {}>;
|