@codecademy/gamut 68.1.0-alpha.f9ca97.0 → 68.1.1-alpha.2babc6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Alert/elements.d.ts +3 -3
- package/dist/Anchor/index.d.ts +44 -13
- package/dist/Badge/index.d.ts +38 -7
- package/dist/Box/Box.d.ts +1 -1
- package/dist/Box/FlexBox.d.ts +1 -1
- package/dist/Box/GridBox.d.ts +1 -1
- package/dist/Box/props.d.ts +38 -7
- package/dist/Button/CTAButton.d.ts +2 -2
- package/dist/Button/FillButton.d.ts +4 -4
- package/dist/Button/IconButton.d.ts +4 -4
- package/dist/Button/StrokeButton.d.ts +4 -4
- package/dist/Button/TextButton.d.ts +4 -4
- package/dist/Button/shared/InlineIconButton.d.ts +2 -2
- package/dist/Button/shared/styles.d.ts +41 -10
- package/dist/ButtonBase/ButtonBase.d.ts +2 -2
- package/dist/Card/elements.d.ts +139 -43
- package/dist/ConnectedForm/ConnectedFormGroup.js +10 -4
- package/dist/ConnectedForm/utils.d.ts +2 -2
- package/dist/ContentContainer/index.d.ts +1 -1
- package/dist/Disclosure/elements.d.ts +13 -13
- package/dist/Form/elements/Form.d.ts +44 -13
- package/dist/Form/elements/FormGroup.d.ts +1 -1
- package/dist/GridForm/GridFormButtons/index.d.ts +4 -4
- package/dist/GridForm/GridFormInputGroup/index.js +10 -4
- package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts +38 -7
- package/dist/InternalFloatingCard/InternalFloatingCard.d.ts +39 -8
- package/dist/Layout/Column.d.ts +39 -8
- package/dist/Layout/LayoutGrid.d.ts +1 -1
- package/dist/List/elements.d.ts +91 -28
- package/dist/Markdown/index.js +7 -3
- package/dist/Markdown/libs/overrides/index.d.ts +8 -4
- package/dist/Markdown/libs/overrides/index.js +43 -24
- package/dist/Menu/Menu.d.ts +1 -1
- package/dist/Menu/elements.d.ts +42 -11
- package/dist/Pagination/AnimatedPaginationButtons.d.ts +47 -15
- package/dist/Pagination/EllipsisButton.d.ts +9 -9
- package/dist/Pagination/EllipsisButton.js +2 -2
- package/dist/Pagination/PaginationButton.d.ts +6 -6
- package/dist/Pagination/index.js +4 -4
- package/dist/Pagination/utils.d.ts +43 -11
- package/dist/Pagination/utils.js +1 -1
- package/dist/Popover/elements.d.ts +2 -2
- package/dist/PopoverContainer/PopoverContainer.js +31 -4
- package/dist/PopoverContainer/utils.d.ts +25 -1
- package/dist/PopoverContainer/utils.js +36 -5
- package/dist/Tabs/TabButton.d.ts +2 -2
- package/dist/Tabs/TabNav.d.ts +1 -1
- package/dist/Tabs/TabNavLink.d.ts +2 -2
- package/dist/Tabs/props.d.ts +38 -7
- package/dist/Tag/elements.d.ts +11 -11
- package/dist/Tag/types.d.ts +38 -7
- package/dist/Tip/InfoTip/InfoTipButton.d.ts +4 -4
- package/dist/Tip/InfoTip/styles.d.ts +1 -1
- package/dist/Tip/PreviewTip/elements.d.ts +6 -6
- package/dist/Tip/ToolTip/elements.d.ts +1 -1
- package/dist/Tip/shared/elements.d.ts +3 -3
- package/dist/Toggle/elements.d.ts +1 -1
- package/dist/Typography/Text.d.ts +40 -9
- package/package.json +15 -12
- package/dist/typings/react-aria-tabpanel.d.ts +0 -7
package/dist/List/elements.d.ts
CHANGED
|
@@ -290,36 +290,67 @@ declare const space: import("@codecademy/variance/dist/types/config").Parser<imp
|
|
|
290
290
|
};
|
|
291
291
|
readonly dimensions: {
|
|
292
292
|
readonly property: "width";
|
|
293
|
-
readonly properties:
|
|
293
|
+
readonly properties: {
|
|
294
|
+
readonly physical: readonly ["width", "height"];
|
|
295
|
+
readonly logical: readonly ["inlineSize", "blockSize"];
|
|
296
|
+
};
|
|
297
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
294
298
|
readonly transform: (value: string | number) => string | 0;
|
|
295
299
|
};
|
|
296
300
|
readonly width: {
|
|
297
|
-
readonly property:
|
|
301
|
+
readonly property: {
|
|
302
|
+
readonly physical: "width";
|
|
303
|
+
readonly logical: "inlineSize";
|
|
304
|
+
};
|
|
305
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
298
306
|
readonly transform: (value: string | number) => string | 0;
|
|
299
307
|
};
|
|
300
308
|
readonly minWidth: {
|
|
301
|
-
readonly property:
|
|
309
|
+
readonly property: {
|
|
310
|
+
readonly physical: "minWidth";
|
|
311
|
+
readonly logical: "minInlineSize";
|
|
312
|
+
};
|
|
313
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
302
314
|
readonly transform: (value: string | number) => string | 0;
|
|
303
315
|
};
|
|
304
316
|
readonly maxWidth: {
|
|
305
|
-
readonly property:
|
|
317
|
+
readonly property: {
|
|
318
|
+
readonly physical: "maxWidth";
|
|
319
|
+
readonly logical: "maxInlineSize";
|
|
320
|
+
};
|
|
321
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
306
322
|
readonly transform: (value: string | number) => string | 0;
|
|
307
323
|
};
|
|
308
324
|
readonly height: {
|
|
309
|
-
readonly property:
|
|
325
|
+
readonly property: {
|
|
326
|
+
readonly physical: "height";
|
|
327
|
+
readonly logical: "blockSize";
|
|
328
|
+
};
|
|
329
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
310
330
|
readonly transform: (value: string | number) => string | 0;
|
|
311
331
|
};
|
|
312
332
|
readonly minHeight: {
|
|
313
|
-
readonly property:
|
|
333
|
+
readonly property: {
|
|
334
|
+
readonly physical: "minHeight";
|
|
335
|
+
readonly logical: "minBlockSize";
|
|
336
|
+
};
|
|
337
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
314
338
|
readonly transform: (value: string | number) => string | 0;
|
|
315
339
|
};
|
|
316
340
|
readonly maxHeight: {
|
|
317
|
-
readonly property:
|
|
341
|
+
readonly property: {
|
|
342
|
+
readonly physical: "maxHeight";
|
|
343
|
+
readonly logical: "maxBlockSize";
|
|
344
|
+
};
|
|
345
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
318
346
|
readonly transform: (value: string | number) => string | 0;
|
|
319
347
|
};
|
|
320
348
|
readonly verticalAlign: {
|
|
321
349
|
readonly property: "verticalAlign";
|
|
322
350
|
};
|
|
351
|
+
readonly direction: {
|
|
352
|
+
readonly property: "direction";
|
|
353
|
+
};
|
|
323
354
|
}>>;
|
|
324
355
|
declare const listVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"variant", false | "table" | "default" | "block" | "plain" | "card"> & {
|
|
325
356
|
theme?: import("@emotion/react").Theme | undefined;
|
|
@@ -329,7 +360,7 @@ export interface ListProps extends StyleProps<typeof listVariants>, StyleProps<t
|
|
|
329
360
|
export declare const ListEl: import("@emotion/styled").StyledComponent<{
|
|
330
361
|
theme?: import("@emotion/react").Theme | undefined;
|
|
331
362
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
332
|
-
} & ListProps, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "
|
|
363
|
+
} & ListProps, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof import("react").ClassAttributes<HTMLUListElement>>, {}>;
|
|
333
364
|
declare const rowStates: (props: Partial<Record<"expanded" | "isOl" | "scrollable" | "transparentBg", boolean>> & {
|
|
334
365
|
theme?: import("@emotion/react").Theme | undefined;
|
|
335
366
|
}) => import("@codecademy/variance").CSSObject;
|
|
@@ -350,13 +381,13 @@ export interface RowProps extends StyleProps<typeof rowVariants>, StyleProps<typ
|
|
|
350
381
|
export declare const RowEl: import("@emotion/styled").StyledComponent<{
|
|
351
382
|
theme?: import("@emotion/react").Theme | undefined;
|
|
352
383
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
353
|
-
} & RowProps, Pick<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "
|
|
384
|
+
} & RowProps, Pick<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "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" | "value" | keyof import("react").ClassAttributes<HTMLLIElement>>, {}>;
|
|
354
385
|
export interface HeaderProps extends StyleProps<typeof spacingVariants>, StyleProps<typeof rowStates>, StyleProps<typeof listVariants> {
|
|
355
386
|
}
|
|
356
387
|
export declare const HeaderRowEl: import("@emotion/styled").StyledComponent<{
|
|
357
388
|
theme?: import("@emotion/react").Theme | undefined;
|
|
358
389
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
359
|
-
} & HeaderProps, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | keyof import("react").ClassAttributes<HTMLDivElement> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "
|
|
390
|
+
} & HeaderProps, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "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">, {}>;
|
|
360
391
|
declare const columnType: (props: import("@codecademy/variance/dist/types/config").VariantProps<"type", false | "header" | "select" | "content" | "orderedHeader" | "control" | "tableControl" | "expand" | "expandControl"> & {
|
|
361
392
|
theme?: import("@emotion/react").Theme | undefined;
|
|
362
393
|
}) => import("@codecademy/variance").CSSObject;
|
|
@@ -377,7 +408,7 @@ export interface ColProps extends StyleProps<typeof columnSizes>, StyleProps<typ
|
|
|
377
408
|
export declare const ColEl: import("@emotion/styled").StyledComponent<{
|
|
378
409
|
theme?: import("@emotion/react").Theme | undefined;
|
|
379
410
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
380
|
-
} & ColProps, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | keyof import("react").ClassAttributes<HTMLDivElement> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "
|
|
411
|
+
} & ColProps, 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">, {}>;
|
|
381
412
|
export declare const StickyHeaderColWrapper: import("@emotion/styled").StyledComponent<{
|
|
382
413
|
theme?: import("@emotion/react").Theme | undefined;
|
|
383
414
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
@@ -387,7 +418,7 @@ export declare const StickyHeaderColWrapper: import("@emotion/styled").StyledCom
|
|
|
387
418
|
export declare const StaticListWrapper: import("@emotion/styled").StyledComponent<{
|
|
388
419
|
theme?: import("@emotion/react").Theme | undefined;
|
|
389
420
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
390
|
-
} & 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" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "
|
|
421
|
+
} & 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"> & {
|
|
391
422
|
theme?: import("@emotion/react").Theme | undefined;
|
|
392
423
|
} & Partial<Record<"disableContainerQuery", boolean>>, {}, {}>;
|
|
393
424
|
export declare const AnimatedListWrapper: import("@emotion/styled").StyledComponent<{
|
|
@@ -427,11 +458,19 @@ export declare const AnimatedListWrapper: import("@emotion/styled").StyledCompon
|
|
|
427
458
|
dir?: string | undefined;
|
|
428
459
|
className?: string | undefined;
|
|
429
460
|
height?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
430
|
-
readonly property:
|
|
461
|
+
readonly property: {
|
|
462
|
+
readonly physical: "height";
|
|
463
|
+
readonly logical: "blockSize";
|
|
464
|
+
};
|
|
465
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
431
466
|
readonly transform: (value: string | number) => string | 0;
|
|
432
467
|
}>;
|
|
433
468
|
width?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
434
|
-
readonly property:
|
|
469
|
+
readonly property: {
|
|
470
|
+
readonly physical: "width";
|
|
471
|
+
readonly logical: "inlineSize";
|
|
472
|
+
};
|
|
473
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
435
474
|
readonly transform: (value: string | number) => string | 0;
|
|
436
475
|
}>;
|
|
437
476
|
"aria-hidden"?: (boolean | "false" | "true") | undefined;
|
|
@@ -442,10 +481,12 @@ export declare const AnimatedListWrapper: import("@emotion/styled").StyledCompon
|
|
|
442
481
|
suppressContentEditableWarning?: boolean | undefined;
|
|
443
482
|
suppressHydrationWarning?: boolean | undefined;
|
|
444
483
|
accessKey?: string | undefined;
|
|
484
|
+
autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
|
|
445
485
|
autoFocus?: boolean | undefined;
|
|
446
486
|
contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
|
|
447
487
|
contextMenu?: string | undefined;
|
|
448
488
|
draggable?: (boolean | "false" | "true") | undefined;
|
|
489
|
+
enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
|
|
449
490
|
hidden?: boolean | undefined;
|
|
450
491
|
id?: string | undefined;
|
|
451
492
|
lang?: string | undefined;
|
|
@@ -466,7 +507,6 @@ export declare const AnimatedListWrapper: import("@emotion/styled").StyledCompon
|
|
|
466
507
|
rev?: string | undefined;
|
|
467
508
|
typeof?: string | undefined;
|
|
468
509
|
vocab?: string | undefined;
|
|
469
|
-
autoCapitalize?: string | undefined;
|
|
470
510
|
autoCorrect?: string | undefined;
|
|
471
511
|
autoSave?: string | undefined;
|
|
472
512
|
itemProp?: string | undefined;
|
|
@@ -479,6 +519,8 @@ export declare const AnimatedListWrapper: import("@emotion/styled").StyledCompon
|
|
|
479
519
|
unselectable?: "off" | "on" | undefined;
|
|
480
520
|
inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
481
521
|
is?: string | undefined;
|
|
522
|
+
exportparts?: string | undefined;
|
|
523
|
+
part?: string | undefined;
|
|
482
524
|
"aria-activedescendant"?: string | undefined;
|
|
483
525
|
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
484
526
|
"aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
|
|
@@ -552,7 +594,7 @@ export declare const AnimatedListWrapper: import("@emotion/styled").StyledCompon
|
|
|
552
594
|
onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
553
595
|
onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
554
596
|
onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
555
|
-
onBeforeInput?: import("react").
|
|
597
|
+
onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
|
|
556
598
|
onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
557
599
|
onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
558
600
|
onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
@@ -602,8 +644,6 @@ export declare const AnimatedListWrapper: import("@emotion/styled").StyledCompon
|
|
|
602
644
|
onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
603
645
|
onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
604
646
|
onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
605
|
-
onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
606
|
-
onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
607
647
|
onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
608
648
|
onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
609
649
|
onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
@@ -691,8 +731,8 @@ export declare const AnimatedListWrapper: import("@emotion/styled").StyledCompon
|
|
|
691
731
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
692
732
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
693
733
|
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;
|
|
694
|
-
alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "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;
|
|
695
|
-
alignSelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "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;
|
|
734
|
+
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;
|
|
735
|
+
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;
|
|
696
736
|
backgroundImage?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
697
737
|
readonly property: "backgroundImage";
|
|
698
738
|
}>;
|
|
@@ -720,10 +760,13 @@ export declare const AnimatedListWrapper: import("@emotion/styled").StyledCompon
|
|
|
720
760
|
containerType?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
721
761
|
readonly property: "containerType";
|
|
722
762
|
}>;
|
|
763
|
+
direction?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
764
|
+
readonly property: "direction";
|
|
765
|
+
}>;
|
|
723
766
|
display?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
724
767
|
readonly property: "display";
|
|
725
768
|
}>;
|
|
726
|
-
flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-max-content" | "-moz-min-content" | "auto" | "fit-content" | "max-content" | "min-content" | "-
|
|
769
|
+
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;
|
|
727
770
|
flexDirection?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
728
771
|
readonly property: "flexDirection";
|
|
729
772
|
}>;
|
|
@@ -758,8 +801,8 @@ export declare const AnimatedListWrapper: import("@emotion/styled").StyledCompon
|
|
|
758
801
|
readonly property: "gridTemplateRows";
|
|
759
802
|
}>;
|
|
760
803
|
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;
|
|
761
|
-
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" | "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;
|
|
762
|
-
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" | "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;
|
|
804
|
+
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;
|
|
805
|
+
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;
|
|
763
806
|
left?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
764
807
|
readonly property: {
|
|
765
808
|
readonly physical: "left";
|
|
@@ -781,19 +824,35 @@ export declare const AnimatedListWrapper: import("@emotion/styled").StyledCompon
|
|
|
781
824
|
readonly property: "listStyleType";
|
|
782
825
|
}>;
|
|
783
826
|
maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
784
|
-
readonly property:
|
|
827
|
+
readonly property: {
|
|
828
|
+
readonly physical: "maxHeight";
|
|
829
|
+
readonly logical: "maxBlockSize";
|
|
830
|
+
};
|
|
831
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
785
832
|
readonly transform: (value: string | number) => string | 0;
|
|
786
833
|
}>;
|
|
787
834
|
maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
788
|
-
readonly property:
|
|
835
|
+
readonly property: {
|
|
836
|
+
readonly physical: "maxWidth";
|
|
837
|
+
readonly logical: "maxInlineSize";
|
|
838
|
+
};
|
|
839
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
789
840
|
readonly transform: (value: string | number) => string | 0;
|
|
790
841
|
}>;
|
|
791
842
|
minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
792
|
-
readonly property:
|
|
843
|
+
readonly property: {
|
|
844
|
+
readonly physical: "minHeight";
|
|
845
|
+
readonly logical: "minBlockSize";
|
|
846
|
+
};
|
|
847
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
793
848
|
readonly transform: (value: string | number) => string | 0;
|
|
794
849
|
}>;
|
|
795
850
|
minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
796
|
-
readonly property:
|
|
851
|
+
readonly property: {
|
|
852
|
+
readonly physical: "minWidth";
|
|
853
|
+
readonly logical: "minInlineSize";
|
|
854
|
+
};
|
|
855
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
797
856
|
readonly transform: (value: string | number) => string | 0;
|
|
798
857
|
}>;
|
|
799
858
|
opacity?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
@@ -1212,7 +1271,11 @@ export declare const AnimatedListWrapper: import("@emotion/styled").StyledCompon
|
|
|
1212
1271
|
}>;
|
|
1213
1272
|
dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1214
1273
|
readonly property: "width";
|
|
1215
|
-
readonly properties:
|
|
1274
|
+
readonly properties: {
|
|
1275
|
+
readonly physical: readonly ["width", "height"];
|
|
1276
|
+
readonly logical: readonly ["inlineSize", "blockSize"];
|
|
1277
|
+
};
|
|
1278
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
1216
1279
|
readonly transform: (value: string | number) => string | 0;
|
|
1217
1280
|
}>;
|
|
1218
1281
|
textColor?: import("@codecademy/variance/dist/types/config").Scale<{
|
package/dist/Markdown/index.js
CHANGED
|
@@ -31,7 +31,7 @@ const MarkdownWrapper = /*#__PURE__*/_styled("div", {
|
|
|
31
31
|
}) => {
|
|
32
32
|
const spacingStyleFunction = markdownStyles[spacing];
|
|
33
33
|
return spacingStyleFunction ? spacingStyleFunction(theme) : '';
|
|
34
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9NYXJrZG93bi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0MyRSIsImZpbGUiOiIuLi8uLi9zcmMvTWFya2Rvd24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IGN4IGZyb20gJ2NsYXNzbmFtZXMnO1xuaW1wb3J0IEh0bWxUb1JlYWN0IGZyb20gJ2h0bWwtdG8tcmVhY3QnO1xuaW1wb3J0IHsgbWFya2VkIH0gZnJvbSAnbWFya2VkJztcbmltcG9ydCB7IFB1cmVDb21wb25lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc2FuaXRpemVNYXJrZG93biBmcm9tICdzYW5pdGl6ZS1tYXJrZG93bic7XG5cbmltcG9ydCB7IG9taXRQcm9wcyB9IGZyb20gJy4uL3V0aWxzL29taXRQcm9wcyc7XG5pbXBvcnQge1xuICBjcmVhdGVDb2RlQmxvY2tPdmVycmlkZSxcbiAgY3JlYXRlSW5wdXRPdmVycmlkZSxcbiAgY3JlYXRlVGFnT3ZlcnJpZGUsXG4gIGNyZWF0ZVZpZGVvT3ZlcnJpZGUsXG4gIE1hcmtkb3duT3ZlcnJpZGVTZXR0aW5ncyxcbiAgc3RhbmRhcmRPdmVycmlkZXMsXG59IGZyb20gJy4vbGlicy9vdmVycmlkZXMnO1xuaW1wb3J0IHsgTWFya2Rvd25DaGVja2JveCB9IGZyb20gJy4vbGlicy9vdmVycmlkZXMvQ2hlY2tib3gnO1xuaW1wb3J0IHsgRGV0YWlscyB9IGZyb20gJy4vbGlicy9vdmVycmlkZXMvRGV0YWlscyc7XG5pbXBvcnQgeyBJZnJhbWUgfSBmcm9tICcuL2xpYnMvb3ZlcnJpZGVzL0lmcmFtZSc7XG5pbXBvcnQge1xuICBNYXJrZG93bkFuY2hvcixcbiAgTWFya2Rvd25BbmNob3JQcm9wcyxcbn0gZnJvbSAnLi9saWJzL292ZXJyaWRlcy9NYXJrZG93bkFuY2hvcic7XG5pbXBvcnQgeyBUYWJsZSB9IGZyb20gJy4vbGlicy9vdmVycmlkZXMvVGFibGUnO1xuaW1wb3J0IHsgTWFya2Rvd25WaWRlbyB9IGZyb20gJy4vbGlicy9vdmVycmlkZXMvVmlkZW8nO1xuaW1wb3J0IHsgY3JlYXRlUHJlcHJvY2Vzc2luZ0luc3RydWN0aW9ucyB9IGZyb20gJy4vbGlicy9wcmVwcm9jZXNzaW5nJztcbmltcG9ydCB7IGRlZmF1bHRTYW5pdGl6YXRpb25Db25maWcgfSBmcm9tICcuL2xpYnMvc2FuaXRpemF0aW9uQ29uZmlnJztcbmltcG9ydCB7IG1hcmtkb3duU3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuXG5jb25zdCBodG1sVG9SZWFjdFBhcnNlciA9IEh0bWxUb1JlYWN0LlBhcnNlcih7XG4gIHhtbE1vZGU6IHRydWUsXG59KTtcblxuY29uc3QgcHJlcHJvY2Vzc2luZ0luc3RydWN0aW9ucyA9IGNyZWF0ZVByZXByb2Nlc3NpbmdJbnN0cnVjdGlvbnMoKTtcblxuY29uc3QgaXNWYWxpZE5vZGUgPSAoKSA9PiB0cnVlO1xuXG5jb25zdCBNYXJrZG93bldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgc3BhY2luZzogJ2xvb3NlJyB8ICd0aWdodCcgfCAnbm9uZScgfT5gXG4gICR7KHsgdGhlbWUsIHNwYWNpbmcgfSkgPT4ge1xuICAgIGNvbnN0IHNwYWNpbmdTdHlsZUZ1bmN0aW9uID0gbWFya2Rvd25TdHlsZXNbc3BhY2luZ107XG4gICAgcmV0dXJuIHNwYWNpbmdTdHlsZUZ1bmN0aW9uID8gc3BhY2luZ1N0eWxlRnVuY3Rpb24odGhlbWUpIDogJyc7XG4gIH19XG5gO1xuXG5leHBvcnQgdHlwZSBTa2lwRGVmYXVsdE92ZXJyaWRlc1NldHRpbmdzID0ge1xuICBhPzogYm9vbGVhbjtcbiAgY2hlY2tib3g/OiBib29sZWFuO1xuICBkZXRhaWxzPzogYm9vbGVhbjtcbiAgaWZyYW1lPzogYm9vbGVhbjtcbiAgdGFibGU/OiBib29sZWFuO1xuICB2aWRlbz86IGJvb2xlYW47XG59O1xuXG5leHBvcnQgdHlwZSBNYXJrZG93blByb3BzID0ge1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGlubGluZT86IGJvb2xlYW47XG4gIG92ZXJyaWRlcz86IE1hcmtkb3duT3ZlcnJpZGVTZXR0aW5ncztcbiAgc2tpcERlZmF1bHRPdmVycmlkZXM/OiBTa2lwRGVmYXVsdE92ZXJyaWRlc1NldHRpbmdzO1xuICAvKipcbiAgICogRW5hYmxlcyBnZW5lcmF0ZWQgaGVhZGVyIGlkcyBmb3IgSDEtNiB0YWdzXG4gICAqIENhbiBnZW5lcmF0ZSBkdXBsaWNhdGUgSURzIGlmIHVzZWQgb24gc2VwYXJhdGUgbWFya2Rvd24gY29tcG9uZW50cyBvbiB0aGUgc2FtZSBwYWdlXG4gICAqL1xuICBoZWFkZXJJZHM/OiBib29sZWFuO1xuICBzcGFjaW5nPzogJ2xvb3NlJyB8ICd0aWdodCcgfCAnbm9uZSc7XG4gIHRleHQ/
|
|
34
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9NYXJrZG93bi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0MyRSIsImZpbGUiOiIuLi8uLi9zcmMvTWFya2Rvd24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IGN4IGZyb20gJ2NsYXNzbmFtZXMnO1xuaW1wb3J0IEh0bWxUb1JlYWN0IGZyb20gJ2h0bWwtdG8tcmVhY3QnO1xuaW1wb3J0IHsgbWFya2VkIH0gZnJvbSAnbWFya2VkJztcbmltcG9ydCB7IFB1cmVDb21wb25lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc2FuaXRpemVNYXJrZG93biBmcm9tICdzYW5pdGl6ZS1tYXJrZG93bic7XG5cbmltcG9ydCB7IG9taXRQcm9wcyB9IGZyb20gJy4uL3V0aWxzL29taXRQcm9wcyc7XG5pbXBvcnQge1xuICBjcmVhdGVDb2RlQmxvY2tPdmVycmlkZSxcbiAgY3JlYXRlSW5wdXRPdmVycmlkZSxcbiAgY3JlYXRlVGFnT3ZlcnJpZGUsXG4gIGNyZWF0ZVZpZGVvT3ZlcnJpZGUsXG4gIE1hcmtkb3duT3ZlcnJpZGVTZXR0aW5ncyxcbiAgc3RhbmRhcmRPdmVycmlkZXMsXG59IGZyb20gJy4vbGlicy9vdmVycmlkZXMnO1xuaW1wb3J0IHsgTWFya2Rvd25DaGVja2JveCB9IGZyb20gJy4vbGlicy9vdmVycmlkZXMvQ2hlY2tib3gnO1xuaW1wb3J0IHsgRGV0YWlscyB9IGZyb20gJy4vbGlicy9vdmVycmlkZXMvRGV0YWlscyc7XG5pbXBvcnQgeyBJZnJhbWUgfSBmcm9tICcuL2xpYnMvb3ZlcnJpZGVzL0lmcmFtZSc7XG5pbXBvcnQge1xuICBNYXJrZG93bkFuY2hvcixcbiAgTWFya2Rvd25BbmNob3JQcm9wcyxcbn0gZnJvbSAnLi9saWJzL292ZXJyaWRlcy9NYXJrZG93bkFuY2hvcic7XG5pbXBvcnQgeyBUYWJsZSB9IGZyb20gJy4vbGlicy9vdmVycmlkZXMvVGFibGUnO1xuaW1wb3J0IHsgTWFya2Rvd25WaWRlbyB9IGZyb20gJy4vbGlicy9vdmVycmlkZXMvVmlkZW8nO1xuaW1wb3J0IHsgY3JlYXRlUHJlcHJvY2Vzc2luZ0luc3RydWN0aW9ucyB9IGZyb20gJy4vbGlicy9wcmVwcm9jZXNzaW5nJztcbmltcG9ydCB7IGRlZmF1bHRTYW5pdGl6YXRpb25Db25maWcgfSBmcm9tICcuL2xpYnMvc2FuaXRpemF0aW9uQ29uZmlnJztcbmltcG9ydCB7IG1hcmtkb3duU3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuXG5jb25zdCBodG1sVG9SZWFjdFBhcnNlciA9IEh0bWxUb1JlYWN0LlBhcnNlcih7XG4gIHhtbE1vZGU6IHRydWUsXG59KTtcblxuY29uc3QgcHJlcHJvY2Vzc2luZ0luc3RydWN0aW9ucyA9IGNyZWF0ZVByZXByb2Nlc3NpbmdJbnN0cnVjdGlvbnMoKTtcblxuY29uc3QgaXNWYWxpZE5vZGUgPSAoKSA9PiB0cnVlO1xuXG5jb25zdCBNYXJrZG93bldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgc3BhY2luZzogJ2xvb3NlJyB8ICd0aWdodCcgfCAnbm9uZScgfT5gXG4gICR7KHsgdGhlbWUsIHNwYWNpbmcgfSkgPT4ge1xuICAgIGNvbnN0IHNwYWNpbmdTdHlsZUZ1bmN0aW9uID0gbWFya2Rvd25TdHlsZXNbc3BhY2luZ107XG4gICAgcmV0dXJuIHNwYWNpbmdTdHlsZUZ1bmN0aW9uID8gc3BhY2luZ1N0eWxlRnVuY3Rpb24odGhlbWUpIDogJyc7XG4gIH19XG5gO1xuXG5leHBvcnQgdHlwZSBTa2lwRGVmYXVsdE92ZXJyaWRlc1NldHRpbmdzID0ge1xuICBhPzogYm9vbGVhbjtcbiAgY2hlY2tib3g/OiBib29sZWFuO1xuICBkZXRhaWxzPzogYm9vbGVhbjtcbiAgaWZyYW1lPzogYm9vbGVhbjtcbiAgdGFibGU/OiBib29sZWFuO1xuICB2aWRlbz86IGJvb2xlYW47XG59O1xuXG5leHBvcnQgdHlwZSBNYXJrZG93blByb3BzID0ge1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGlubGluZT86IGJvb2xlYW47XG4gIG92ZXJyaWRlcz86IE1hcmtkb3duT3ZlcnJpZGVTZXR0aW5ncztcbiAgc2tpcERlZmF1bHRPdmVycmlkZXM/OiBTa2lwRGVmYXVsdE92ZXJyaWRlc1NldHRpbmdzO1xuICAvKipcbiAgICogRW5hYmxlcyBnZW5lcmF0ZWQgaGVhZGVyIGlkcyBmb3IgSDEtNiB0YWdzXG4gICAqIENhbiBnZW5lcmF0ZSBkdXBsaWNhdGUgSURzIGlmIHVzZWQgb24gc2VwYXJhdGUgbWFya2Rvd24gY29tcG9uZW50cyBvbiB0aGUgc2FtZSBwYWdlXG4gICAqL1xuICBoZWFkZXJJZHM/OiBib29sZWFuO1xuICBzcGFjaW5nPzogJ2xvb3NlJyB8ICd0aWdodCcgfCAnbm9uZSc7XG4gIHRleHQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIGEgbWFya2Rvd24gYW5jaG9yIHRhZyBpcyBjbGlja2VkXG4gICAqL1xuICBvbkFuY2hvckNsaWNrPzogKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxBbmNob3JFbGVtZW50PikgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBjbGFzcyBNYXJrZG93biBleHRlbmRzIFB1cmVDb21wb25lbnQ8TWFya2Rvd25Qcm9wcz4ge1xuICByZW5kZXIoKSB7XG4gICAgY29uc3Qge1xuICAgICAgc3BhY2luZyA9ICd0aWdodCcsXG4gICAgICB0ZXh0ID0gJycsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBvdmVycmlkZXM6IHVzZXJPdmVycmlkZXMgPSB7fSxcbiAgICAgIHNraXBEZWZhdWx0T3ZlcnJpZGVzID0ge30sXG4gICAgICBpbmxpbmUgPSBmYWxzZSxcbiAgICAgIGhlYWRlcklkcyA9IHRydWUsXG4gICAgICBvbkFuY2hvckNsaWNrLFxuICAgIH0gPSB0aGlzLnByb3BzO1xuXG4gICAgaWYgKCF0ZXh0KSByZXR1cm4gbnVsbDtcblxuICAgIGNvbnN0IG92ZXJyaWRlcyA9IE9iamVjdC5rZXlzKHVzZXJPdmVycmlkZXMpLm1hcCgodGFnTmFtZSkgPT4ge1xuICAgICAgaWYgKHRhZ05hbWUgPT09ICdDb2RlQmxvY2snKSB7XG4gICAgICAgIHJldHVybiBjcmVhdGVDb2RlQmxvY2tPdmVycmlkZSh0YWdOYW1lLCB1c2VyT3ZlcnJpZGVzW3RhZ05hbWVdKTtcbiAgICAgIH1cbiAgICAgIHJldHVybiBjcmVhdGVUYWdPdmVycmlkZSh0YWdOYW1lLCB1c2VyT3ZlcnJpZGVzW3RhZ05hbWVdKTtcbiAgICB9KTtcblxuICAgIGNvbnN0IHByb2Nlc3NpbmdJbnN0cnVjdGlvbnMgPSBbXG4gICAgICAuLi5vdmVycmlkZXMsXG4gICAgICAhc2tpcERlZmF1bHRPdmVycmlkZXMuaWZyYW1lICYmXG4gICAgICAgIGNyZWF0ZVRhZ092ZXJyaWRlKCdpZnJhbWUnLCB7XG4gICAgICAgICAgY29tcG9uZW50OiBJZnJhbWUsXG4gICAgICAgIH0pLFxuICAgICAgIXNraXBEZWZhdWx0T3ZlcnJpZGVzLmEgJiZcbiAgICAgICAgY3JlYXRlVGFnT3ZlcnJpZGUoJ2EnLCB7XG4gICAgICAgICAgY29tcG9uZW50OiBNYXJrZG93bkFuY2hvcixcbiAgICAgICAgICBwcm9jZXNzTm9kZTogKG5vZGUsIHByb3BzKSA9PiB7XG4gICAgICAgICAgICAvLyBOb3RlOiB0aGlzIHByb2Nlc3NOb2RlIG92ZXJyaWRlIGlzIG5lY2Vzc2FyeSBiZWNhdXNlIHdyYXBwaW5nIHRoaXMgY29tcG9uZW50XG4gICAgICAgICAgICAvLyBpbiBhbiBhbm9ueW1vdXMgZnVuY3Rpb25hbCBjb21wb25lbnQgYXMgd2l0aCB0aGUgVGFibGUgYmVsb3cgY2F1c2VzIHJlYWN0IHJlbmRlcmluZ1xuICAgICAgICAgICAgLy8gdG8gY3Jhc2ggd2l0aCBzb21lIGNocm9tZSB0cmFuc2xhdGlvbiBmZWF0dXJlcy5cbiAgICAgICAgICAgIC8vIFNlZSBodHRwczovL2NvZGVjYWRlbXkuYXRsYXNzaWFuLm5ldC9icm93c2UvV0VCLTEyMTRcbiAgICAgICAgICAgIGNvbnN0IHsga2V5OiBlbGVtZW50S2V5LCAuLi5yZXN0IH0gPVxuICAgICAgICAgICAgICBwcm9wcyBhcyBNYXJrZG93bkFuY2hvclByb3BzICYgeyBrZXk/OiBSZWFjdC5LZXkgfTtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxNYXJrZG93bkFuY2hvclxuICAgICAgICAgICAgICAgIGtleT17ZWxlbWVudEtleX1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtvbkFuY2hvckNsaWNrfVxuICAgICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9LFxuICAgICAgICB9KSxcbiAgICAgICFza2lwRGVmYXVsdE92ZXJyaWRlcy50YWJsZSAmJlxuICAgICAgICBjcmVhdGVUYWdPdmVycmlkZSgndGFibGUnLCB7XG4gICAgICAgICAgY29tcG9uZW50OiBUYWJsZSxcbiAgICAgICAgICBhbGxvd2VkQXR0cmlidXRlczogWydzdHlsZSddLFxuICAgICAgICB9KSxcbiAgICAgICFza2lwRGVmYXVsdE92ZXJyaWRlcy52aWRlbyAmJlxuICAgICAgICBjcmVhdGVWaWRlb092ZXJyaWRlKCd2aWRlbycsIHtcbiAgICAgICAgICBjb21wb25lbnQ6IE1hcmtkb3duVmlkZW8sXG4gICAgICAgIH0pLFxuICAgICAgIXNraXBEZWZhdWx0T3ZlcnJpZGVzLmRldGFpbHMgJiZcbiAgICAgICAgY3JlYXRlVGFnT3ZlcnJpZGUoJ2RldGFpbHMnLCB7XG4gICAgICAgICAgY29tcG9uZW50OiBEZXRhaWxzLFxuICAgICAgICAgIGFsbG93ZWRBdHRyaWJ1dGVzOiBbJ3N0eWxlJywgJ29wZW4nXSxcbiAgICAgICAgfSksXG4gICAgICAhc2tpcERlZmF1bHRPdmVycmlkZXMuY2hlY2tib3ggJiZcbiAgICAgICAgY3JlYXRlSW5wdXRPdmVycmlkZSgnY2hlY2tib3gnLCB7XG4gICAgICAgICAgY29tcG9uZW50OiBNYXJrZG93bkNoZWNrYm94LFxuICAgICAgICB9KSxcbiAgICAgIC4uLnN0YW5kYXJkT3ZlcnJpZGVzLFxuICAgIF0uZmlsdGVyKEJvb2xlYW4pO1xuXG4gICAgY29uc3QgbWFya2VkT3B0aW9ucyA9IHtcbiAgICAgIHNtYXJ0eXBhbnRzOiB0cnVlLFxuICAgICAgaGVhZGVySWRzLFxuICAgICAgaGVhZGVyUHJlZml4OiAnaGVhZGluZy0nLFxuICAgICAgbWFuZ2xlOiBmYWxzZSxcbiAgICB9O1xuXG4gICAgLy8gUmVuZGVyIG1hcmtkb3duIHRvIGh0bWxcbiAgICBjb25zdCByYXdIdG1sID0gaW5saW5lXG4gICAgICA/IG1hcmtlZC5wYXJzZUlubGluZSh0ZXh0LCBtYXJrZWRPcHRpb25zKVxuICAgICAgOiBtYXJrZWQodGV4dCwgbWFya2VkT3B0aW9ucyk7XG5cbiAgICBjb25zdCBzYW5pdGl6YXRpb25Db25maWcgPSB7XG4gICAgICAuLi5kZWZhdWx0U2FuaXRpemF0aW9uQ29uZmlnLFxuICAgICAgYWxsb3dlZFRhZ3M6IFtcbiAgICAgICAgLi4uZGVmYXVsdFNhbml0aXphdGlvbkNvbmZpZy5hbGxvd2VkVGFncyxcbiAgICAgICAgLi4uT2JqZWN0LmtleXModXNlck92ZXJyaWRlcykubWFwKCh0YWdOYW1lKSA9PiB0YWdOYW1lLnRvTG93ZXJDYXNlKCkpLFxuICAgICAgXSxcbiAgICAgIGFsbG93ZWRBdHRyaWJ1dGVzOiB7XG4gICAgICAgIC4uLmRlZmF1bHRTYW5pdGl6YXRpb25Db25maWcuYWxsb3dlZEF0dHJpYnV0ZXMsXG4gICAgICAgIC4uLk9iamVjdC5rZXlzKHVzZXJPdmVycmlkZXMpLnJlZHVjZSgoYWNjLCB0YWdOYW1lKSA9PiB7XG4gICAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIC4uLmFjYyxcbiAgICAgICAgICAgIFt0YWdOYW1lLnRvTG93ZXJDYXNlKCldOiAoXG4gICAgICAgICAgICAgIHVzZXJPdmVycmlkZXNbdGFnTmFtZV0uYWxsb3dlZEF0dHJpYnV0ZXMgfHwgW11cbiAgICAgICAgICAgICkubWFwKChhdHRyKSA9PiBhdHRyLnRvTG93ZXJDYXNlKCkpLFxuICAgICAgICAgIH07XG4gICAgICAgIH0sIHt9KSxcbiAgICAgIH0sXG4gICAgfTtcblxuICAgIGNvbnN0IGh0bWwgPSBzYW5pdGl6ZU1hcmtkb3duKHJhd0h0bWwsIHNhbml0aXphdGlvbkNvbmZpZyk7XG5cbiAgICAvLyBSZW5kZXIgaHRtbCB0byBhIHJlYWN0IHRyZWVcbiAgICBjb25zdCByZWFjdCA9IGh0bWxUb1JlYWN0UGFyc2VyLnBhcnNlV2l0aEluc3RydWN0aW9ucyhcbiAgICAgIGh0bWwsXG4gICAgICBpc1ZhbGlkTm9kZSxcbiAgICAgIHByb2Nlc3NpbmdJbnN0cnVjdGlvbnMsXG4gICAgICBwcmVwcm9jZXNzaW5nSW5zdHJ1Y3Rpb25zXG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8TWFya2Rvd25XcmFwcGVyXG4gICAgICAgIGFzPXtpbmxpbmUgPyAnc3BhbicgOiAnZGl2J31cbiAgICAgICAgey4uLm9taXRQcm9wcyhPYmplY3Qua2V5cyh0aGlzLnByb3BzKSwgdGhpcy5wcm9wcyl9XG4gICAgICAgIGNsYXNzTmFtZT17Y3goY2xhc3NOYW1lKX1cbiAgICAgICAgc3BhY2luZz17c3BhY2luZ31cbiAgICAgID5cbiAgICAgICAge3JlYWN0fVxuICAgICAgPC9NYXJrZG93bldyYXBwZXI+XG4gICAgKTtcbiAgfVxufVxuXG5leHBvcnQgdHlwZSB7XG4gIE1hcmtkb3duT3ZlcnJpZGVTZXR0aW5nLFxuICBNYXJrZG93bk92ZXJyaWRlU2V0dGluZ3MsXG59IGZyb20gJy4vbGlicy9vdmVycmlkZXMnO1xuIl19 */"));
|
|
35
35
|
export class Markdown extends PureComponent {
|
|
36
36
|
render() {
|
|
37
37
|
const {
|
|
@@ -60,10 +60,14 @@ export class Markdown extends PureComponent {
|
|
|
60
60
|
// in an anonymous functional component as with the Table below causes react rendering
|
|
61
61
|
// to crash with some chrome translation features.
|
|
62
62
|
// See https://codecademy.atlassian.net/browse/WEB-1214
|
|
63
|
+
const {
|
|
64
|
+
key: elementKey,
|
|
65
|
+
...rest
|
|
66
|
+
} = props;
|
|
63
67
|
return /*#__PURE__*/_jsx(MarkdownAnchor, {
|
|
64
68
|
onClick: onAnchorClick,
|
|
65
|
-
...
|
|
66
|
-
});
|
|
69
|
+
...rest
|
|
70
|
+
}, elementKey);
|
|
67
71
|
}
|
|
68
72
|
}), !skipDefaultOverrides.table && createTagOverride('table', {
|
|
69
73
|
component: Table,
|
|
@@ -15,6 +15,10 @@ export interface HTMLToReactNode {
|
|
|
15
15
|
type OverrideSettingsBase = {
|
|
16
16
|
component?: React.ComponentType<any>;
|
|
17
17
|
allowedAttributes?: string[];
|
|
18
|
+
/**
|
|
19
|
+
* Receives props from html-to-react including `key`. When spreading props into JSX,
|
|
20
|
+
* extract key first (e.g. `const { key, ...rest } = props; return <Component key={key} {...rest} />`)
|
|
21
|
+
*/
|
|
18
22
|
processNode?: (node: HTMLToReactNode, props: object) => React.ReactNode;
|
|
19
23
|
shouldProcessNode?: (node: HTMLToReactNode) => boolean;
|
|
20
24
|
};
|
|
@@ -31,19 +35,19 @@ export type MarkdownOverrideSettings = {
|
|
|
31
35
|
export declare const processAttributes: (attributes?: AttributesMap) => {};
|
|
32
36
|
export declare const createTagOverride: (tagName: string, Override: MarkdownOverrideSetting) => {
|
|
33
37
|
shouldProcessNode(node: HTMLToReactNode): boolean;
|
|
34
|
-
processNode(node: HTMLToReactNode, children: HTMLToReactNode[], key: React.Key):
|
|
38
|
+
processNode(node: HTMLToReactNode, children: HTMLToReactNode[], key: React.Key): React.ReactNode;
|
|
35
39
|
};
|
|
36
40
|
export declare const createVideoOverride: (tagName: string, Override: MarkdownOverrideSetting) => {
|
|
37
41
|
shouldProcessNode(node: HTMLToReactNode): boolean;
|
|
38
|
-
processNode(node: HTMLToReactNode, children: HTMLToReactNode[], key: React.Key):
|
|
42
|
+
processNode(node: HTMLToReactNode, children: HTMLToReactNode[], key: React.Key): React.ReactNode;
|
|
39
43
|
};
|
|
40
44
|
export declare const createCodeBlockOverride: (tagName: string, Override: MarkdownOverrideSetting) => {
|
|
41
45
|
shouldProcessNode(node: HTMLToReactNode): boolean;
|
|
42
|
-
processNode(node: HTMLToReactNode, children: HTMLToReactNode[], key: React.Key):
|
|
46
|
+
processNode(node: HTMLToReactNode, children: HTMLToReactNode[], key: React.Key): React.ReactNode;
|
|
43
47
|
};
|
|
44
48
|
export declare const createInputOverride: (type: string, Override: MarkdownOverrideSetting) => {
|
|
45
49
|
shouldProcessNode(node: HTMLToReactNode): boolean;
|
|
46
|
-
processNode(node: HTMLToReactNode, children: HTMLToReactNode[], key: React.Key):
|
|
50
|
+
processNode(node: HTMLToReactNode, children: HTMLToReactNode[], key: React.Key): React.ReactNode;
|
|
47
51
|
};
|
|
48
52
|
export declare const standardOverrides: ({
|
|
49
53
|
shouldProcessNode(node: HTMLToReactNode): boolean;
|