@codecademy/gamut 68.1.1-alpha.ff5b1d.0 → 68.1.1

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.
Files changed (41) hide show
  1. package/dist/ConnectedForm/utils.d.ts +1 -1
  2. package/dist/Form/SelectDropdown/styles.d.ts +1 -1
  3. package/dist/Form/elements/Form.d.ts +1 -1
  4. package/dist/Form/elements/FormGroupLabel.js +2 -2
  5. package/dist/Form/inputs/Select.js +5 -6
  6. package/dist/List/elements.d.ts +1 -1
  7. package/dist/index.d.ts +0 -1
  8. package/dist/index.js +0 -1
  9. package/package.json +6 -6
  10. package/dist/BarChart/BarChartProvider.d.ts +0 -19
  11. package/dist/BarChart/BarChartProvider.js +0 -27
  12. package/dist/BarChart/BarRow/ValueLabelsContent.d.ts +0 -7
  13. package/dist/BarChart/BarRow/ValueLabelsContent.js +0 -34
  14. package/dist/BarChart/BarRow/elements.d.ts +0 -943
  15. package/dist/BarChart/BarRow/elements.js +0 -102
  16. package/dist/BarChart/BarRow/index.d.ts +0 -6
  17. package/dist/BarChart/BarRow/index.js +0 -235
  18. package/dist/BarChart/GENERIC_EXAMPLE.d.ts +0 -14
  19. package/dist/BarChart/GENERIC_EXAMPLE.js +0 -327
  20. package/dist/BarChart/SortSelect/index.d.ts +0 -15
  21. package/dist/BarChart/SortSelect/index.js +0 -18
  22. package/dist/BarChart/index.d.ts +0 -4
  23. package/dist/BarChart/index.js +0 -136
  24. package/dist/BarChart/layout/GridLines.d.ts +0 -3
  25. package/dist/BarChart/layout/GridLines.js +0 -69
  26. package/dist/BarChart/layout/LabelSpacer.d.ts +0 -6
  27. package/dist/BarChart/layout/LabelSpacer.js +0 -56
  28. package/dist/BarChart/layout/ScaleChartHeader.d.ts +0 -3
  29. package/dist/BarChart/layout/ScaleChartHeader.js +0 -87
  30. package/dist/BarChart/shared/elements.d.ts +0 -7
  31. package/dist/BarChart/shared/elements.js +0 -12
  32. package/dist/BarChart/shared/styles.d.ts +0 -4
  33. package/dist/BarChart/shared/styles.js +0 -4
  34. package/dist/BarChart/shared/translations.d.ts +0 -69
  35. package/dist/BarChart/shared/translations.js +0 -57
  36. package/dist/BarChart/shared/types.d.ts +0 -100
  37. package/dist/BarChart/shared/types.js +0 -1
  38. package/dist/BarChart/utils/hooks.d.ts +0 -89
  39. package/dist/BarChart/utils/hooks.js +0 -281
  40. package/dist/BarChart/utils/index.d.ts +0 -56
  41. package/dist/BarChart/utils/index.js +0 -122
@@ -1,943 +0,0 @@
1
- /// <reference types="react" />
2
- /// <reference types="react" />
3
- export declare const TotalValueLabelsHoverTarget: import("@emotion/styled").StyledComponent<{
4
- theme?: import("@emotion/react").Theme | undefined;
5
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
6
- } & 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"> & {
7
- theme?: import("@emotion/react").Theme | undefined;
8
- }, {}, {}>;
9
- export declare const RowWrapper: import("@emotion/styled").StyledComponent<{
10
- theme?: import("@emotion/react").Theme | undefined;
11
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
12
- } & {
13
- theme?: import("@emotion/react").Theme | undefined;
14
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
15
- export declare const RowButton: import("@emotion/styled").StyledComponent<{
16
- theme?: import("@emotion/react").Theme | undefined;
17
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
18
- } & {
19
- theme?: import("@emotion/react").Theme | undefined;
20
- }, 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">, {}>;
21
- export declare const RowAnchor: import("@emotion/styled").StyledComponent<{
22
- theme?: import("@emotion/react").Theme | undefined;
23
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
24
- } & {
25
- theme?: import("@emotion/react").Theme | undefined;
26
- }, 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">, {}>;
27
- export declare const BarWrapper: import("@emotion/styled").StyledComponent<{
28
- theme?: import("@emotion/react").Theme | undefined;
29
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
30
- } & import("../../Box").BoxProps & 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"> & {
31
- theme?: import("@emotion/react").Theme | undefined;
32
- }, {}, {}>;
33
- export declare const Bar: import("@emotion/styled").StyledComponent<{
34
- color?: import("@codecademy/variance/dist/types/config").Scale<{
35
- readonly property: "color";
36
- readonly scale: "colors";
37
- }>;
38
- fontSize?: import("@codecademy/variance/dist/types/config").Scale<{
39
- readonly property: "fontSize";
40
- readonly scale: "fontSize";
41
- }>;
42
- fontFamily?: import("@codecademy/variance/dist/types/config").Scale<{
43
- readonly property: "fontFamily";
44
- readonly scale: "fontFamily";
45
- }>;
46
- lineHeight?: import("@codecademy/variance/dist/types/config").Scale<{
47
- readonly property: "lineHeight";
48
- readonly scale: "lineHeight";
49
- }>;
50
- fontWeight?: import("@codecademy/variance/dist/types/config").Scale<{
51
- readonly property: "fontWeight";
52
- readonly scale: "fontWeight";
53
- }>;
54
- background?: import("@codecademy/variance/dist/types/config").Scale<{
55
- readonly property: "background";
56
- }>;
57
- border?: import("@codecademy/variance/dist/types/config").Scale<{
58
- readonly property: "border";
59
- readonly scale: "borders";
60
- }>;
61
- p?: import("@codecademy/variance/dist/types/config").Scale<{
62
- readonly property: "padding";
63
- readonly scale: "spacing";
64
- }>;
65
- slot?: string | undefined;
66
- title?: string | undefined;
67
- dir?: string | undefined;
68
- className?: string | undefined;
69
- height?: import("@codecademy/variance/dist/types/config").Scale<{
70
- readonly property: {
71
- readonly physical: "height";
72
- readonly logical: "blockSize";
73
- };
74
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
75
- readonly transform: (value: string | number) => string | 0;
76
- }>;
77
- width?: import("@codecademy/variance/dist/types/config").Scale<{
78
- readonly property: {
79
- readonly physical: "width";
80
- readonly logical: "inlineSize";
81
- };
82
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
83
- readonly transform: (value: string | number) => string | 0;
84
- }>;
85
- "aria-hidden"?: (boolean | "false" | "true") | undefined;
86
- ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
87
- key?: import("react").Key | null | undefined;
88
- defaultChecked?: boolean | undefined;
89
- defaultValue?: string | number | readonly string[] | undefined;
90
- suppressContentEditableWarning?: boolean | undefined;
91
- suppressHydrationWarning?: boolean | undefined;
92
- accessKey?: string | undefined;
93
- autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
94
- autoFocus?: boolean | undefined;
95
- contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
96
- contextMenu?: string | undefined;
97
- draggable?: (boolean | "false" | "true") | undefined;
98
- enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
99
- hidden?: boolean | undefined;
100
- id?: string | undefined;
101
- lang?: string | undefined;
102
- nonce?: string | undefined;
103
- spellCheck?: (boolean | "false" | "true") | undefined;
104
- tabIndex?: number | undefined;
105
- translate?: "no" | "yes" | undefined;
106
- radioGroup?: string | undefined;
107
- role?: import("react").AriaRole | undefined;
108
- about?: string | undefined;
109
- content?: string | undefined;
110
- datatype?: string | undefined;
111
- inlist?: any;
112
- prefix?: string | undefined;
113
- property?: string | undefined;
114
- rel?: string | undefined;
115
- resource?: string | undefined;
116
- rev?: string | undefined;
117
- typeof?: string | undefined;
118
- vocab?: string | undefined;
119
- autoCorrect?: string | undefined;
120
- autoSave?: string | undefined;
121
- itemProp?: string | undefined;
122
- itemScope?: boolean | undefined;
123
- itemType?: string | undefined;
124
- itemID?: string | undefined;
125
- itemRef?: string | undefined;
126
- results?: number | undefined;
127
- security?: string | undefined;
128
- unselectable?: "off" | "on" | undefined;
129
- inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
130
- is?: string | undefined;
131
- exportparts?: string | undefined;
132
- part?: string | undefined;
133
- "aria-activedescendant"?: string | undefined;
134
- "aria-atomic"?: (boolean | "false" | "true") | undefined;
135
- "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
136
- "aria-braillelabel"?: string | undefined;
137
- "aria-brailleroledescription"?: string | undefined;
138
- "aria-busy"?: (boolean | "false" | "true") | undefined;
139
- "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
140
- "aria-colcount"?: number | undefined;
141
- "aria-colindex"?: number | undefined;
142
- "aria-colindextext"?: string | undefined;
143
- "aria-colspan"?: number | undefined;
144
- "aria-controls"?: string | undefined;
145
- "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
146
- "aria-describedby"?: string | undefined;
147
- "aria-description"?: string | undefined;
148
- "aria-details"?: string | undefined;
149
- "aria-disabled"?: (boolean | "false" | "true") | undefined;
150
- "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
151
- "aria-errormessage"?: string | undefined;
152
- "aria-expanded"?: (boolean | "false" | "true") | undefined;
153
- "aria-flowto"?: string | undefined;
154
- "aria-grabbed"?: (boolean | "false" | "true") | undefined;
155
- "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
156
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
157
- "aria-keyshortcuts"?: string | undefined;
158
- "aria-label"?: string | undefined;
159
- "aria-labelledby"?: string | undefined;
160
- "aria-level"?: number | undefined;
161
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
162
- "aria-modal"?: (boolean | "false" | "true") | undefined;
163
- "aria-multiline"?: (boolean | "false" | "true") | undefined;
164
- "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
165
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
166
- "aria-owns"?: string | undefined;
167
- "aria-placeholder"?: string | undefined;
168
- "aria-posinset"?: number | undefined;
169
- "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
170
- "aria-readonly"?: (boolean | "false" | "true") | undefined;
171
- "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
172
- "aria-required"?: (boolean | "false" | "true") | undefined;
173
- "aria-roledescription"?: string | undefined;
174
- "aria-rowcount"?: number | undefined;
175
- "aria-rowindex"?: number | undefined;
176
- "aria-rowindextext"?: string | undefined;
177
- "aria-rowspan"?: number | undefined;
178
- "aria-selected"?: (boolean | "false" | "true") | undefined;
179
- "aria-setsize"?: number | undefined;
180
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
181
- "aria-valuemax"?: number | undefined;
182
- "aria-valuemin"?: number | undefined;
183
- "aria-valuenow"?: number | undefined;
184
- "aria-valuetext"?: string | undefined;
185
- dangerouslySetInnerHTML?: {
186
- __html: string | TrustedHTML;
187
- } | undefined;
188
- onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
189
- onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
190
- onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
191
- onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
192
- onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
193
- onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
194
- onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
195
- onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
196
- onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
197
- onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
198
- onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
199
- onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
200
- onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
201
- onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
202
- onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
203
- onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
204
- onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
205
- onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
206
- onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
207
- onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
208
- onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
209
- onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
210
- onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
211
- onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
212
- onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
213
- onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
214
- onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
215
- onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
216
- onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
217
- onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
218
- onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
219
- onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
220
- onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
221
- onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
222
- onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
223
- onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
224
- onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
225
- onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
226
- onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
227
- onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
228
- onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
229
- onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
230
- onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
231
- onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
232
- onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
233
- onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
234
- onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
235
- onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
236
- onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
237
- onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
238
- onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
239
- onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
240
- onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
241
- onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
242
- onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
243
- onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
244
- onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
245
- onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
246
- onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
247
- onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
248
- onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
249
- onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
250
- onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
251
- onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
252
- onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
253
- onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
254
- onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
255
- onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
256
- onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
257
- onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
258
- onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
259
- onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
260
- onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
261
- onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
262
- onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
263
- onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
264
- onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
265
- onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
266
- onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
267
- onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
268
- onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
269
- onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
270
- onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
271
- onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
272
- onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
273
- onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
274
- onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
275
- onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
276
- onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
277
- onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
278
- onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
279
- onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
280
- onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
281
- onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
282
- onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
283
- onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
284
- onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
285
- onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
286
- onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
287
- onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
288
- onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
289
- onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
290
- onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
291
- onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
292
- onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
293
- onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
294
- onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
295
- onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
296
- onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
297
- onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
298
- onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
299
- onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
300
- onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
301
- onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
302
- onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
303
- onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
304
- onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
305
- onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
306
- onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
307
- onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
308
- onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
309
- onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
310
- onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
311
- onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
312
- onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
313
- onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
314
- onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
315
- onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
316
- onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
317
- onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
318
- onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
319
- onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
320
- onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
321
- onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
322
- onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
323
- onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
324
- onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
325
- onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
326
- onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
327
- onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
328
- onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
329
- onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
330
- onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
331
- onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
332
- onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
333
- onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
334
- onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
335
- onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
336
- onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
337
- onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
338
- onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
339
- onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
340
- onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
341
- onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
342
- 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;
343
- 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;
344
- 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;
345
- backgroundImage?: import("@codecademy/variance/dist/types/config").Scale<{
346
- readonly property: "backgroundImage";
347
- }>;
348
- backgroundRepeat?: import("@codecademy/variance/dist/types/config").Scale<{
349
- readonly property: "backgroundRepeat";
350
- }>;
351
- backgroundSize?: import("@codecademy/variance/dist/types/config").Scale<{
352
- readonly property: "backgroundSize";
353
- }>;
354
- bottom?: import("@codecademy/variance/dist/types/config").Scale<{
355
- readonly property: {
356
- readonly physical: "bottom";
357
- readonly logical: "insetBlockEnd";
358
- };
359
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
360
- readonly transform: (value: string | number) => string | 0;
361
- }>;
362
- boxShadow?: import("@codecademy/variance/dist/types/config").Scale<{
363
- readonly property: "boxShadow";
364
- }>;
365
- columnGap?: import("@codecademy/variance/dist/types/config").Scale<{
366
- readonly property: "columnGap";
367
- readonly scale: "spacing";
368
- }>;
369
- containerType?: import("@codecademy/variance/dist/types/config").Scale<{
370
- readonly property: "containerType";
371
- }>;
372
- direction?: import("@codecademy/variance/dist/types/config").Scale<{
373
- readonly property: "direction";
374
- }>;
375
- display?: import("@codecademy/variance/dist/types/config").Scale<{
376
- readonly property: "display";
377
- }>;
378
- 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;
379
- flexDirection?: import("@codecademy/variance/dist/types/config").Scale<{
380
- readonly property: "flexDirection";
381
- }>;
382
- 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;
383
- 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;
384
- flexWrap?: import("@codecademy/variance/dist/types/config").Scale<{
385
- readonly property: "flexWrap";
386
- }>;
387
- fontStyle?: import("@codecademy/variance/dist/types/config").Scale<{
388
- readonly property: "fontStyle";
389
- }>;
390
- gridAutoColumns?: import("@codecademy/variance/dist/types/config").Scale<{
391
- readonly property: "gridAutoColumns";
392
- }>;
393
- gridAutoFlow?: import("@codecademy/variance/dist/types/config").Scale<{
394
- readonly property: "gridAutoFlow";
395
- }>;
396
- gridAutoRows?: import("@codecademy/variance/dist/types/config").Scale<{
397
- readonly property: "gridAutoRows";
398
- }>;
399
- 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;
400
- 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;
401
- 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;
402
- 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;
403
- gridTemplateAreas?: import("@codecademy/variance/dist/types/config").Scale<{
404
- readonly property: "gridTemplateAreas";
405
- }>;
406
- gridTemplateColumns?: import("@codecademy/variance/dist/types/config").Scale<{
407
- readonly property: "gridTemplateColumns";
408
- }>;
409
- gridTemplateRows?: import("@codecademy/variance/dist/types/config").Scale<{
410
- readonly property: "gridTemplateRows";
411
- }>;
412
- 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;
413
- 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;
414
- 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;
415
- left?: import("@codecademy/variance/dist/types/config").Scale<{
416
- readonly property: {
417
- readonly physical: "left";
418
- readonly logical: "insetInlineStart";
419
- };
420
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
421
- readonly transform: (value: string | number) => string | 0;
422
- }>;
423
- letterSpacing?: import("@codecademy/variance/dist/types/config").Scale<{
424
- readonly property: "letterSpacing";
425
- }>;
426
- listStyleImage?: import("@codecademy/variance/dist/types/config").Scale<{
427
- readonly property: "listStyleImage";
428
- }>;
429
- listStylePosition?: import("@codecademy/variance/dist/types/config").Scale<{
430
- readonly property: "listStylePosition";
431
- }>;
432
- listStyleType?: import("@codecademy/variance/dist/types/config").Scale<{
433
- readonly property: "listStyleType";
434
- }>;
435
- maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
436
- readonly property: {
437
- readonly physical: "maxHeight";
438
- readonly logical: "maxBlockSize";
439
- };
440
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
441
- readonly transform: (value: string | number) => string | 0;
442
- }>;
443
- maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
444
- readonly property: {
445
- readonly physical: "maxWidth";
446
- readonly logical: "maxInlineSize";
447
- };
448
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
449
- readonly transform: (value: string | number) => string | 0;
450
- }>;
451
- minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
452
- readonly property: {
453
- readonly physical: "minHeight";
454
- readonly logical: "minBlockSize";
455
- };
456
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
457
- readonly transform: (value: string | number) => string | 0;
458
- }>;
459
- minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
460
- readonly property: {
461
- readonly physical: "minWidth";
462
- readonly logical: "minInlineSize";
463
- };
464
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
465
- readonly transform: (value: string | number) => string | 0;
466
- }>;
467
- opacity?: import("@codecademy/variance/dist/types/config").Scale<{
468
- readonly property: "opacity";
469
- }>;
470
- 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;
471
- overflowX?: import("@codecademy/variance/dist/types/config").Scale<{
472
- readonly property: {
473
- readonly physical: "overflowX";
474
- readonly logical: "overflowInline";
475
- };
476
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
477
- }>;
478
- overflowY?: import("@codecademy/variance/dist/types/config").Scale<{
479
- readonly property: {
480
- readonly physical: "overflowY";
481
- readonly logical: "overflowBlock";
482
- };
483
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
484
- }>;
485
- position?: import("@codecademy/variance/dist/types/config").Scale<{
486
- readonly property: "position";
487
- }>;
488
- right?: import("@codecademy/variance/dist/types/config").Scale<{
489
- readonly property: {
490
- readonly physical: "right";
491
- readonly logical: "insetInlineEnd";
492
- };
493
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
494
- readonly transform: (value: string | number) => string | 0;
495
- }>;
496
- rowGap?: import("@codecademy/variance/dist/types/config").Scale<{
497
- readonly property: "rowGap";
498
- readonly scale: "spacing";
499
- }>;
500
- textAlign?: import("@codecademy/variance/dist/types/config").Scale<{
501
- readonly property: "textAlign";
502
- }>;
503
- textShadow?: import("@codecademy/variance/dist/types/config").Scale<{
504
- readonly property: "textShadow";
505
- }>;
506
- textTransform?: import("@codecademy/variance/dist/types/config").Scale<{
507
- readonly property: "textTransform";
508
- }>;
509
- top?: import("@codecademy/variance/dist/types/config").Scale<{
510
- readonly property: {
511
- readonly physical: "top";
512
- readonly logical: "insetBlockStart";
513
- };
514
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
515
- readonly transform: (value: string | number) => string | 0;
516
- }>;
517
- verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{
518
- readonly property: "verticalAlign";
519
- }>;
520
- whiteSpace?: import("@codecademy/variance/dist/types/config").Scale<{
521
- readonly property: "whiteSpace";
522
- }>;
523
- zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
524
- readonly property: "zIndex";
525
- }>;
526
- backgroundPosition?: import("@codecademy/variance/dist/types/config").Scale<{
527
- readonly property: "backgroundPosition";
528
- }>;
529
- borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
530
- readonly property: {
531
- readonly physical: "borderBottom";
532
- readonly logical: "borderBlockEnd";
533
- };
534
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
535
- readonly scale: "borders";
536
- }>;
537
- borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
538
- readonly property: "borderColor";
539
- readonly scale: "colors";
540
- }>;
541
- borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
542
- readonly property: {
543
- readonly physical: "borderLeft";
544
- readonly logical: "borderInlineStart";
545
- };
546
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
547
- readonly scale: "borders";
548
- }>;
549
- borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
550
- readonly property: "borderRadius";
551
- readonly scale: "borderRadii";
552
- }>;
553
- borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
554
- readonly property: {
555
- readonly physical: "borderRight";
556
- readonly logical: "borderInlineEnd";
557
- };
558
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
559
- readonly scale: "borders";
560
- }>;
561
- borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
562
- readonly property: "borderStyle";
563
- }>;
564
- borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
565
- readonly property: {
566
- readonly physical: "borderTop";
567
- readonly logical: "borderBlockStart";
568
- };
569
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
570
- readonly scale: "borders";
571
- }>;
572
- borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
573
- readonly property: "borderWidth";
574
- }>;
575
- flex?: import("@codecademy/variance/dist/types/config").Scale<{
576
- readonly property: "flex";
577
- }>;
578
- gap?: import("@codecademy/variance/dist/types/config").Scale<{
579
- readonly property: "gap";
580
- readonly scale: "spacing";
581
- }>;
582
- 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;
583
- 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;
584
- 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;
585
- inset?: import("@codecademy/variance/dist/types/config").Scale<{
586
- readonly property: "inset";
587
- readonly properties: {
588
- readonly physical: readonly ["top", "right", "bottom", "left"];
589
- readonly logical: readonly ["insetBlockStart", "insetInlineEnd", "insetBlockEnd", "insetInlineStart"];
590
- };
591
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
592
- readonly transform: (value: string | number) => string | 0;
593
- }>;
594
- listStyle?: import("@codecademy/variance/dist/types/config").Scale<{
595
- readonly property: "listStyle";
596
- }>;
597
- overflow?: import("@codecademy/variance/dist/types/config").Scale<{
598
- readonly property: "overflow";
599
- }>;
600
- textDecoration?: import("@codecademy/variance/dist/types/config").Scale<{
601
- readonly property: "textDecoration";
602
- }>;
603
- px?: import("@codecademy/variance/dist/types/config").Scale<{
604
- readonly property: "padding";
605
- readonly properties: {
606
- readonly physical: readonly ["paddingLeft", "paddingRight"];
607
- readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
608
- };
609
- readonly scale: "spacing";
610
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
611
- }>;
612
- py?: import("@codecademy/variance/dist/types/config").Scale<{
613
- readonly property: "padding";
614
- readonly properties: {
615
- readonly physical: readonly ["paddingTop", "paddingBottom"];
616
- readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
617
- };
618
- readonly scale: "spacing";
619
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
620
- }>;
621
- pt?: import("@codecademy/variance/dist/types/config").Scale<{
622
- readonly property: {
623
- readonly physical: "paddingTop";
624
- readonly logical: "paddingBlockStart";
625
- };
626
- readonly scale: "spacing";
627
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
628
- }>;
629
- pb?: import("@codecademy/variance/dist/types/config").Scale<{
630
- readonly property: {
631
- readonly physical: "paddingBottom";
632
- readonly logical: "paddingBlockEnd";
633
- };
634
- readonly scale: "spacing";
635
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
636
- }>;
637
- pr?: import("@codecademy/variance/dist/types/config").Scale<{
638
- readonly property: {
639
- readonly physical: "paddingRight";
640
- readonly logical: "paddingInlineEnd";
641
- };
642
- readonly scale: "spacing";
643
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
644
- }>;
645
- pl?: import("@codecademy/variance/dist/types/config").Scale<{
646
- readonly property: {
647
- readonly physical: "paddingLeft";
648
- readonly logical: "paddingInlineStart";
649
- };
650
- readonly scale: "spacing";
651
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
652
- }>;
653
- m?: import("@codecademy/variance/dist/types/config").Scale<{
654
- readonly property: "margin";
655
- readonly scale: "spacing";
656
- }>;
657
- mx?: import("@codecademy/variance/dist/types/config").Scale<{
658
- readonly property: "margin";
659
- readonly properties: {
660
- readonly physical: readonly ["marginLeft", "marginRight"];
661
- readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
662
- };
663
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
664
- readonly scale: "spacing";
665
- }>;
666
- my?: import("@codecademy/variance/dist/types/config").Scale<{
667
- readonly property: "margin";
668
- readonly properties: {
669
- readonly physical: readonly ["marginTop", "marginBottom"];
670
- readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
671
- };
672
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
673
- readonly scale: "spacing";
674
- }>;
675
- mt?: import("@codecademy/variance/dist/types/config").Scale<{
676
- readonly property: {
677
- readonly physical: "marginTop";
678
- readonly logical: "marginBlockStart";
679
- };
680
- readonly scale: "spacing";
681
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
682
- }>;
683
- mb?: import("@codecademy/variance/dist/types/config").Scale<{
684
- readonly property: {
685
- readonly physical: "marginBottom";
686
- readonly logical: "marginBlockEnd";
687
- };
688
- readonly scale: "spacing";
689
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
690
- }>;
691
- mr?: import("@codecademy/variance/dist/types/config").Scale<{
692
- readonly property: {
693
- readonly physical: "marginRight";
694
- readonly logical: "marginInlineEnd";
695
- };
696
- readonly scale: "spacing";
697
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
698
- }>;
699
- ml?: import("@codecademy/variance/dist/types/config").Scale<{
700
- readonly property: {
701
- readonly physical: "marginLeft";
702
- readonly logical: "marginInlineStart";
703
- };
704
- readonly scale: "spacing";
705
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
706
- }>;
707
- borderX?: import("@codecademy/variance/dist/types/config").Scale<{
708
- readonly property: "border";
709
- readonly properties: {
710
- readonly physical: readonly ["borderLeft", "borderRight"];
711
- readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
712
- };
713
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
714
- readonly scale: "borders";
715
- }>;
716
- borderY?: import("@codecademy/variance/dist/types/config").Scale<{
717
- readonly property: "border";
718
- readonly properties: {
719
- readonly physical: readonly ["borderTop", "borderBottom"];
720
- readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
721
- };
722
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
723
- readonly scale: "borders";
724
- }>;
725
- borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
726
- readonly property: "borderWidth";
727
- readonly properties: {
728
- readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
729
- readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
730
- };
731
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
732
- }>;
733
- borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
734
- readonly property: "borderWidth";
735
- readonly properties: {
736
- readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
737
- readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
738
- };
739
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
740
- }>;
741
- borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
742
- readonly property: {
743
- readonly physical: "borderLeftWidth";
744
- readonly logical: "borderInlineStartWidth";
745
- };
746
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
747
- }>;
748
- borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
749
- readonly property: {
750
- readonly physical: "borderRightWidth";
751
- readonly logical: "borderInlineEndWidth";
752
- };
753
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
754
- }>;
755
- borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
756
- readonly property: {
757
- readonly physical: "borderTopWidth";
758
- readonly logical: "borderBlockStartWidth";
759
- };
760
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
761
- }>;
762
- borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
763
- readonly property: {
764
- readonly physical: "borderBottomWidth";
765
- readonly logical: "borderBlockEndWidth";
766
- };
767
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
768
- }>;
769
- borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
770
- readonly property: "borderRadius";
771
- readonly properties: {
772
- readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
773
- readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
774
- };
775
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
776
- readonly scale: "borderRadii";
777
- }>;
778
- borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
779
- readonly property: "borderRadius";
780
- readonly properties: {
781
- readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
782
- readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
783
- };
784
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
785
- readonly scale: "borderRadii";
786
- }>;
787
- borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
788
- readonly property: "borderRadius";
789
- readonly properties: {
790
- readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
791
- readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
792
- };
793
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
794
- readonly scale: "borderRadii";
795
- }>;
796
- borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
797
- readonly property: "borderRadius";
798
- readonly properties: {
799
- readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
800
- readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
801
- };
802
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
803
- readonly scale: "borderRadii";
804
- }>;
805
- borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
806
- readonly property: {
807
- readonly physical: "borderTopLeftRadius";
808
- readonly logical: "borderStartStartRadius";
809
- };
810
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
811
- readonly scale: "borderRadii";
812
- }>;
813
- borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
814
- readonly property: {
815
- readonly physical: "borderTopRightRadius";
816
- readonly logical: "borderStartEndRadius";
817
- };
818
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
819
- readonly scale: "borderRadii";
820
- }>;
821
- borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
822
- readonly property: {
823
- readonly physical: "borderBottomRightRadius";
824
- readonly logical: "borderEndEndRadius";
825
- };
826
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
827
- readonly scale: "borderRadii";
828
- }>;
829
- borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
830
- readonly property: {
831
- readonly physical: "borderBottomLeftRadius";
832
- readonly logical: "borderEndStartRadius";
833
- };
834
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
835
- readonly scale: "borderRadii";
836
- }>;
837
- borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
838
- readonly property: "borderStyle";
839
- readonly properties: {
840
- readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
841
- readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
842
- };
843
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
844
- }>;
845
- borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
846
- readonly property: "borderStyle";
847
- readonly properties: {
848
- readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
849
- readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
850
- };
851
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
852
- }>;
853
- borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
854
- readonly property: {
855
- readonly physical: "borderLeftStyle";
856
- readonly logical: "borderInlineStartStyle";
857
- };
858
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
859
- }>;
860
- borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
861
- readonly property: {
862
- readonly physical: "borderRightStyle";
863
- readonly logical: "borderInlineEndStyle";
864
- };
865
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
866
- }>;
867
- borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
868
- readonly property: {
869
- readonly physical: "borderTopStyle";
870
- readonly logical: "borderBlockStartStyle";
871
- };
872
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
873
- }>;
874
- borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
875
- readonly property: {
876
- readonly physical: "borderBottomStyle";
877
- readonly logical: "borderBlockEndStyle";
878
- };
879
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
880
- }>;
881
- dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
882
- readonly property: "width";
883
- readonly properties: {
884
- readonly physical: readonly ["width", "height"];
885
- readonly logical: readonly ["inlineSize", "blockSize"];
886
- };
887
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
888
- readonly transform: (value: string | number) => string | 0;
889
- }>;
890
- textColor?: import("@codecademy/variance/dist/types/config").Scale<{
891
- readonly property: "color";
892
- readonly scale: "colors";
893
- }>;
894
- bg?: import("@codecademy/variance/dist/types/config").Scale<{
895
- readonly property: "backgroundColor";
896
- readonly scale: "colors";
897
- }>;
898
- borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
899
- readonly property: "borderColor";
900
- readonly properties: {
901
- readonly physical: readonly ["borderLeftColor", "borderRightColor"];
902
- readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
903
- };
904
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
905
- readonly scale: "colors";
906
- }>;
907
- borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
908
- readonly property: "borderColor";
909
- readonly properties: {
910
- readonly physical: readonly ["borderTopColor", "borderBottomColor"];
911
- readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
912
- };
913
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
914
- readonly scale: "colors";
915
- }>;
916
- borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
917
- readonly property: "borderLeftColor";
918
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
919
- readonly scale: "colors";
920
- }>;
921
- borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
922
- readonly property: "borderRightColor";
923
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
924
- readonly scale: "colors";
925
- }>;
926
- borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
927
- readonly property: "borderTopColor";
928
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
929
- readonly scale: "colors";
930
- }>;
931
- borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
932
- readonly property: "borderBottomColor";
933
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
934
- readonly scale: "colors";
935
- }>;
936
- theme?: import("@emotion/react").Theme | undefined;
937
- fit?: boolean | undefined;
938
- context?: boolean | undefined;
939
- "no-select"?: boolean | undefined;
940
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
941
- } & import("framer-motion").MotionProps & {
942
- theme?: import("@emotion/react").Theme | undefined;
943
- }, {}, {}>;