@codecademy/gamut 68.2.3-alpha.df0cb3.0 → 68.2.3-alpha.e3cc4a.0

package/dist/Typography/Text.d.ts

@@ -379,8 +379,8 @@ export type TextProps = TextTruncateProps | TextNoTruncateProps;
 export declare const Text: import("react").ForwardRefExoticComponent<(Omit<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & TextTruncateProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "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<HTMLSpanElement>>, "ref"> | Omit<{
+} & TextTruncateProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "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" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "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" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | keyof import("react").ClassAttributes<HTMLSpanElement>>, "ref"> | Omit<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & TextNoTruncateProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "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<HTMLSpanElement>>, "ref">) & import("react").RefAttributes<HTMLSpanElement>>;
+} & TextNoTruncateProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "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" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "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" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | keyof import("react").ClassAttributes<HTMLSpanElement>>, "ref">) & import("react").RefAttributes<HTMLSpanElement>>;
 export {};

package/dist/index.d.ts

@@ -16,8 +16,6 @@ export * from './Card';
 export * from './Coachmark';
 export * from './ConnectedForm';
 export * from './ContentContainer';
-export * from './DatePicker';
-export * from './DatePicker/Calendar';
 export * from './DelayedRenderWrapper';
 export * from './Disclosure';
 export * from './DataList';

package/dist/index.js

@@ -15,8 +15,6 @@ export * from './Card';
 export * from './Coachmark';
 export * from './ConnectedForm';
 export * from './ContentContainer';
-export * from './DatePicker';
-export * from './DatePicker/Calendar';
 export * from './DelayedRenderWrapper';
 export * from './Disclosure';
 export * from './DataList';

package/dist/utils/react.js

@@ -33,7 +33,8 @@ export const extractTextContent = children => {
       return '';
     }
     if (/*#__PURE__*/isValidElement(child)) {
-      const textContent = child.props.children ?? child.props.text ?? '';
+      const props = child.props;
+      const textContent = props.children ?? props.text ?? '';
       return extractTextContent(textContent);
     }
     return '';

package/package.json

@@ -1,20 +1,19 @@
 {
   "name": "@codecademy/gamut",
   "description": "Styleguide & Component library for Codecademy",
-  "version": "68.2.3-alpha.df0cb3.0",
+  "version": "68.2.3-alpha.e3cc4a.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "dependencies": {
-    "@codecademy/gamut-icons": "9.57.3-alpha.df0cb3.0",
-    "@codecademy/gamut-illustrations": "0.58.10-alpha.df0cb3.0",
-    "@codecademy/gamut-patterns": "0.10.29-alpha.df0cb3.0",
-    "@codecademy/gamut-styles": "17.13.2-alpha.df0cb3.0",
-    "@codecademy/variance": "0.26.2-alpha.df0cb3.0",
-    "@formatjs/intl-locale": "^5.3.1",
+    "@codecademy/gamut-icons": "9.57.3-alpha.e3cc4a.0",
+    "@codecademy/gamut-illustrations": "0.58.10-alpha.e3cc4a.0",
+    "@codecademy/gamut-patterns": "0.10.29-alpha.e3cc4a.0",
+    "@codecademy/gamut-styles": "17.13.2-alpha.e3cc4a.0",
+    "@codecademy/variance": "0.26.2-alpha.e3cc4a.0",
     "@react-aria/interactions": "3.25.0",
     "@types/marked": "^4.0.8",
     "@vidstack/react": "^1.12.12",
     "classnames": "^2.2.5",
-    "framer-motion": "^11.18.0",
+    "framer-motion": "^12.0.0",
     "html-to-react": "^1.6.0",
     "invariant": "^2.2.4",
     "lodash": "^4.17.23",
@@ -41,8 +40,8 @@
   "peerDependencies": {
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
-    "react": "^17.0.2 || ^18.3.0",
-    "react-dom": "^17.0.2 || ^18.3.0"
+    "react": "^17.0.2 || ^18.3.0 || ^19.0.0",
+    "react-dom": "^17.0.2 || ^18.3.0 || ^19.0.0"
   },
   "publishConfig": {
     "access": "public"

package/dist/DatePicker/Calendar/CalendarBody.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { CalendarBodyProps } from './types';
-export declare const CalendarBody: React.FC<CalendarBodyProps>;

package/dist/DatePicker/Calendar/CalendarBody.js

@@ -1,139 +0,0 @@
-import { useCallback, useEffect, useMemo, useRef } from 'react';
-import * as React from 'react';
-import { useIsoFirstWeekday, useResolvedLocale } from '../utils/locale';
-import { getDatesWithRow, getMonthGrid, isDateDisabled, isDateInRange, isSameDay } from './utils/dateGrid';
-import { CalendarTable, DateCell, TableHeader } from './utils/elements';
-import { formatDateForAriaLabel, getWeekdayNames } from './utils/format';
-import { keyHandler } from './utils/keyHandler';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const CalendarBody = ({
-  displayDate,
-  selectedDate,
-  endDate = null,
-  disabledDates = [],
-  onDateSelect,
-  locale,
-  weekStartsOn,
-  labelledById,
-  focusedDate,
-  onFocusedDateChange,
-  onDisplayDateChange,
-  onEscapeKeyPress,
-  hasAdjacentMonthRight,
-  hasAdjacentMonthLeft,
-  focusGridSync
-}) => {
-  const resolvedLocale = useResolvedLocale(locale);
-  const firstWeekday = useIsoFirstWeekday(resolvedLocale, weekStartsOn);
-  const year = displayDate.getFullYear();
-  const month = displayDate.getMonth();
-  const weeks = getMonthGrid(year, month, firstWeekday);
-  const weekdayLabels = getWeekdayNames('short', resolvedLocale, firstWeekday);
-  const weekdayFullNames = getWeekdayNames('long', resolvedLocale, firstWeekday);
-  const buttonRefs = useRef(new Map());
-  const tableRef = useRef(null);
-  const datesWithRow = useMemo(() => getDatesWithRow(weeks), [weeks]);
-  const focusTarget = focusedDate ?? selectedDate;
-  const isToday = useCallback(date => date !== null && isSameDay(date, new Date()), []);
-  const focusButton = useCallback(date => {
-    if (date === null) return false;
-    const key = new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime();
-    const el = buttonRefs.current.get(key);
-    if (!el) return false;
-    el.focus();
-    return true;
-  }, []);
-  useEffect(() => {
-    // Keep the roving tabindex / focused day aligned with `focusTarget` when it makes sense for a11y.
-    if (focusTarget === null) return;
-
-    // Standalone calendar (e.g. Storybook): always move DOM focus to the active day.
-    if (!focusGridSync) {
-      focusButton(focusTarget);
-      return;
-    }
-    const inGrid = tableRef.current?.contains(document.activeElement);
-    const requested = focusGridSync.gridFocusRequested;
-
-    // Focus is already in this grid (keyboard nav): update which day is focused as `focusTarget` changes.
-    if (inGrid) {
-      focusButton(focusTarget);
-      return;
-    }
-
-    // DatePicker opened via keyboard / ArrowDown: parent asked to move focus into the grid once.
-    if (requested) {
-      const success = focusButton(focusTarget);
-      if (success) {
-        focusGridSync.onGridFocusRequestHandled();
-      }
-    }
-    // If !inGrid && !requested (e.g. calendar opened with the mouse): leave focus on the input — do not call focusButton.
-  }, [focusTarget, focusButton, focusGridSync]);
-  const handleKeyDown = useCallback((e, date) => keyHandler({
-    e,
-    date,
-    onFocusedDateChange,
-    datesWithRow,
-    month,
-    year,
-    disabledDates,
-    onDateSelect,
-    onEscapeKeyPress,
-    onDisplayDateChange,
-    hasAdjacentMonthRight,
-    hasAdjacentMonthLeft
-  }), [onFocusedDateChange, datesWithRow, month, year, disabledDates, onDateSelect, onEscapeKeyPress, onDisplayDateChange, hasAdjacentMonthLeft, hasAdjacentMonthRight]);
-  const setButtonRef = useCallback((date, el) => {
-    const k = new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime();
-    if (el) buttonRefs.current.set(k, el);else buttonRefs.current.delete(k);
-  }, []);
-  return /*#__PURE__*/_jsxs(CalendarTable, {
-    "aria-labelledby": labelledById,
-    ref: tableRef,
-    role: "grid",
-    children: [/*#__PURE__*/_jsx("thead", {
-      children: /*#__PURE__*/_jsx("tr", {
-        children: weekdayLabels.map((label, i) => /*#__PURE__*/_jsx(TableHeader, {
-          abbr: weekdayFullNames[i],
-          scope: "col",
-          children: label
-        }, label))
-      })
-    }), /*#__PURE__*/_jsx("tbody", {
-      children: weeks.map((week, rowIndex) => /*#__PURE__*/_jsx("tr", {
-        children: week.map((date, colIndex) => {
-          if (date === null) {
-            return /*#__PURE__*/_jsx("td", {
-              role: "gridcell"
-            }, `empty-${rowIndex}-${colIndex}`);
-          }
-          const selected = isSameDay(date, selectedDate) || isSameDay(date, endDate);
-          const range = !!selectedDate && !!endDate;
-          const inRange = range && isDateInRange(date, selectedDate, endDate);
-          const disabled = isDateDisabled(date, disabledDates);
-          const today = isToday(date);
-          // this is making the selected date a differnet color bc it is focused, look into further
-          const isFocused = focusTarget !== null && isSameDay(date, focusTarget);
-          return /*#__PURE__*/_jsx(DateCell, {
-            "aria-label": formatDateForAriaLabel(date, resolvedLocale),
-            "aria-selected": selected,
-            isDisabled: disabled,
-            isInRange: inRange,
-            isRangeEnd: range && isSameDay(date, endDate),
-            isRangeStart: range && isSameDay(date, selectedDate),
-            isSelected: selected,
-            isToday: today,
-            ref: el => setButtonRef(date, el),
-            role: "gridcell",
-            tabIndex: isFocused ? 0 : -1,
-            onClick: () => onDateSelect(date),
-            onFocus: () => onFocusedDateChange?.(date),
-            onKeyDown: e => handleKeyDown(e, date),
-            children: date.getDate()
-          }, date.getTime());
-        })
-      }, week.join('-')))
-    })]
-  });
-};

package/dist/DatePicker/Calendar/CalendarFooter.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { CalendarFooterProps } from './types';
-export declare const CalendarFooter: React.FC<CalendarFooterProps>;

package/dist/DatePicker/Calendar/CalendarFooter.js

@@ -1,57 +0,0 @@
-import * as React from 'react';
-import { FlexBox } from '../../Box';
-import { TextButton } from '../../Button';
-import { useResolvedLocale } from '../utils/locale';
-import { DEFAULT_DATE_PICKER_TRANSLATIONS } from '../utils/translations';
-import { getRelativeTodayLabel } from './utils/format';
-
-// function formatQuickActionLabel(action: QuickAction): string {
-//   const { num, timePeriod } = action;
-//   const period =
-//     timePeriod === 'day'
-//       ? num === 1
-//         ? 'day'
-//         : 'days'
-//       : timePeriod === 'week'
-//       ? num === 1
-//         ? 'week'
-//         : 'weeks'
-//       : timePeriod === 'month'
-//       ? num === 1
-//         ? 'month'
-//         : 'months'
-//       : num === 1
-//       ? 'year'
-//       : 'years';
-//   return `${num} ${period}`;
-// }
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const CalendarFooter = ({
-  onClearDate,
-  onTodayClick,
-  locale,
-  clearText = DEFAULT_DATE_PICKER_TRANSLATIONS.clearText,
-  disabled,
-  showClearButton
-}) => {
-  const resolvedLocale = useResolvedLocale(locale);
-  // const actions = quickActions.slice(0, 3);
-
-  return /*#__PURE__*/_jsxs(FlexBox, {
-    alignItems: "center",
-    borderTop: 1,
-    justifyContent: "space-between",
-    p: 12,
-    children: [showClearButton && /*#__PURE__*/_jsx(TextButton, {
-      disabled: disabled,
-      onClick: () => onClearDate?.(),
-      children: clearText
-    }), /*#__PURE__*/_jsx(FlexBox, {
-      gap: 32,
-      children: /*#__PURE__*/_jsx(TextButton, {
-        onClick: () => onTodayClick?.(),
-        children: getRelativeTodayLabel(resolvedLocale)
-      })
-    })]
-  });
-};

package/dist/DatePicker/Calendar/CalendarHeader.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { CalendarHeaderProps } from './types';
-export declare const CalendarHeader: React.FC<CalendarHeaderProps>;

package/dist/DatePicker/Calendar/CalendarHeader.js

@@ -1,46 +0,0 @@
-import * as React from 'react';
-import { FlexBox } from '../../Box';
-import { Text } from '../../Typography';
-import { useResolvedLocale } from '../utils/locale';
-import { CalendarNavLastMonth } from './CalendarNavLastMonth';
-import { CalendarNavNextMonth } from './CalendarNavNextMonth';
-import { formatMonthYear } from './utils/format';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const CalendarHeader = ({
-  displayDate,
-  locale,
-  headingId,
-  onDisplayDateChange,
-  hideLastNav,
-  hideNextNav,
-  onLastMonthClick,
-  onNextMonthClick
-}) => {
-  const resolvedLocale = useResolvedLocale(locale);
-  return /*#__PURE__*/_jsxs(FlexBox, {
-    alignItems: "center",
-    pb: 8,
-    children: [!hideLastNav && /*#__PURE__*/_jsx(CalendarNavLastMonth, {
-      displayDate: displayDate,
-      locale: locale,
-      onDisplayDateChange: onDisplayDateChange,
-      onLastMonthClick: onLastMonthClick
-    }), /*#__PURE__*/_jsx(FlexBox, {
-      justifyContent: "center",
-      width: "100%",
-      children: /*#__PURE__*/_jsx(Text, {
-        "aria-live": "polite",
-        fontSize: 16,
-        fontWeight: "title",
-        id: headingId,
-        textAlign: "center",
-        children: formatMonthYear(displayDate, resolvedLocale)
-      })
-    }), !hideNextNav && /*#__PURE__*/_jsx(CalendarNavNextMonth, {
-      displayDate: displayDate,
-      locale: locale,
-      onDisplayDateChange: onDisplayDateChange,
-      onNextMonthClick: onNextMonthClick
-    })]
-  });
-};

package/dist/DatePicker/Calendar/CalendarNavLastMonth.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { CalendarNavProps } from './types';
-export declare const CalendarNavLastMonth: React.FC<CalendarNavProps>;

package/dist/DatePicker/Calendar/CalendarNavLastMonth.js

@@ -1,30 +0,0 @@
-import { MiniChevronLeftIcon } from '@codecademy/gamut-icons';
-import * as React from 'react';
-import { IconButton } from '../../Button';
-import { useResolvedLocale } from '../utils/locale';
-import { getRelativeMonthLabels } from './utils/format';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const CalendarNavLastMonth = ({
-  displayDate,
-  onDisplayDateChange,
-  onLastMonthClick,
-  locale
-}) => {
-  const resolvedLocale = useResolvedLocale(locale);
-  const {
-    lastMonth
-  } = getRelativeMonthLabels(resolvedLocale);
-  const handleLastMonth = () => {
-    const lastMonth = new Date(displayDate.getFullYear(), displayDate.getMonth() - 1, 1);
-    onDisplayDateChange?.(lastMonth);
-    onLastMonthClick?.();
-  };
-  return /*#__PURE__*/_jsx(IconButton, {
-    alignSelf: "flex-start",
-    "aria-label": lastMonth,
-    icon: MiniChevronLeftIcon,
-    size: "small",
-    tip: lastMonth,
-    onClick: handleLastMonth
-  });
-};

package/dist/DatePicker/Calendar/CalendarNavNextMonth.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { CalendarNavProps } from './types';
-export declare const CalendarNavNextMonth: React.FC<CalendarNavProps>;

package/dist/DatePicker/Calendar/CalendarNavNextMonth.js

@@ -1,30 +0,0 @@
-import { MiniChevronRightIcon } from '@codecademy/gamut-icons';
-import * as React from 'react';
-import { IconButton } from '../../Button';
-import { useResolvedLocale } from '../utils/locale';
-import { getRelativeMonthLabels } from './utils/format';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const CalendarNavNextMonth = ({
-  displayDate,
-  onDisplayDateChange,
-  onNextMonthClick,
-  locale
-}) => {
-  const resolvedLocale = useResolvedLocale(locale);
-  const {
-    nextMonth
-  } = getRelativeMonthLabels(resolvedLocale);
-  const handleNextMonth = () => {
-    const nextMonth = new Date(displayDate.getFullYear(), displayDate.getMonth() + 1, 1);
-    onDisplayDateChange?.(nextMonth);
-    onNextMonthClick?.();
-  };
-  return /*#__PURE__*/_jsx(IconButton, {
-    alignSelf: "flex-end",
-    "aria-label": nextMonth,
-    icon: MiniChevronRightIcon,
-    size: "small",
-    tip: nextMonth,
-    onClick: handleNextMonth
-  });
-};

package/dist/DatePicker/Calendar/CalendarWrapper.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { WithChildrenProp } from '../../utils';
-/**
- * Outer wrapper for the calendar (header + body + footer).
- * Used by DatePickerCalendar to group the calendar content.
- * Renders a CheckerDense pattern shadow at offset left 8, top 8.
- */
-export declare const CalendarWrapper: React.FC<WithChildrenProp>;

package/dist/DatePicker/Calendar/CalendarWrapper.js

@@ -1,27 +0,0 @@
-import { CheckerDense } from '@codecademy/gamut-patterns';
-import * as React from 'react';
-import { Box } from '../../Box';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Outer wrapper for the calendar (header + body + footer).
- * Used by DatePickerCalendar to group the calendar content.
- * Renders a CheckerDense pattern shadow at offset left 8, top 8.
- */
-export const CalendarWrapper = ({
-  children
-}) => /*#__PURE__*/_jsxs(Box, {
-  position: "relative",
-  width: "max-content",
-  children: [/*#__PURE__*/_jsx(CheckerDense, {
-    left: 8,
-    position: "absolute",
-    top: 8
-  }), /*#__PURE__*/_jsx(Box, {
-    bg: "background",
-    border: 1,
-    borderRadius: "sm",
-    position: "relative",
-    zIndex: 1,
-    children: children
-  })]
-});

package/dist/DatePicker/Calendar/index.d.ts

@@ -1,6 +0,0 @@
-export * from './CalendarWrapper';
-export * from './CalendarHeader';
-export * from './CalendarBody';
-export * from './CalendarFooter';
-export * from './CalendarNavLastMonth';
-export * from './CalendarNavNextMonth';

package/dist/DatePicker/Calendar/index.js

@@ -1,6 +0,0 @@
-export * from './CalendarWrapper';
-export * from './CalendarHeader';
-export * from './CalendarBody';
-export * from './CalendarFooter';
-export * from './CalendarNavLastMonth';
-export * from './CalendarNavNextMonth';

package/dist/DatePicker/Calendar/types.d.ts

@@ -1,77 +0,0 @@
-import type { IsoWeekday } from '../utils/locale';
-export interface CalendarBaseProps {
-    /** Used for the currently displayed month and year */
-    displayDate: Date;
-    /** Called when the displayed month changes. Pass the new date (e.g. setDisplayDate) so the calendar updates. */
-    onDisplayDateChange: (newDate: Date) => void;
-    /**
-     * Locale for formatting and `Intl.Locale` APIs. Accepts `Intl.LocalesArgument` (e.g. `'en-US'`,
-     * `['en-GB', 'en']`, or a prebuilt `Intl.Locale`). Omitted → runtime default (user agent).
-     */
-    locale?: Intl.LocalesArgument;
-    /** Dates that should be disabled (unselectable) */
-    disabledDates?: Date[];
-}
-export interface CalendarNavProps extends Omit<CalendarBaseProps, 'disabledDates'> {
-    /** Called after navigating to previous month. */
-    onLastMonthClick?: () => void;
-    /** Called after navigating to next month */
-    onNextMonthClick?: () => void;
-}
-export interface CalendarHeaderProps extends CalendarNavProps {
-    hideLastNav?: boolean;
-    hideNextNav?: boolean;
-    /** Used for the currently displayed second month and year when in two-month view */
-    secondDisplayDate?: Date;
-    /** id for the heading (for grid aria-labelledby) */
-    headingId: string;
-}
-export interface CalendarBodyProps extends CalendarBaseProps {
-    /** Selected start date (single or range start) */
-    selectedDate: Date | null;
-    /** Selected end date (range only; undefined for single-date mode) */
-    endDate?: Date | null;
-    /** Called when a date cell is selected */
-    onDateSelect: (date: Date) => void;
-    /**
-     * Force first column to this ISO weekday (1 = Monday … 7 = Sunday). Same scale as
-     * `Intl.Locale#getWeekInfo().firstDay`. Omit to use locale (polyfill where needed).
-     */
-    weekStartsOn?: IsoWeekday;
-    /** Id of the month/year heading (aria-labelledby on grid) */
-    labelledById: string;
-    /** For keyboard nav: which cell has focus (roving tabindex) */
-    focusedDate: Date | null;
-    /** Callback when focused date changes (e.g. arrow keys) */
-    onFocusedDateChange: (date: Date | null) => void;
-    /** Called when the escape key is pressed */
-    onEscapeKeyPress?: () => void;
-    /** When true (e.g. two-month view), arrow keys move focus to adjacent month without changing visible date. */
-    hasAdjacentMonthRight?: boolean;
-    /** When true (e.g. two-month view), arrow keys move focus to adjacent month without changing visible date. */
-    hasAdjacentMonthLeft?: boolean;
-    /**
-     * When set (DatePicker), only programmatically focuses a day when the grid already has focus
-     * or `gridFocusRequested` is true (keyboard open / ArrowDown from input).
-     * Omit for standalone calendar stories — keeps legacy behavior (always sync focus to focusedDate).
-     */
-    focusGridSync?: {
-        gridFocusRequested: boolean;
-        signal: boolean;
-        onGridFocusRequestHandled: () => void;
-    };
-}
-export interface QuickAction {
-    num: number;
-    timePeriod: 'day' | 'week' | 'month' | 'year';
-    onClick: () => void;
-}
-export interface CalendarFooterProps extends Pick<CalendarBaseProps, 'locale'> {
-    disabled?: boolean;
-    showClearButton?: boolean;
-    clearText?: string;
-    onClearDate?: () => void;
-    onTodayClick?: () => void;
-    /** Max 3 quick actions (e.g. "7 days", "1 month") */
-    quickActions?: QuickAction[];
-}

package/dist/DatePicker/Calendar/types.js

@@ -1 +0,0 @@
-export {};