@codecademy/gamut-styles 14.1.2-alpha.b4ac54.0 → 14.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/AssetProvider.d.ts +1 -0
  2. package/dist/AssetProvider.js +1 -1
  3. package/dist/ColorMode.d.ts +3 -1
  4. package/dist/GamutProvider.d.ts +0 -1
  5. package/dist/cache/createEmotionCache.d.ts +1 -1
  6. package/dist/globals/Reboot.d.ts +1 -0
  7. package/dist/globals/Typography.d.ts +1 -0
  8. package/dist/styles/boxShadow.d.ts +1 -1
  9. package/dist/styles/noSelect.d.ts +1 -1
  10. package/dist/styles/screenReaderOnly.d.ts +2 -2
  11. package/dist/themes/admin.d.ts +24 -12
  12. package/dist/themes/core.d.ts +12 -6
  13. package/dist/themes/platform.d.ts +24 -12
  14. package/dist/variables/colors.d.ts +6 -2
  15. package/dist/variables/colors.js +2 -0
  16. package/dist/variables/deprecated-colors.d.ts +1 -1
  17. package/package.json +6 -5
package/dist/AssetProvider.d.ts CHANGED
@@ -1,2 +1,3 @@
1
+ /// <reference types="react" />
1
2
  export declare const createFontLinks: () => JSX.Element[];
2
3
  export declare const AssetProvider: () => JSX.Element;
package/dist/AssetProvider.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { Helmet } from 'react-helmet-async';
2
+ import { Helmet } from 'react-helmet';
3
3
  import { webFonts } from './remoteAssets/fonts';
4
4
  export var createFontLinks = function createFontLinks() {
5
5
  return webFonts.flatMap(function (_ref) {
package/dist/ColorMode.d.ts CHANGED
@@ -1273,4 +1273,6 @@ export declare const ColorMode: React.ForwardRefExoticComponent<Pick<Omit<{
1273
1273
  } & {
1274
1274
  variables?: CSSObject | undefined;
1275
1275
  alwaysSetVariables?: boolean | undefined;
1276
- } & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "dir" | "slot" | "style" | "title" | "id" | "property" | "translate" | "hidden" | "children" | "className" | "prefix" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-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" | "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" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof React.ClassAttributes<HTMLDivElement>>, "bg"> & ColorModeProps, "dir" | "p" | "slot" | "style" | "title" | "id" | "key" | "color" | "background" | "property" | "alignContent" | "alignItems" | "alignSelf" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "bottom" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "inset" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "position" | "right" | "rowGap" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "overflow" | "hidden" | "variables" | "children" | "theme" | "dimensions" | "textColor" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom" | "px" | "py" | "pt" | "pb" | "pr" | "pl" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml" | "borderX" | "borderY" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom" | "className" | "prefix" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-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" | "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" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "as" | "alwaysSetVariables" | keyof ColorModeProps> & React.RefAttributes<HTMLDivElement>>;
1276
+ } & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "dir" | "slot" | "style" | "title" | "id" | "property" | "translate" | "hidden" | "children" | "className" | "prefix" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-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" | "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" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof React.ClassAttributes<HTMLDivElement>> & {
1277
+ children?: React.ReactNode;
1278
+ }, "bg"> & ColorModeProps, "dir" | "p" | "slot" | "style" | "title" | "id" | "key" | "color" | "background" | "property" | "alignContent" | "alignItems" | "alignSelf" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "bottom" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "inset" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "position" | "right" | "rowGap" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "overflow" | "hidden" | "variables" | "children" | "theme" | "dimensions" | "textColor" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom" | "px" | "py" | "pt" | "pb" | "pr" | "pl" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml" | "borderX" | "borderY" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom" | "className" | "prefix" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-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" | "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" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "as" | "alwaysSetVariables" | keyof ColorModeProps> & React.RefAttributes<HTMLDivElement>>;
package/dist/GamutProvider.d.ts CHANGED
@@ -2,7 +2,6 @@ import { CSSObject } from '@codecademy/variance';
2
2
  import { EmotionCache, Theme } from '@emotion/react';
3
3
  import React from 'react';
4
4
  export interface GamutProviderProps {
5
- children?: React.ReactNode;
6
5
  useGlobals?: boolean;
7
6
  useCache?: boolean;
8
7
  theme: Theme;
package/dist/cache/createEmotionCache.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import { Options } from '@emotion/cache';
2
2
  export declare const EMOTION_KEY = "gamut";
3
3
  export declare const EMOTION_CONTAINER = "emotion-styles";
4
- export declare const createEmotionCache: (overrides?: Partial<Options> | undefined) => import("@emotion/utils").EmotionCache;
4
+ export declare const createEmotionCache: (overrides?: Partial<Options> | undefined) => import("@emotion/cache").EmotionCache;
package/dist/globals/Reboot.d.ts CHANGED
@@ -1 +1,2 @@
1
+ /// <reference types="react" />
1
2
  export declare const Reboot: () => JSX.Element;
package/dist/globals/Typography.d.ts CHANGED
@@ -1 +1,2 @@
1
+ /// <reference types="react" />
1
2
  export declare const Typography: () => JSX.Element;
package/dist/styles/boxShadow.d.ts CHANGED
@@ -22,5 +22,5 @@ declare const shadowsForDepth: {
22
22
  };
23
23
  };
24
24
  export declare const createShadow: (depth: ShadowDepth) => string;
25
- export declare const boxShadow: (depth?: ShadowDepth) => import("@emotion/utils").SerializedStyles;
25
+ export declare const boxShadow: (depth?: ShadowDepth) => import("@emotion/react").SerializedStyles;
26
26
  export {};
package/dist/styles/noSelect.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const noSelect: import("@emotion/utils").SerializedStyles;
1
+ export declare const noSelect: import("@emotion/react").SerializedStyles;
package/dist/styles/screenReaderOnly.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const screenReaderOnly: import("@emotion/utils").SerializedStyles;
2
- export declare const screenReaderOnlyFocusable: import("@emotion/utils").SerializedStyles;
1
+ export declare const screenReaderOnly: import("@emotion/react").SerializedStyles;
2
+ export declare const screenReaderOnlyFocusable: import("@emotion/react").SerializedStyles;
package/dist/themes/admin.d.ts CHANGED
@@ -97,20 +97,22 @@ export declare const adminTheme: Record<"breakpoints", {
97
97
  readonly "shadow-white-heavy": string;
98
98
  readonly "beige-100": "#FFF0E5";
99
99
  readonly "blue-0": "#F5FCFF";
100
+ readonly "blue-200": "#D3F2FF";
100
101
  readonly "blue-300": "#66C4FF";
101
102
  readonly "blue-400": "#3388FF";
102
103
  readonly "blue-500": "#1557FF";
103
104
  readonly "blue-800": "#1D2340";
104
105
  readonly "navy-100": "#F3F3F5";
106
+ readonly "navy-200": "#DBDCE0";
105
107
  readonly "navy-300": "#C3C5CB";
106
108
  readonly "navy-400": "#9FA2AC";
107
109
  readonly "navy-500": "#707382";
108
110
  readonly "navy-800": "#10162F";
109
- readonly "navy-200": "#DBDCE0";
110
111
  readonly "navy-600": "#585C6D";
111
112
  readonly "navy-700": "#34394C";
112
113
  readonly "navy-900": "#0A0D1C";
113
114
  readonly "green-0": "#F5FFE3";
115
+ readonly "green-200": "#EAFDC6";
114
116
  readonly "green-400": "#AEE938";
115
117
  readonly "green-700": "#008A27";
116
118
  readonly "yellow-0": "#FFFAE5";
@@ -126,9 +128,9 @@ export declare const adminTheme: Record<"breakpoints", {
126
128
  readonly "hyper-400": "#5533FF";
127
129
  readonly "hyper-500": "#3A10E5";
128
130
  readonly "gray-100": "#F5F5F5";
131
+ readonly "gray-200": "#EEEEEE";
129
132
  readonly "gray-300": "#E0E0E0";
130
133
  readonly "gray-800": "#616161";
131
- readonly "gray-200": "#EEEEEE";
132
134
  readonly "gray-600": "#9E9E9E";
133
135
  readonly "gray-900": "#424242";
134
136
  }, "-", "">, "color">>> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, {
@@ -239,20 +241,22 @@ export declare const adminTheme: Record<"breakpoints", {
239
241
  readonly "shadow-white-heavy": string;
240
242
  readonly "beige-100": "#FFF0E5";
241
243
  readonly "blue-0": "#F5FCFF";
244
+ readonly "blue-200": "#D3F2FF";
242
245
  readonly "blue-300": "#66C4FF";
243
246
  readonly "blue-400": "#3388FF";
244
247
  readonly "blue-500": "#1557FF";
245
248
  readonly "blue-800": "#1D2340";
246
249
  readonly "navy-100": "#F3F3F5";
250
+ readonly "navy-200": "#DBDCE0";
247
251
  readonly "navy-300": "#C3C5CB";
248
252
  readonly "navy-400": "#9FA2AC";
249
253
  readonly "navy-500": "#707382";
250
254
  readonly "navy-800": "#10162F";
251
- readonly "navy-200": "#DBDCE0";
252
255
  readonly "navy-600": "#585C6D";
253
256
  readonly "navy-700": "#34394C";
254
257
  readonly "navy-900": "#0A0D1C";
255
258
  readonly "green-0": "#F5FFE3";
259
+ readonly "green-200": "#EAFDC6";
256
260
  readonly "green-400": "#AEE938";
257
261
  readonly "green-700": "#008A27";
258
262
  readonly "yellow-0": "#FFFAE5";
@@ -268,9 +272,9 @@ export declare const adminTheme: Record<"breakpoints", {
268
272
  readonly "hyper-400": "#5533FF";
269
273
  readonly "hyper-500": "#3A10E5";
270
274
  readonly "gray-100": "#F5F5F5";
275
+ readonly "gray-200": "#EEEEEE";
271
276
  readonly "gray-300": "#E0E0E0";
272
277
  readonly "gray-800": "#616161";
273
- readonly "gray-200": "#EEEEEE";
274
278
  readonly "gray-600": "#9E9E9E";
275
279
  readonly "gray-900": "#424242";
276
280
  }, "-", "">, "color">;
@@ -386,20 +390,22 @@ export declare const adminTheme: Record<"breakpoints", {
386
390
  readonly "shadow-white-heavy": string;
387
391
  readonly "beige-100": "#FFF0E5";
388
392
  readonly "blue-0": "#F5FCFF";
393
+ readonly "blue-200": "#D3F2FF";
389
394
  readonly "blue-300": "#66C4FF";
390
395
  readonly "blue-400": "#3388FF";
391
396
  readonly "blue-500": "#1557FF";
392
397
  readonly "blue-800": "#1D2340";
393
398
  readonly "navy-100": "#F3F3F5";
399
+ readonly "navy-200": "#DBDCE0";
394
400
  readonly "navy-300": "#C3C5CB";
395
401
  readonly "navy-400": "#9FA2AC";
396
402
  readonly "navy-500": "#707382";
397
403
  readonly "navy-800": "#10162F";
398
- readonly "navy-200": "#DBDCE0";
399
404
  readonly "navy-600": "#585C6D";
400
405
  readonly "navy-700": "#34394C";
401
406
  readonly "navy-900": "#0A0D1C";
402
407
  readonly "green-0": "#F5FFE3";
408
+ readonly "green-200": "#EAFDC6";
403
409
  readonly "green-400": "#AEE938";
404
410
  readonly "green-700": "#008A27";
405
411
  readonly "yellow-0": "#FFFAE5";
@@ -415,9 +421,9 @@ export declare const adminTheme: Record<"breakpoints", {
415
421
  readonly "hyper-400": "#5533FF";
416
422
  readonly "hyper-500": "#3A10E5";
417
423
  readonly "gray-100": "#F5F5F5";
424
+ readonly "gray-200": "#EEEEEE";
418
425
  readonly "gray-300": "#E0E0E0";
419
426
  readonly "gray-800": "#616161";
420
- readonly "gray-200": "#EEEEEE";
421
427
  readonly "gray-600": "#9E9E9E";
422
428
  readonly "gray-900": "#424242";
423
429
  }, "-">) => string;
@@ -467,20 +473,22 @@ export declare const adminTheme: Record<"breakpoints", {
467
473
  readonly "shadow-white-heavy": string;
468
474
  readonly "beige-100": "#FFF0E5";
469
475
  readonly "blue-0": "#F5FCFF";
476
+ readonly "blue-200": "#D3F2FF";
470
477
  readonly "blue-300": "#66C4FF";
471
478
  readonly "blue-400": "#3388FF";
472
479
  readonly "blue-500": "#1557FF";
473
480
  readonly "blue-800": "#1D2340";
474
481
  readonly "navy-100": "#F3F3F5";
482
+ readonly "navy-200": "#DBDCE0";
475
483
  readonly "navy-300": "#C3C5CB";
476
484
  readonly "navy-400": "#9FA2AC";
477
485
  readonly "navy-500": "#707382";
478
486
  readonly "navy-800": "#10162F";
479
- readonly "navy-200": "#DBDCE0";
480
487
  readonly "navy-600": "#585C6D";
481
488
  readonly "navy-700": "#34394C";
482
489
  readonly "navy-900": "#0A0D1C";
483
490
  readonly "green-0": "#F5FFE3";
491
+ readonly "green-200": "#EAFDC6";
484
492
  readonly "green-400": "#AEE938";
485
493
  readonly "green-700": "#008A27";
486
494
  readonly "yellow-0": "#FFFAE5";
@@ -496,9 +504,9 @@ export declare const adminTheme: Record<"breakpoints", {
496
504
  readonly "hyper-400": "#5533FF";
497
505
  readonly "hyper-500": "#3A10E5";
498
506
  readonly "gray-100": "#F5F5F5";
507
+ readonly "gray-200": "#EEEEEE";
499
508
  readonly "gray-300": "#E0E0E0";
500
509
  readonly "gray-800": "#616161";
501
- readonly "gray-200": "#EEEEEE";
502
510
  readonly "gray-600": "#9E9E9E";
503
511
  readonly "gray-900": "#424242";
504
512
  }, "-", "">, "color">, import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
@@ -608,20 +616,22 @@ export declare const adminTheme: Record<"breakpoints", {
608
616
  readonly "shadow-white-heavy": string;
609
617
  readonly "beige-100": "#FFF0E5";
610
618
  readonly "blue-0": "#F5FCFF";
619
+ readonly "blue-200": "#D3F2FF";
611
620
  readonly "blue-300": "#66C4FF";
612
621
  readonly "blue-400": "#3388FF";
613
622
  readonly "blue-500": "#1557FF";
614
623
  readonly "blue-800": "#1D2340";
615
624
  readonly "navy-100": "#F3F3F5";
625
+ readonly "navy-200": "#DBDCE0";
616
626
  readonly "navy-300": "#C3C5CB";
617
627
  readonly "navy-400": "#9FA2AC";
618
628
  readonly "navy-500": "#707382";
619
629
  readonly "navy-800": "#10162F";
620
- readonly "navy-200": "#DBDCE0";
621
630
  readonly "navy-600": "#585C6D";
622
631
  readonly "navy-700": "#34394C";
623
632
  readonly "navy-900": "#0A0D1C";
624
633
  readonly "green-0": "#F5FFE3";
634
+ readonly "green-200": "#EAFDC6";
625
635
  readonly "green-400": "#AEE938";
626
636
  readonly "green-700": "#008A27";
627
637
  readonly "yellow-0": "#FFFAE5";
@@ -637,9 +647,9 @@ export declare const adminTheme: Record<"breakpoints", {
637
647
  readonly "hyper-400": "#5533FF";
638
648
  readonly "hyper-500": "#3A10E5";
639
649
  readonly "gray-100": "#F5F5F5";
650
+ readonly "gray-200": "#EEEEEE";
640
651
  readonly "gray-300": "#E0E0E0";
641
652
  readonly "gray-800": "#616161";
642
- readonly "gray-200": "#EEEEEE";
643
653
  readonly "gray-600": "#9E9E9E";
644
654
  readonly "gray-900": "#424242";
645
655
  }, "-", "">, "color">>;
@@ -763,20 +773,22 @@ export declare const adminTheme: Record<"breakpoints", {
763
773
  readonly "shadow-white-heavy": string;
764
774
  readonly "beige-100": "#FFF0E5";
765
775
  readonly "blue-0": "#F5FCFF";
776
+ readonly "blue-200": "#D3F2FF";
766
777
  readonly "blue-300": "#66C4FF";
767
778
  readonly "blue-400": "#3388FF";
768
779
  readonly "blue-500": "#1557FF";
769
780
  readonly "blue-800": "#1D2340";
770
781
  readonly "navy-100": "#F3F3F5";
782
+ readonly "navy-200": "#DBDCE0";
771
783
  readonly "navy-300": "#C3C5CB";
772
784
  readonly "navy-400": "#9FA2AC";
773
785
  readonly "navy-500": "#707382";
774
786
  readonly "navy-800": "#10162F";
775
- readonly "navy-200": "#DBDCE0";
776
787
  readonly "navy-600": "#585C6D";
777
788
  readonly "navy-700": "#34394C";
778
789
  readonly "navy-900": "#0A0D1C";
779
790
  readonly "green-0": "#F5FFE3";
791
+ readonly "green-200": "#EAFDC6";
780
792
  readonly "green-400": "#AEE938";
781
793
  readonly "green-700": "#008A27";
782
794
  readonly "yellow-0": "#FFFAE5";
@@ -792,9 +804,9 @@ export declare const adminTheme: Record<"breakpoints", {
792
804
  readonly "hyper-400": "#5533FF";
793
805
  readonly "hyper-500": "#3A10E5";
794
806
  readonly "gray-100": "#F5F5F5";
807
+ readonly "gray-200": "#EEEEEE";
795
808
  readonly "gray-300": "#E0E0E0";
796
809
  readonly "gray-800": "#616161";
797
- readonly "gray-200": "#EEEEEE";
798
810
  readonly "gray-600": "#9E9E9E";
799
811
  readonly "gray-900": "#424242";
800
812
  }, "-"> | "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "shadow-opaque" | "shadow-solid" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-contrast" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "primary-inverse" | "secondary-hover" | "danger-hover" | "interface-hover") => string;
package/dist/themes/core.d.ts CHANGED
@@ -96,20 +96,22 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
96
96
  readonly "shadow-white-heavy": string;
97
97
  readonly "beige-100": "#FFF0E5";
98
98
  readonly "blue-0": "#F5FCFF";
99
+ readonly "blue-200": "#D3F2FF";
99
100
  readonly "blue-300": "#66C4FF";
100
101
  readonly "blue-400": "#3388FF";
101
102
  readonly "blue-500": "#1557FF";
102
103
  readonly "blue-800": "#1D2340";
103
104
  readonly "navy-100": "#F3F3F5";
105
+ readonly "navy-200": "#DBDCE0";
104
106
  readonly "navy-300": "#C3C5CB";
105
107
  readonly "navy-400": "#9FA2AC";
106
108
  readonly "navy-500": "#707382";
107
109
  readonly "navy-800": "#10162F";
108
- readonly "navy-200": "#DBDCE0";
109
110
  readonly "navy-600": "#585C6D";
110
111
  readonly "navy-700": "#34394C";
111
112
  readonly "navy-900": "#0A0D1C";
112
113
  readonly "green-0": "#F5FFE3";
114
+ readonly "green-200": "#EAFDC6";
113
115
  readonly "green-400": "#AEE938";
114
116
  readonly "green-700": "#008A27";
115
117
  readonly "yellow-0": "#FFFAE5";
@@ -125,9 +127,9 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
125
127
  readonly "hyper-400": "#5533FF";
126
128
  readonly "hyper-500": "#3A10E5";
127
129
  readonly "gray-100": "#F5F5F5";
130
+ readonly "gray-200": "#EEEEEE";
128
131
  readonly "gray-300": "#E0E0E0";
129
132
  readonly "gray-800": "#616161";
130
- readonly "gray-200": "#EEEEEE";
131
133
  readonly "gray-600": "#9E9E9E";
132
134
  readonly "gray-900": "#424242";
133
135
  }, "-", "">, "color">>> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, {
@@ -238,20 +240,22 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
238
240
  readonly "shadow-white-heavy": string;
239
241
  readonly "beige-100": "#FFF0E5";
240
242
  readonly "blue-0": "#F5FCFF";
243
+ readonly "blue-200": "#D3F2FF";
241
244
  readonly "blue-300": "#66C4FF";
242
245
  readonly "blue-400": "#3388FF";
243
246
  readonly "blue-500": "#1557FF";
244
247
  readonly "blue-800": "#1D2340";
245
248
  readonly "navy-100": "#F3F3F5";
249
+ readonly "navy-200": "#DBDCE0";
246
250
  readonly "navy-300": "#C3C5CB";
247
251
  readonly "navy-400": "#9FA2AC";
248
252
  readonly "navy-500": "#707382";
249
253
  readonly "navy-800": "#10162F";
250
- readonly "navy-200": "#DBDCE0";
251
254
  readonly "navy-600": "#585C6D";
252
255
  readonly "navy-700": "#34394C";
253
256
  readonly "navy-900": "#0A0D1C";
254
257
  readonly "green-0": "#F5FFE3";
258
+ readonly "green-200": "#EAFDC6";
255
259
  readonly "green-400": "#AEE938";
256
260
  readonly "green-700": "#008A27";
257
261
  readonly "yellow-0": "#FFFAE5";
@@ -267,9 +271,9 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
267
271
  readonly "hyper-400": "#5533FF";
268
272
  readonly "hyper-500": "#3A10E5";
269
273
  readonly "gray-100": "#F5F5F5";
274
+ readonly "gray-200": "#EEEEEE";
270
275
  readonly "gray-300": "#E0E0E0";
271
276
  readonly "gray-800": "#616161";
272
- readonly "gray-200": "#EEEEEE";
273
277
  readonly "gray-600": "#9E9E9E";
274
278
  readonly "gray-900": "#424242";
275
279
  }, "-", "">, "color">;
@@ -385,20 +389,22 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
385
389
  readonly "shadow-white-heavy": string;
386
390
  readonly "beige-100": "#FFF0E5";
387
391
  readonly "blue-0": "#F5FCFF";
392
+ readonly "blue-200": "#D3F2FF";
388
393
  readonly "blue-300": "#66C4FF";
389
394
  readonly "blue-400": "#3388FF";
390
395
  readonly "blue-500": "#1557FF";
391
396
  readonly "blue-800": "#1D2340";
392
397
  readonly "navy-100": "#F3F3F5";
398
+ readonly "navy-200": "#DBDCE0";
393
399
  readonly "navy-300": "#C3C5CB";
394
400
  readonly "navy-400": "#9FA2AC";
395
401
  readonly "navy-500": "#707382";
396
402
  readonly "navy-800": "#10162F";
397
- readonly "navy-200": "#DBDCE0";
398
403
  readonly "navy-600": "#585C6D";
399
404
  readonly "navy-700": "#34394C";
400
405
  readonly "navy-900": "#0A0D1C";
401
406
  readonly "green-0": "#F5FFE3";
407
+ readonly "green-200": "#EAFDC6";
402
408
  readonly "green-400": "#AEE938";
403
409
  readonly "green-700": "#008A27";
404
410
  readonly "yellow-0": "#FFFAE5";
@@ -414,9 +420,9 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
414
420
  readonly "hyper-400": "#5533FF";
415
421
  readonly "hyper-500": "#3A10E5";
416
422
  readonly "gray-100": "#F5F5F5";
423
+ readonly "gray-200": "#EEEEEE";
417
424
  readonly "gray-300": "#E0E0E0";
418
425
  readonly "gray-800": "#616161";
419
- readonly "gray-200": "#EEEEEE";
420
426
  readonly "gray-600": "#9E9E9E";
421
427
  readonly "gray-900": "#424242";
422
428
  }, "-">) => string;
package/dist/themes/platform.d.ts CHANGED
@@ -107,20 +107,22 @@ export declare const platformTheme: Record<"breakpoints", {
107
107
  readonly "shadow-white-heavy": string;
108
108
  readonly "beige-100": "#FFF0E5";
109
109
  readonly "blue-0": "#F5FCFF";
110
+ readonly "blue-200": "#D3F2FF";
110
111
  readonly "blue-300": "#66C4FF";
111
112
  readonly "blue-400": "#3388FF";
112
113
  readonly "blue-500": "#1557FF";
113
114
  readonly "blue-800": "#1D2340";
114
115
  readonly "navy-100": "#F3F3F5";
116
+ readonly "navy-200": "#DBDCE0";
115
117
  readonly "navy-300": "#C3C5CB";
116
118
  readonly "navy-400": "#9FA2AC";
117
119
  readonly "navy-500": "#707382";
118
120
  readonly "navy-800": "#10162F";
119
- readonly "navy-200": "#DBDCE0";
120
121
  readonly "navy-600": "#585C6D";
121
122
  readonly "navy-700": "#34394C";
122
123
  readonly "navy-900": "#0A0D1C";
123
124
  readonly "green-0": "#F5FFE3";
125
+ readonly "green-200": "#EAFDC6";
124
126
  readonly "green-400": "#AEE938";
125
127
  readonly "green-700": "#008A27";
126
128
  readonly "yellow-0": "#FFFAE5";
@@ -136,9 +138,9 @@ export declare const platformTheme: Record<"breakpoints", {
136
138
  readonly "hyper-400": "#5533FF";
137
139
  readonly "hyper-500": "#3A10E5";
138
140
  readonly "gray-100": "#F5F5F5";
141
+ readonly "gray-200": "#EEEEEE";
139
142
  readonly "gray-300": "#E0E0E0";
140
143
  readonly "gray-800": "#616161";
141
- readonly "gray-200": "#EEEEEE";
142
144
  readonly "gray-600": "#9E9E9E";
143
145
  readonly "gray-900": "#424242";
144
146
  }, "-", "">, "color">>> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, {
@@ -249,20 +251,22 @@ export declare const platformTheme: Record<"breakpoints", {
249
251
  readonly "shadow-white-heavy": string;
250
252
  readonly "beige-100": "#FFF0E5";
251
253
  readonly "blue-0": "#F5FCFF";
254
+ readonly "blue-200": "#D3F2FF";
252
255
  readonly "blue-300": "#66C4FF";
253
256
  readonly "blue-400": "#3388FF";
254
257
  readonly "blue-500": "#1557FF";
255
258
  readonly "blue-800": "#1D2340";
256
259
  readonly "navy-100": "#F3F3F5";
260
+ readonly "navy-200": "#DBDCE0";
257
261
  readonly "navy-300": "#C3C5CB";
258
262
  readonly "navy-400": "#9FA2AC";
259
263
  readonly "navy-500": "#707382";
260
264
  readonly "navy-800": "#10162F";
261
- readonly "navy-200": "#DBDCE0";
262
265
  readonly "navy-600": "#585C6D";
263
266
  readonly "navy-700": "#34394C";
264
267
  readonly "navy-900": "#0A0D1C";
265
268
  readonly "green-0": "#F5FFE3";
269
+ readonly "green-200": "#EAFDC6";
266
270
  readonly "green-400": "#AEE938";
267
271
  readonly "green-700": "#008A27";
268
272
  readonly "yellow-0": "#FFFAE5";
@@ -278,9 +282,9 @@ export declare const platformTheme: Record<"breakpoints", {
278
282
  readonly "hyper-400": "#5533FF";
279
283
  readonly "hyper-500": "#3A10E5";
280
284
  readonly "gray-100": "#F5F5F5";
285
+ readonly "gray-200": "#EEEEEE";
281
286
  readonly "gray-300": "#E0E0E0";
282
287
  readonly "gray-800": "#616161";
283
- readonly "gray-200": "#EEEEEE";
284
288
  readonly "gray-600": "#9E9E9E";
285
289
  readonly "gray-900": "#424242";
286
290
  }, "-", "">, "color">;
@@ -396,20 +400,22 @@ export declare const platformTheme: Record<"breakpoints", {
396
400
  readonly "shadow-white-heavy": string;
397
401
  readonly "beige-100": "#FFF0E5";
398
402
  readonly "blue-0": "#F5FCFF";
403
+ readonly "blue-200": "#D3F2FF";
399
404
  readonly "blue-300": "#66C4FF";
400
405
  readonly "blue-400": "#3388FF";
401
406
  readonly "blue-500": "#1557FF";
402
407
  readonly "blue-800": "#1D2340";
403
408
  readonly "navy-100": "#F3F3F5";
409
+ readonly "navy-200": "#DBDCE0";
404
410
  readonly "navy-300": "#C3C5CB";
405
411
  readonly "navy-400": "#9FA2AC";
406
412
  readonly "navy-500": "#707382";
407
413
  readonly "navy-800": "#10162F";
408
- readonly "navy-200": "#DBDCE0";
409
414
  readonly "navy-600": "#585C6D";
410
415
  readonly "navy-700": "#34394C";
411
416
  readonly "navy-900": "#0A0D1C";
412
417
  readonly "green-0": "#F5FFE3";
418
+ readonly "green-200": "#EAFDC6";
413
419
  readonly "green-400": "#AEE938";
414
420
  readonly "green-700": "#008A27";
415
421
  readonly "yellow-0": "#FFFAE5";
@@ -425,9 +431,9 @@ export declare const platformTheme: Record<"breakpoints", {
425
431
  readonly "hyper-400": "#5533FF";
426
432
  readonly "hyper-500": "#3A10E5";
427
433
  readonly "gray-100": "#F5F5F5";
434
+ readonly "gray-200": "#EEEEEE";
428
435
  readonly "gray-300": "#E0E0E0";
429
436
  readonly "gray-800": "#616161";
430
- readonly "gray-200": "#EEEEEE";
431
437
  readonly "gray-600": "#9E9E9E";
432
438
  readonly "gray-900": "#424242";
433
439
  }, "-">) => string;
@@ -543,20 +549,22 @@ export declare const platformTheme: Record<"breakpoints", {
543
549
  readonly "shadow-white-heavy": string;
544
550
  readonly "beige-100": "#FFF0E5";
545
551
  readonly "blue-0": "#F5FCFF";
552
+ readonly "blue-200": "#D3F2FF";
546
553
  readonly "blue-300": "#66C4FF";
547
554
  readonly "blue-400": "#3388FF";
548
555
  readonly "blue-500": "#1557FF";
549
556
  readonly "blue-800": "#1D2340";
550
557
  readonly "navy-100": "#F3F3F5";
558
+ readonly "navy-200": "#DBDCE0";
551
559
  readonly "navy-300": "#C3C5CB";
552
560
  readonly "navy-400": "#9FA2AC";
553
561
  readonly "navy-500": "#707382";
554
562
  readonly "navy-800": "#10162F";
555
- readonly "navy-200": "#DBDCE0";
556
563
  readonly "navy-600": "#585C6D";
557
564
  readonly "navy-700": "#34394C";
558
565
  readonly "navy-900": "#0A0D1C";
559
566
  readonly "green-0": "#F5FFE3";
567
+ readonly "green-200": "#EAFDC6";
560
568
  readonly "green-400": "#AEE938";
561
569
  readonly "green-700": "#008A27";
562
570
  readonly "yellow-0": "#FFFAE5";
@@ -572,9 +580,9 @@ export declare const platformTheme: Record<"breakpoints", {
572
580
  readonly "hyper-400": "#5533FF";
573
581
  readonly "hyper-500": "#3A10E5";
574
582
  readonly "gray-100": "#F5F5F5";
583
+ readonly "gray-200": "#EEEEEE";
575
584
  readonly "gray-300": "#E0E0E0";
576
585
  readonly "gray-800": "#616161";
577
- readonly "gray-200": "#EEEEEE";
578
586
  readonly "gray-600": "#9E9E9E";
579
587
  readonly "gray-900": "#424242";
580
588
  }, "-", "">, "color">, import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
@@ -684,20 +692,22 @@ export declare const platformTheme: Record<"breakpoints", {
684
692
  readonly "shadow-white-heavy": string;
685
693
  readonly "beige-100": "#FFF0E5";
686
694
  readonly "blue-0": "#F5FCFF";
695
+ readonly "blue-200": "#D3F2FF";
687
696
  readonly "blue-300": "#66C4FF";
688
697
  readonly "blue-400": "#3388FF";
689
698
  readonly "blue-500": "#1557FF";
690
699
  readonly "blue-800": "#1D2340";
691
700
  readonly "navy-100": "#F3F3F5";
701
+ readonly "navy-200": "#DBDCE0";
692
702
  readonly "navy-300": "#C3C5CB";
693
703
  readonly "navy-400": "#9FA2AC";
694
704
  readonly "navy-500": "#707382";
695
705
  readonly "navy-800": "#10162F";
696
- readonly "navy-200": "#DBDCE0";
697
706
  readonly "navy-600": "#585C6D";
698
707
  readonly "navy-700": "#34394C";
699
708
  readonly "navy-900": "#0A0D1C";
700
709
  readonly "green-0": "#F5FFE3";
710
+ readonly "green-200": "#EAFDC6";
701
711
  readonly "green-400": "#AEE938";
702
712
  readonly "green-700": "#008A27";
703
713
  readonly "yellow-0": "#FFFAE5";
@@ -713,9 +723,9 @@ export declare const platformTheme: Record<"breakpoints", {
713
723
  readonly "hyper-400": "#5533FF";
714
724
  readonly "hyper-500": "#3A10E5";
715
725
  readonly "gray-100": "#F5F5F5";
726
+ readonly "gray-200": "#EEEEEE";
716
727
  readonly "gray-300": "#E0E0E0";
717
728
  readonly "gray-800": "#616161";
718
- readonly "gray-200": "#EEEEEE";
719
729
  readonly "gray-600": "#9E9E9E";
720
730
  readonly "gray-900": "#424242";
721
731
  }, "-", "">, "color">>, import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
@@ -905,20 +915,22 @@ export declare const platformTheme: Record<"breakpoints", {
905
915
  readonly "shadow-white-heavy": string;
906
916
  readonly "beige-100": "#FFF0E5";
907
917
  readonly "blue-0": "#F5FCFF";
918
+ readonly "blue-200": "#D3F2FF";
908
919
  readonly "blue-300": "#66C4FF";
909
920
  readonly "blue-400": "#3388FF";
910
921
  readonly "blue-500": "#1557FF";
911
922
  readonly "blue-800": "#1D2340";
912
923
  readonly "navy-100": "#F3F3F5";
924
+ readonly "navy-200": "#DBDCE0";
913
925
  readonly "navy-300": "#C3C5CB";
914
926
  readonly "navy-400": "#9FA2AC";
915
927
  readonly "navy-500": "#707382";
916
928
  readonly "navy-800": "#10162F";
917
- readonly "navy-200": "#DBDCE0";
918
929
  readonly "navy-600": "#585C6D";
919
930
  readonly "navy-700": "#34394C";
920
931
  readonly "navy-900": "#0A0D1C";
921
932
  readonly "green-0": "#F5FFE3";
933
+ readonly "green-200": "#EAFDC6";
922
934
  readonly "green-400": "#AEE938";
923
935
  readonly "green-700": "#008A27";
924
936
  readonly "yellow-0": "#FFFAE5";
@@ -934,9 +946,9 @@ export declare const platformTheme: Record<"breakpoints", {
934
946
  readonly "hyper-400": "#5533FF";
935
947
  readonly "hyper-500": "#3A10E5";
936
948
  readonly "gray-100": "#F5F5F5";
949
+ readonly "gray-200": "#EEEEEE";
937
950
  readonly "gray-300": "#E0E0E0";
938
951
  readonly "gray-800": "#616161";
939
- readonly "gray-200": "#EEEEEE";
940
952
  readonly "gray-600": "#9E9E9E";
941
953
  readonly "gray-900": "#424242";
942
954
  }, "-"> | "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "shadow-opaque" | "shadow-solid" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-contrast" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "primary-inverse" | "secondary-hover" | "danger-hover" | "interface-hover" | import("@codecademy/variance").Path<{
package/dist/variables/colors.d.ts CHANGED
@@ -4,6 +4,7 @@ export declare const coreSwatches: {
4
4
  };
5
5
  readonly blue: {
6
6
  readonly '0': "#F5FCFF";
7
+ readonly '200': "#D3F2FF";
7
8
  readonly '300': "#66C4FF";
8
9
  readonly '400': "#3388FF";
9
10
  readonly '500': "#1557FF";
@@ -22,6 +23,7 @@ export declare const coreSwatches: {
22
23
  };
23
24
  readonly green: {
24
25
  readonly '0': "#F5FFE3";
26
+ readonly '200': "#EAFDC6";
25
27
  readonly '400': "#AEE938";
26
28
  readonly '700': "#008A27";
27
29
  };
@@ -101,20 +103,22 @@ export declare const corePalette: {
101
103
  readonly "shadow-white-heavy": string;
102
104
  readonly "beige-100": "#FFF0E5";
103
105
  readonly "blue-0": "#F5FCFF";
106
+ readonly "blue-200": "#D3F2FF";
104
107
  readonly "blue-300": "#66C4FF";
105
108
  readonly "blue-400": "#3388FF";
106
109
  readonly "blue-500": "#1557FF";
107
110
  readonly "blue-800": "#1D2340";
108
111
  readonly "navy-100": "#F3F3F5";
112
+ readonly "navy-200": "#DBDCE0";
109
113
  readonly "navy-300": "#C3C5CB";
110
114
  readonly "navy-400": "#9FA2AC";
111
115
  readonly "navy-500": "#707382";
112
116
  readonly "navy-800": "#10162F";
113
- readonly "navy-200": "#DBDCE0";
114
117
  readonly "navy-600": "#585C6D";
115
118
  readonly "navy-700": "#34394C";
116
119
  readonly "navy-900": "#0A0D1C";
117
120
  readonly "green-0": "#F5FFE3";
121
+ readonly "green-200": "#EAFDC6";
118
122
  readonly "green-400": "#AEE938";
119
123
  readonly "green-700": "#008A27";
120
124
  readonly "yellow-0": "#FFFAE5";
@@ -130,9 +134,9 @@ export declare const corePalette: {
130
134
  readonly "hyper-400": "#5533FF";
131
135
  readonly "hyper-500": "#3A10E5";
132
136
  readonly "gray-100": "#F5F5F5";
137
+ readonly "gray-200": "#EEEEEE";
133
138
  readonly "gray-300": "#E0E0E0";
134
139
  readonly "gray-800": "#616161";
135
- readonly "gray-200": "#EEEEEE";
136
140
  readonly "gray-600": "#9E9E9E";
137
141
  readonly "gray-900": "#424242";
138
142
  };
package/dist/variables/colors.js CHANGED
@@ -30,6 +30,7 @@ export var coreSwatches = {
30
30
  },
31
31
  blue: {
32
32
  '0': '#F5FCFF',
33
+ '200': '#D3F2FF',
33
34
  '300': '#66C4FF',
34
35
  '400': '#3388FF',
35
36
  '500': '#1557FF',
@@ -48,6 +49,7 @@ export var coreSwatches = {
48
49
  },
49
50
  green: {
50
51
  '0': '#F5FFE3',
52
+ '200': '#EAFDC6',
51
53
  '400': '#AEE938',
52
54
  '700': '#008A27'
53
55
  },
package/dist/variables/deprecated-colors.d.ts CHANGED
@@ -142,9 +142,9 @@ export declare const colors: {
142
142
  readonly "hyper-400": "#5533FF";
143
143
  readonly "hyper-500": "#3A10E5";
144
144
  readonly "gray-100": "#f6f5fa";
145
+ readonly "gray-200": "#dddce0";
145
146
  readonly "gray-300": "#c4c3c7";
146
147
  readonly "gray-800": "#323233";
147
- readonly "gray-200": "#dddce0";
148
148
  readonly "gray-600": "#646466";
149
149
  readonly "gray-900": "#19191a";
150
150
  readonly "beige-0": "#FFF0E5";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@codecademy/gamut-styles",
3
3
  "description": "Styleguide & Component library for codecademy.com",
4
- "version": "14.1.2-alpha.b4ac54.0",
4
+ "version": "14.1.2",
5
5
  "author": "Jake Hiller <jake@codecademy.com>",
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.js",
@@ -21,7 +21,7 @@
21
21
  "url": "git@github.com:Codecademy/gamut.git"
22
22
  },
23
23
  "dependencies": {
24
- "@codecademy/variance": "0.20.4-alpha.b4ac54.0",
24
+ "@codecademy/variance": "^0.20.3",
25
25
  "@emotion/is-prop-valid": "^1.1.0",
26
26
  "polished": "^4.1.2"
27
27
  },
@@ -30,17 +30,18 @@
30
30
  "@emotion/react": "^11.4.0",
31
31
  "@emotion/styled": "^11.3.0",
32
32
  "lodash": "^4.17.5",
33
- "react": ">=18.2.0",
34
- "react-helmet-async": "^1.3.0",
33
+ "react": ">=17.0.2",
34
+ "react-helmet": "^6.1.0",
35
35
  "stylis": "^4.0.7"
36
36
  },
37
37
  "devDependencies": {
38
38
  "@emotion/jest": "^11.3.0",
39
+ "@types/react-helmet": "^6.1.0",
39
40
  "component-test-setup": "^0.3.1"
40
41
  },
41
42
  "license": "MIT",
42
43
  "publishConfig": {
43
44
  "access": "public"
44
45
  },
45
- "gitHead": "066cb373a27e25114781e1c6c9b9d353aa5f8fea"
46
+ "gitHead": "d82781e84ef9f28d1d22d64dbca816a777455649"
46
47
  }