@codecademy/brand 5.9.0-alpha.fe23ab421.0 → 5.9.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/AppHeader/AppHeaderElements/AppHeaderLink/index.d.ts +5 -5
- package/dist/AppHeader/AppHeaderElements/AppHeaderLinkSections/elements.d.ts +5 -5
- package/dist/AppHeader/AppHeaderElements/AppHeaderListItem/index.d.ts +1 -1
- package/dist/AppHeader/AppHeaderElements/AppHeaderSection/elements.d.ts +10 -10
- package/dist/AppHeader/shared/elements.d.ts +9 -9
- package/dist/Carousel/elements.d.ts +2 -2
- package/dist/Coaching/coachingOfferings.d.ts +1 -1
- package/dist/Coaching/coachingOfferings.js +1 -1
- package/dist/DropdownButton/index.d.ts +2 -2
- package/dist/GlobalFooter/FooterHeading.d.ts +2 -2
- package/dist/GlobalFooter/FooterLinks.d.ts +1 -1
- package/dist/GlobalFooter/FooterSubHeading.d.ts +2 -2
- package/dist/LayoutMenu/AccordionMenu.js +3 -4
- package/dist/LayoutMenuVariant/AccordionMenu.js +4 -5
- package/dist/LearningOutcomeBadges/LearningOutcomeLowAssessmentBadge.d.ts +1 -1
- package/dist/LearningOutcomeTile/Tile.d.ts +1 -1
- package/dist/Notifications/elements.d.ts +2 -2
- package/dist/Testimonial/index.d.ts +1 -1
- package/dist/index.d.ts +0 -3
- package/dist/index.js +0 -3
- package/package.json +1 -5
- package/dist/AccordionAreaDeprecated/index.d.ts +0 -20
- package/dist/AccordionAreaDeprecated/index.js +0 -60
- package/dist/AccordionButtonDeprecated/ButtonDeprecated/index.d.ts +0 -93
- package/dist/AccordionButtonDeprecated/ButtonDeprecated/index.js +0 -65
- package/dist/AccordionButtonDeprecated/ButtonDeprecated/styles/index.module.scss +0 -104
- package/dist/AccordionButtonDeprecated/ButtonDeprecated/styles/mixins.scss +0 -109
- package/dist/AccordionButtonDeprecated/ButtonDeprecated/styles/variables.scss +0 -54
- package/dist/AccordionButtonDeprecated/ButtonDeprecatedBase/index.d.ts +0 -43
- package/dist/AccordionButtonDeprecated/ButtonDeprecatedBase/index.js +0 -71
- package/dist/AccordionButtonDeprecated/ButtonDeprecatedBase/styles.module.scss +0 -74
- package/dist/AccordionButtonDeprecated/index.d.ts +0 -25
- package/dist/AccordionButtonDeprecated/index.js +0 -65
- package/dist/AccordionButtonDeprecated/styles.module.scss +0 -62
- package/dist/AccordionDeprecated/index.d.ts +0 -39
- package/dist/AccordionDeprecated/index.js +0 -39
- package/dist/stories/Molecules/AccordionDeprecated.stories.js +0 -19
- package/dist/typings/react.d.ts +0 -7
- package/dist/utils/index.d.ts +0 -1
- package/dist/utils/index.js +0 -1
- package/dist/utils/omitProps.d.ts +0 -10
- package/dist/utils/omitProps.js +0 -18
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
export declare const NotificationsWrapper: import("@emotion/styled").StyledComponent<{
|
|
2
2
|
theme?: import("@emotion/react").Theme;
|
|
3
3
|
as?: React.ElementType;
|
|
4
|
-
} & import("@codecademy/gamut").BoxProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "content" | "translate" | "property" | "hidden" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "role" | "tabIndex" | "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-hidden" | "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" | "children" | "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" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "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" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" |
|
|
4
|
+
} & import("@codecademy/gamut").BoxProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "content" | "translate" | "property" | "hidden" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "role" | "tabIndex" | "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-hidden" | "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" | "children" | "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" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "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" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "dir" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | keyof import("react").ClassAttributes<HTMLDivElement>> & {
|
|
5
5
|
theme?: import("@emotion/react").Theme;
|
|
6
6
|
}, {}, {}>;
|
|
7
7
|
export declare const NotificationDialog: import("@emotion/styled").StyledComponent<{
|
|
8
8
|
theme?: import("@emotion/react").Theme;
|
|
9
9
|
as?: React.ElementType;
|
|
10
|
-
} & import("@codecademy/gamut").BoxProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "content" | "translate" | "property" | "hidden" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "role" | "tabIndex" | "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-hidden" | "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" | "children" | "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" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "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" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" |
|
|
10
|
+
} & import("@codecademy/gamut").BoxProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "content" | "translate" | "property" | "hidden" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "role" | "tabIndex" | "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-hidden" | "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" | "children" | "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" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "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" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "dir" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | keyof import("react").ClassAttributes<HTMLDivElement>> & {
|
|
11
11
|
theme?: import("@emotion/react").Theme;
|
|
12
12
|
}, {}, {}>;
|
|
@@ -8,7 +8,7 @@ declare const TestimonialCard: import("@emotion/styled").StyledComponent<import(
|
|
|
8
8
|
declare const TestimonialContent: import("@emotion/styled").StyledComponent<{
|
|
9
9
|
theme?: import("@emotion/react").Theme;
|
|
10
10
|
as?: React.ElementType;
|
|
11
|
-
} & import("@codecademy/gamut").BoxProps & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "content" | "translate" | "property" | "hidden" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "role" | "tabIndex" | "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-hidden" | "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" | "children" | "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" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "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" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" |
|
|
11
|
+
} & import("@codecademy/gamut").BoxProps & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "content" | "translate" | "property" | "hidden" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "role" | "tabIndex" | "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-hidden" | "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" | "children" | "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" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "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" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "dir" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | keyof React.ClassAttributes<HTMLDivElement>> & {
|
|
12
12
|
theme?: import("@emotion/react").Theme;
|
|
13
13
|
} & import("@codecademy/variance/dist/types/config").VariantProps<"orientation", false | "horizontal" | "vertical">, {}, {}>;
|
|
14
14
|
export type TestimonialProps = ComponentProps<typeof TestimonialCard> & Pick<ComponentProps<typeof TestimonialContent>, 'orientation'> & {
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,4 @@
|
|
|
1
1
|
export * as LayoutMenuVariant from './LayoutMenuVariant';
|
|
2
|
-
export * from './AccordionDeprecated';
|
|
3
|
-
export * from './AccordionAreaDeprecated';
|
|
4
|
-
export * from './AccordionButtonDeprecated';
|
|
5
2
|
export * from './AbbreviatedCommunityEventCard';
|
|
6
3
|
export * from './AppBar';
|
|
7
4
|
export * from './AppBar/AppBarSection';
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,4 @@
|
|
|
1
1
|
export * as LayoutMenuVariant from './LayoutMenuVariant';
|
|
2
|
-
export * from './AccordionDeprecated';
|
|
3
|
-
export * from './AccordionAreaDeprecated';
|
|
4
|
-
export * from './AccordionButtonDeprecated';
|
|
5
2
|
export * from './AbbreviatedCommunityEventCard';
|
|
6
3
|
export * from './AppBar';
|
|
7
4
|
export * from './AppBar/AppBarSection';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codecademy/brand",
|
|
3
|
-
"version": "5.9.0
|
|
3
|
+
"version": "5.9.0",
|
|
4
4
|
"description": "Brand component library for Codecademy",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": "git@github.com:codecademy-engineering/mono.git",
|
|
@@ -21,7 +21,6 @@
|
|
|
21
21
|
"framer-motion": "^11.18.0",
|
|
22
22
|
"freezeframe": "^5.0.2",
|
|
23
23
|
"intersection-observer": "^0.12.0",
|
|
24
|
-
"invariant": "^2.2.4",
|
|
25
24
|
"ismobilejs": "^1.1.1",
|
|
26
25
|
"lodash": "^4.18.1",
|
|
27
26
|
"pluralize": "^8.0.0",
|
|
@@ -29,9 +28,6 @@
|
|
|
29
28
|
"react-use": "15.3.8",
|
|
30
29
|
"universal-cookie": "^8.0.1"
|
|
31
30
|
},
|
|
32
|
-
"devDependencies": {
|
|
33
|
-
"@types/invariant": "^2.2.37"
|
|
34
|
-
},
|
|
35
31
|
"peerDependencies": {
|
|
36
32
|
"@codecademy/gamut": "*",
|
|
37
33
|
"@codecademy/gamut-icons": "*",
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export type AccordionAreaDeprecatedProps = {
|
|
3
|
-
children: React.ReactNode;
|
|
4
|
-
className?: string;
|
|
5
|
-
/**
|
|
6
|
-
* Whether the accordion is visually expanded to show its contents.
|
|
7
|
-
*/
|
|
8
|
-
expanded?: boolean;
|
|
9
|
-
/**
|
|
10
|
-
* Contents of the clickable header button.
|
|
11
|
-
*/
|
|
12
|
-
top: React.ReactNode;
|
|
13
|
-
};
|
|
14
|
-
/**
|
|
15
|
-
* @deprecated
|
|
16
|
-
* This component is in the old visual identity and will be updated soon.
|
|
17
|
-
*
|
|
18
|
-
* Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status
|
|
19
|
-
*/
|
|
20
|
-
export declare const AccordionAreaDeprecated: React.FC<AccordionAreaDeprecatedProps>;
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import _styled from "@emotion/styled/base";
|
|
2
|
-
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
3
|
-
import { motion } from 'framer-motion';
|
|
4
|
-
import { useState } from 'react';
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
import { useIsomorphicLayoutEffect } from 'react-use';
|
|
7
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
-
const transitionDuration = 0.2;
|
|
9
|
-
const variants = {
|
|
10
|
-
expanded: {
|
|
11
|
-
height: 'auto'
|
|
12
|
-
},
|
|
13
|
-
folded: {
|
|
14
|
-
height: '0'
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
/**
|
|
19
|
-
* @deprecated
|
|
20
|
-
* This component is in the old visual identity and will be updated soon.
|
|
21
|
-
*
|
|
22
|
-
* Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status
|
|
23
|
-
*/
|
|
24
|
-
|
|
25
|
-
export const AccordionAreaDeprecated = ({
|
|
26
|
-
children,
|
|
27
|
-
className,
|
|
28
|
-
expanded,
|
|
29
|
-
top
|
|
30
|
-
}) => {
|
|
31
|
-
const [delayExpanded, setDelayExpanded] = useState(expanded);
|
|
32
|
-
useIsomorphicLayoutEffect(() => {
|
|
33
|
-
const handle = setTimeout(() => setDelayExpanded(expanded), transitionDuration * 1000);
|
|
34
|
-
return () => clearTimeout(handle);
|
|
35
|
-
}, [expanded]);
|
|
36
|
-
return /*#__PURE__*/_jsxs("div", {
|
|
37
|
-
className: className,
|
|
38
|
-
children: [top, /*#__PURE__*/_jsx(StyledAccordionBody, {
|
|
39
|
-
animate: expanded ? 'expanded' : 'folded',
|
|
40
|
-
initial: expanded ? 'expanded' : 'folded',
|
|
41
|
-
transition: {
|
|
42
|
-
duration: 0.2,
|
|
43
|
-
ease: 'easeInOut'
|
|
44
|
-
},
|
|
45
|
-
variants: variants,
|
|
46
|
-
children: (expanded || delayExpanded) && children
|
|
47
|
-
})]
|
|
48
|
-
});
|
|
49
|
-
};
|
|
50
|
-
const StyledAccordionBody = /*#__PURE__*/_styled(motion.div, {
|
|
51
|
-
target: "e1rvyab20",
|
|
52
|
-
label: "StyledAccordionBody"
|
|
53
|
-
})(process.env.NODE_ENV === "production" ? {
|
|
54
|
-
name: "d3v9zr",
|
|
55
|
-
styles: "overflow:hidden"
|
|
56
|
-
} : {
|
|
57
|
-
name: "d3v9zr",
|
|
58
|
-
styles: "overflow:hidden/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9BY2NvcmRpb25BcmVhRGVwcmVjYXRlZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUU4QyIsImZpbGUiOiIuLi8uLi9zcmMvQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5pbXBvcnQgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUlzb21vcnBoaWNMYXlvdXRFZmZlY3QgfSBmcm9tICdyZWFjdC11c2UnO1xuXG5leHBvcnQgdHlwZSBBY2NvcmRpb25BcmVhRGVwcmVjYXRlZFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuXG4gIGNsYXNzTmFtZT86IHN0cmluZztcblxuICAvKipcbiAgICogV2hldGhlciB0aGUgYWNjb3JkaW9uIGlzIHZpc3VhbGx5IGV4cGFuZGVkIHRvIHNob3cgaXRzIGNvbnRlbnRzLlxuICAgKi9cbiAgZXhwYW5kZWQ/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBDb250ZW50cyBvZiB0aGUgY2xpY2thYmxlIGhlYWRlciBidXR0b24uXG4gICAqL1xuICB0b3A6IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IHRyYW5zaXRpb25EdXJhdGlvbiA9IDAuMjtcblxuY29uc3QgdmFyaWFudHMgPSB7XG4gIGV4cGFuZGVkOiB7IGhlaWdodDogJ2F1dG8nIH0sXG4gIGZvbGRlZDogeyBoZWlnaHQ6ICcwJyB9LFxufTtcblxuLyoqXG4gKiBAZGVwcmVjYXRlZFxuICogVGhpcyBjb21wb25lbnQgaXMgaW4gdGhlIG9sZCB2aXN1YWwgaWRlbnRpdHkgYW5kIHdpbGwgYmUgdXBkYXRlZCBzb29uLlxuICpcbiAqIENoZWNrIHRoZSBbR2FtdXQgQm9hcmRdKGh0dHBzOi8vd3d3Lm5vdGlvbi5zby9jb2RlY2FkZW15L0dhbXV0LVN0YXR1cy1UaW1lbGluZS1kZDNjMTM1ZDM4NDg0NjRlYTZlYjFiNDhlNjhmYmIxZCkgZm9yIGNvbXBvbmVudCBzdGF0dXNcbiAqL1xuXG5leHBvcnQgY29uc3QgQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQ6IFJlYWN0LkZDPFxuICBBY2NvcmRpb25BcmVhRGVwcmVjYXRlZFByb3BzXG4+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgZXhwYW5kZWQsIHRvcCB9KSA9PiB7XG4gIGNvbnN0IFtkZWxheUV4cGFuZGVkLCBzZXREZWxheUV4cGFuZGVkXSA9IHVzZVN0YXRlKGV4cGFuZGVkKTtcblxuICB1c2VJc29tb3JwaGljTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGUgPSBzZXRUaW1lb3V0KFxuICAgICAgKCkgPT4gc2V0RGVsYXlFeHBhbmRlZChleHBhbmRlZCksXG4gICAgICB0cmFuc2l0aW9uRHVyYXRpb24gKiAxMDAwXG4gICAgKTtcblxuICAgIHJldHVybiAoKSA9PiBjbGVhclRpbWVvdXQoaGFuZGxlKTtcbiAgfSwgW2V4cGFuZGVkXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cbiAgICAgIHt0b3B9XG4gICAgICA8U3R5bGVkQWNjb3JkaW9uQm9keVxuICAgICAgICBhbmltYXRlPXtleHBhbmRlZCA/ICdleHBhbmRlZCcgOiAnZm9sZGVkJ31cbiAgICAgICAgaW5pdGlhbD17ZXhwYW5kZWQgPyAnZXhwYW5kZWQnIDogJ2ZvbGRlZCd9XG4gICAgICAgIHRyYW5zaXRpb249e3sgZHVyYXRpb246IDAuMiwgZWFzZTogJ2Vhc2VJbk91dCcgfX1cbiAgICAgICAgdmFyaWFudHM9e3ZhcmlhbnRzfVxuICAgICAgPlxuICAgICAgICB7KGV4cGFuZGVkIHx8IGRlbGF5RXhwYW5kZWQpICYmIGNoaWxkcmVufVxuICAgICAgPC9TdHlsZWRBY2NvcmRpb25Cb2R5PlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuY29uc3QgU3R5bGVkQWNjb3JkaW9uQm9keSA9IHN0eWxlZChtb3Rpb24uZGl2KWBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbmA7XG4iXX0= */",
|
|
59
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
60
|
-
});
|
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { ButtonDeprecatedBaseProps } from '../ButtonDeprecatedBase';
|
|
4
|
-
export declare const buttonPresetThemes: {
|
|
5
|
-
readonly secondary: "mint";
|
|
6
|
-
readonly platform: "greyblue";
|
|
7
|
-
readonly lantern: "darkmint";
|
|
8
|
-
readonly royalblue: "brand-purple";
|
|
9
|
-
};
|
|
10
|
-
declare const themes: readonly ["hyper", "navy", "red", "white", "brand-red", "brand-yellow", "brand-purple", "brand-dark-blue", "brand-blue", "mint", "darkmint", "grey", "greyblue"];
|
|
11
|
-
export type ButtonDeprecatedThemes = keyof typeof buttonPresetThemes | (typeof themes)[number];
|
|
12
|
-
export type ButtonDeprecatedProps = ButtonDeprecatedBaseProps & {
|
|
13
|
-
/**
|
|
14
|
-
* Whether button should behave like a block element or inline.
|
|
15
|
-
*/
|
|
16
|
-
block?: boolean;
|
|
17
|
-
/**
|
|
18
|
-
* Capitalize the text of the button.
|
|
19
|
-
*/
|
|
20
|
-
caps?: boolean;
|
|
21
|
-
children: ReactNode;
|
|
22
|
-
/**
|
|
23
|
-
* Disables the button and adds visual indicators to show it is not interactive.
|
|
24
|
-
*/
|
|
25
|
-
disabled?: boolean;
|
|
26
|
-
/**
|
|
27
|
-
* Variant that displays the button as flat.
|
|
28
|
-
*/
|
|
29
|
-
flat?: boolean;
|
|
30
|
-
/**
|
|
31
|
-
* Adds a pulsing animation to the button
|
|
32
|
-
*/
|
|
33
|
-
go?: boolean;
|
|
34
|
-
/**
|
|
35
|
-
* Changes the button to a link with no visual indication
|
|
36
|
-
*/
|
|
37
|
-
href?: string;
|
|
38
|
-
/**
|
|
39
|
-
* Link relationship property to be used with `href`
|
|
40
|
-
*/
|
|
41
|
-
rel?: string;
|
|
42
|
-
/**
|
|
43
|
-
* Link target property to be used with `href`
|
|
44
|
-
*/
|
|
45
|
-
target?: string;
|
|
46
|
-
id?: string;
|
|
47
|
-
/**
|
|
48
|
-
* Variant that displays the button as an inline link element, but maintains its semantic meaning as a button.
|
|
49
|
-
*/
|
|
50
|
-
link?: boolean;
|
|
51
|
-
/**
|
|
52
|
-
* Variant the displays the button as a button that is outlined instead of solid.
|
|
53
|
-
*/
|
|
54
|
-
outline?: boolean;
|
|
55
|
-
/**
|
|
56
|
-
* Variant that rounds the corners of the button
|
|
57
|
-
*/
|
|
58
|
-
round?: boolean;
|
|
59
|
-
/**
|
|
60
|
-
* Variant that determines the size of the button
|
|
61
|
-
*/
|
|
62
|
-
size?: 'small' | 'large';
|
|
63
|
-
/**
|
|
64
|
-
* Variant that displays the button as a square
|
|
65
|
-
*/
|
|
66
|
-
square?: boolean;
|
|
67
|
-
/**
|
|
68
|
-
* Variant that controls the background and text color of the button
|
|
69
|
-
* */
|
|
70
|
-
theme?: ButtonDeprecatedThemes;
|
|
71
|
-
type?: string;
|
|
72
|
-
/**
|
|
73
|
-
* Variant that underlines the text of the button.
|
|
74
|
-
*/
|
|
75
|
-
underline?: boolean;
|
|
76
|
-
/**
|
|
77
|
-
* Determines whether button dimensions should be determined by the content
|
|
78
|
-
*/
|
|
79
|
-
fitText?: boolean;
|
|
80
|
-
};
|
|
81
|
-
/**
|
|
82
|
-
* @deprecated
|
|
83
|
-
* This component is deprecated and is no longer supported.
|
|
84
|
-
*
|
|
85
|
-
* See [FillButon](https://gamut.codecademy.com/storybook/?path=/docs/atoms-button--fill-button#fill-button)
|
|
86
|
-
*
|
|
87
|
-
* @example
|
|
88
|
-
* import { FillButton } fom '@codecademy/gamut';
|
|
89
|
-
*
|
|
90
|
-
* <FillButton variant="primary" />
|
|
91
|
-
*/
|
|
92
|
-
export declare const ButtonDeprecated: React.FC<ButtonDeprecatedProps>;
|
|
93
|
-
export {};
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
/* eslint-disable react/destructuring-assignment */
|
|
2
|
-
import cx from 'classnames';
|
|
3
|
-
import hasIn from 'lodash/hasIn';
|
|
4
|
-
import * as React from 'react';
|
|
5
|
-
import { omitProps } from '../../utils';
|
|
6
|
-
import { ButtonDeprecatedBase } from '../ButtonDeprecatedBase';
|
|
7
|
-
// eslint-disable-next-line gamut/no-css-standalone
|
|
8
|
-
import styles from './styles/index.module.scss';
|
|
9
|
-
|
|
10
|
-
// themes can be an alias to a color
|
|
11
|
-
// or a unique button type
|
|
12
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
-
export const buttonPresetThemes = {
|
|
14
|
-
secondary: 'mint',
|
|
15
|
-
platform: 'greyblue',
|
|
16
|
-
lantern: 'darkmint',
|
|
17
|
-
royalblue: 'brand-purple'
|
|
18
|
-
};
|
|
19
|
-
const themes = ['hyper', 'navy', 'red', 'white', 'brand-red', 'brand-yellow', 'brand-purple', 'brand-dark-blue', 'brand-blue', 'mint', 'darkmint', 'grey', 'greyblue'];
|
|
20
|
-
const propKeys = ['theme', 'size', 'outline', 'underline', 'link', 'caps', 'go', 'children', 'block', 'className', 'round', 'square', 'flat', 'fitText', 'onClick'];
|
|
21
|
-
const isPreset = theme => {
|
|
22
|
-
return hasIn(buttonPresetThemes, theme);
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
/**
|
|
26
|
-
* @deprecated
|
|
27
|
-
* This component is deprecated and is no longer supported.
|
|
28
|
-
*
|
|
29
|
-
* See [FillButon](https://gamut.codecademy.com/storybook/?path=/docs/atoms-button--fill-button#fill-button)
|
|
30
|
-
*
|
|
31
|
-
* @example
|
|
32
|
-
* import { FillButton } fom '@codecademy/gamut';
|
|
33
|
-
*
|
|
34
|
-
* <FillButton variant="primary" />
|
|
35
|
-
*/
|
|
36
|
-
|
|
37
|
-
export const ButtonDeprecated = props => {
|
|
38
|
-
let {
|
|
39
|
-
theme = 'brand-red'
|
|
40
|
-
} = props;
|
|
41
|
-
if (isPreset(theme)) {
|
|
42
|
-
theme = buttonPresetThemes[theme];
|
|
43
|
-
}
|
|
44
|
-
const typeClassName = props.link ? styles.link : styles.btn;
|
|
45
|
-
const themeClassName = props.link ? styles[`link-${theme}`] : styles[`btn-${theme}`];
|
|
46
|
-
const classes = cx(typeClassName, themeClassName, styles[props.size], {
|
|
47
|
-
[styles.block]: props.block,
|
|
48
|
-
[styles.go]: props.go,
|
|
49
|
-
[styles.outline]: props.outline,
|
|
50
|
-
[styles.underline]: props.underline,
|
|
51
|
-
[styles.caps]: props.caps,
|
|
52
|
-
[styles.round]: props.round,
|
|
53
|
-
[styles.square]: props.square,
|
|
54
|
-
[styles.flat]: props.flat,
|
|
55
|
-
[styles['fit-text']]: props.fitText
|
|
56
|
-
}, props.className);
|
|
57
|
-
const propsToTransfer = omitProps(propKeys, props);
|
|
58
|
-
return /*#__PURE__*/_jsx(ButtonDeprecatedBase, {
|
|
59
|
-
...propsToTransfer,
|
|
60
|
-
className: classes,
|
|
61
|
-
link: props.link,
|
|
62
|
-
onClick: props.onClick,
|
|
63
|
-
children: props.children
|
|
64
|
-
});
|
|
65
|
-
};
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
@use "sass:color";
|
|
2
|
-
@use "variables";
|
|
3
|
-
@use "mixins";
|
|
4
|
-
//
|
|
5
|
-
// Base styles
|
|
6
|
-
//
|
|
7
|
-
|
|
8
|
-
.btn {
|
|
9
|
-
align-items: center;
|
|
10
|
-
display: inline-flex;
|
|
11
|
-
justify-content: center;
|
|
12
|
-
font-weight: variables.$btn-font-weight;
|
|
13
|
-
-webkit-font-smoothing: antialiased;
|
|
14
|
-
-moz-osx-font-smoothing: grayscale;
|
|
15
|
-
border: 1px solid transparent;
|
|
16
|
-
border-radius: variables.$btn-border-radius;
|
|
17
|
-
user-select: none;
|
|
18
|
-
@include mixins.button-size(
|
|
19
|
-
variables.$btn-padding-y,
|
|
20
|
-
variables.$btn-padding-x,
|
|
21
|
-
variables.$btn-font-size-base,
|
|
22
|
-
variables.$btn-line-height,
|
|
23
|
-
variables.$btn-min-width-sm
|
|
24
|
-
);
|
|
25
|
-
transition: all 0.1s ease-in-out;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
// Future-proof disabling of clicks on `<a>` elements
|
|
29
|
-
a.btn.disabled,
|
|
30
|
-
fieldset[disabled] a.btn {
|
|
31
|
-
pointer-events: none;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
@each $name, $color in variables.$btn-swatches {
|
|
35
|
-
@if $name == "brand-yellow" {
|
|
36
|
-
@include mixins.button-variants($name, variables.$color-black, $color);
|
|
37
|
-
} @else if color.channel(color.to-space($color, hsl), "lightness") > 68 {
|
|
38
|
-
@include mixins.button-variants($name, variables.$color-black, $color);
|
|
39
|
-
} @else {
|
|
40
|
-
@include mixins.button-variants($name, variables.$color-white, $color);
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.round {
|
|
45
|
-
border-radius: variables.$btn-round-border-radius;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
.square {
|
|
49
|
-
border-radius: 0;
|
|
50
|
-
}
|
|
51
|
-
//
|
|
52
|
-
// Button Sizes
|
|
53
|
-
//
|
|
54
|
-
|
|
55
|
-
.large {
|
|
56
|
-
// line-height: ensure even-numbered height of button next to large input
|
|
57
|
-
@include mixins.button-size(
|
|
58
|
-
variables.$btn-padding-y-lg,
|
|
59
|
-
variables.$btn-padding-x-lg,
|
|
60
|
-
variables.$btn-font-size-lg,
|
|
61
|
-
variables.$btn-line-height-lg,
|
|
62
|
-
variables.$btn-min-width-lg
|
|
63
|
-
);
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
.small {
|
|
67
|
-
// line-height: ensure proper height of button next to small input
|
|
68
|
-
@include mixins.button-size(
|
|
69
|
-
variables.$btn-padding-y-sm,
|
|
70
|
-
variables.$btn-padding-x-sm,
|
|
71
|
-
variables.$btn-font-size-sm,
|
|
72
|
-
variables.$btn-line-height-sm,
|
|
73
|
-
variables.$btn-min-width-sm
|
|
74
|
-
);
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
//
|
|
78
|
-
// Block buttovariables.n
|
|
79
|
-
//
|
|
80
|
-
|
|
81
|
-
.block {
|
|
82
|
-
display: flex;
|
|
83
|
-
width: 100%;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
.caps {
|
|
87
|
-
text-transform: uppercase;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
.underline {
|
|
91
|
-
&:hover,
|
|
92
|
-
&:focus {
|
|
93
|
-
text-decoration: underline;
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
// Specificity overrides
|
|
98
|
-
input[type="submit"],
|
|
99
|
-
input[type="reset"],
|
|
100
|
-
input[type="button"] {
|
|
101
|
-
&.block {
|
|
102
|
-
width: 100%;
|
|
103
|
-
}
|
|
104
|
-
}
|
|
@@ -1,109 +0,0 @@
|
|
|
1
|
-
@use "sass:color";
|
|
2
|
-
@use "variables";
|
|
3
|
-
|
|
4
|
-
// Button variants
|
|
5
|
-
//
|
|
6
|
-
// Easily pump out default styles, as well as :hover, :focus, :active,
|
|
7
|
-
// and disabled options for all buttons
|
|
8
|
-
|
|
9
|
-
@mixin button-variant($color, $background, $border: transparent) {
|
|
10
|
-
$active-background: color.mix(variables.$color-black, $background);
|
|
11
|
-
|
|
12
|
-
@if $border == transparent {
|
|
13
|
-
$active-border: transparent;
|
|
14
|
-
$active-border-hover: transparent;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
color: $color;
|
|
18
|
-
background-color: $background;
|
|
19
|
-
border-color: $border;
|
|
20
|
-
|
|
21
|
-
&:hover {
|
|
22
|
-
box-shadow: 0 2px 4px variables.$btn-box-shadow-color;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
&:focus-visible {
|
|
26
|
-
box-shadow: 0 0 0 2px variables.$color-white, 0 0 0 4px $background;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
&:focus-visible,
|
|
30
|
-
&:hover {
|
|
31
|
-
text-decoration: none;
|
|
32
|
-
color: $color;
|
|
33
|
-
|
|
34
|
-
&:active {
|
|
35
|
-
box-shadow: 0 2px 4px variables.$btn-box-shadow-color;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
&:active {
|
|
40
|
-
background-color: $active-background;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
&:disabled {
|
|
44
|
-
background-color: variables.$btn-disabled-color;
|
|
45
|
-
|
|
46
|
-
&:hover {
|
|
47
|
-
box-shadow: none;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
@mixin button-flat-variant($color) {
|
|
53
|
-
color: $color;
|
|
54
|
-
background-color: transparent;
|
|
55
|
-
|
|
56
|
-
&:hover,
|
|
57
|
-
&:active {
|
|
58
|
-
box-shadow: none;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
&:focus-visible {
|
|
62
|
-
box-shadow: 0 0 0 2px variables.$color-white, 0 0 0 4px $color;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
&:disabled {
|
|
66
|
-
color: variables.$btn-disabled-color;
|
|
67
|
-
background-color: transparent;
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
// Button sizes
|
|
72
|
-
@mixin button-size(
|
|
73
|
-
$padding-y,
|
|
74
|
-
$padding-x,
|
|
75
|
-
$font-size,
|
|
76
|
-
$line-height,
|
|
77
|
-
$min-width
|
|
78
|
-
) {
|
|
79
|
-
padding: $padding-y $padding-x;
|
|
80
|
-
font-size: $font-size;
|
|
81
|
-
line-height: $line-height;
|
|
82
|
-
min-width: $min-width;
|
|
83
|
-
|
|
84
|
-
&.fit-text {
|
|
85
|
-
min-width: 0;
|
|
86
|
-
min-height: 0;
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
@mixin button-variants($name, $color, $background, $border: transparent) {
|
|
91
|
-
.btn-#{$name} {
|
|
92
|
-
@include button-variant($color, $background, $border);
|
|
93
|
-
&.flat {
|
|
94
|
-
@include button-flat-variant($background);
|
|
95
|
-
}
|
|
96
|
-
@content;
|
|
97
|
-
}
|
|
98
|
-
.link-#{$name} {
|
|
99
|
-
font-weight: bold;
|
|
100
|
-
-webkit-font-smoothing: antialiased;
|
|
101
|
-
-moz-osx-font-smoothing: grayscale;
|
|
102
|
-
color: $background;
|
|
103
|
-
text-decoration: underline;
|
|
104
|
-
|
|
105
|
-
&:disabled {
|
|
106
|
-
color: variables.$btn-disabled-color;
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
}
|