@codecademy/gamut 68.0.0 → 68.0.1-alpha.3a9965.0

package/dist/DetailedCode/DetailedCodeBody/index.d.ts

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

package/dist/DetailedCode/DetailedCodeBody/index.js

@@ -0,0 +1,16 @@
+import { Source } from '@storybook/blocks';
+import * as React from 'react';
+import { DetailedCodeBodyWrapper } from '../elements';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const DetailedCodeBody = ({
+  code,
+  language
+}) => {
+  return /*#__PURE__*/_jsx(DetailedCodeBodyWrapper, {
+    children: /*#__PURE__*/_jsx(Source, {
+      code: code,
+      dark: true,
+      language: language
+    })
+  });
+};

package/dist/DetailedCode/DetailedCodeButton/index.d.ts

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

package/dist/DetailedCode/DetailedCodeButton/index.js

@@ -0,0 +1,43 @@
+import { MiniChevronDownIcon } from '@codecademy/gamut-icons';
+import * as React from 'react';
+import { Anchor } from '../../Anchor';
+import { Rotation } from '../../Animation';
+import { FlexBox } from '../../Box';
+import { Text } from '../../Typography';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const DetailedCodeButton = ({
+  isExpanded,
+  setIsExpanded
+}) => {
+  const handleClick = () => {
+    if (setIsExpanded) {
+      setIsExpanded(prev => !prev);
+    }
+  };
+  return /*#__PURE__*/_jsx(Anchor, {
+    "aria-expanded": isExpanded,
+    height: "100%",
+    px: 16,
+    py: 12,
+    variant: "interface",
+    width: "100%",
+    onClick: handleClick,
+    children: /*#__PURE__*/_jsxs(FlexBox, {
+      columnGap: 16,
+      flexDirection: "row",
+      justifyContent: "space-between",
+      width: "100%",
+      children: [/*#__PURE__*/_jsx(Text, {
+        children: isExpanded ? 'Show Less Code' : 'Show More Code'
+      }), /*#__PURE__*/_jsx(Rotation, {
+        height: 16,
+        rotated: isExpanded,
+        width: 16,
+        children: /*#__PURE__*/_jsx(MiniChevronDownIcon, {
+          "aria-hidden": true,
+          size: 16
+        })
+      })]
+    })
+  });
+};

package/dist/DetailedCode/elements.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const DetailedCodeWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & import("../Box").FlexBoxProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | keyof import("react").ClassAttributes<HTMLDivElement> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const DetailedCodeBodyWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & import("../Box").FlexBoxProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | keyof import("react").ClassAttributes<HTMLDivElement> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/dist/DetailedCode/elements.js

@@ -0,0 +1,24 @@
+import _styled from "@emotion/styled/base";
+import { css } from '@codecademy/gamut-styles';
+import { FlexBox } from '../Box';
+export const DetailedCodeWrapper = /*#__PURE__*/_styled(FlexBox, {
+  target: "ewqc84l1",
+  label: "DetailedCodeWrapper"
+})(css({
+  width: '100%',
+  flexDirection: 'column',
+  borderRadius: 'md',
+  border: 1,
+  bg: 'background'
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9EZXRhaWxlZENvZGUvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUttQyIsImZpbGUiOiIuLi8uLi9zcmMvRGV0YWlsZWRDb2RlL2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLi9Cb3gnO1xuXG5leHBvcnQgY29uc3QgRGV0YWlsZWRDb2RlV3JhcHBlciA9IHN0eWxlZChGbGV4Qm94KShcbiAgY3NzKHtcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4nLFxuICAgIGJvcmRlclJhZGl1czogJ21kJyxcbiAgICBib3JkZXI6IDEsXG4gICAgYmc6ICdiYWNrZ3JvdW5kJyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBEZXRhaWxlZENvZGVCb2R5V3JhcHBlciA9IHN0eWxlZChGbGV4Qm94KShcbiAgY3NzKHtcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgICAvKiBPdmVycmlkZSBTdG9yeWJvb2sncyBTb3VyY2UgY29tcG9uZW50IGRlZmF1bHQgc3R5bGVzIHRvIHJlbW92ZSB1bndhbnRlZCBzcGFjaW5nIGFuZCBib3JkZXJzIGluIHRoZSBjb250YWluZXIgKi9cbiAgICAnJiAuZG9jYmxvY2stc291cmNlJzoge1xuICAgICAgYm9yZGVyUmFkaXVzOiAnbm9uZScsXG4gICAgICBtYXJnaW46IDAsXG4gICAgfSxcbiAgfSlcbik7XG4iXX0= */");
+export const DetailedCodeBodyWrapper = /*#__PURE__*/_styled(FlexBox, {
+  target: "ewqc84l0",
+  label: "DetailedCodeBodyWrapper"
+})(css({
+  flexDirection: 'column',
+  /* Override Storybook's Source component default styles to remove unwanted spacing and borders in the container */
+  '& .docblock-source': {
+    borderRadius: 'none',
+    margin: 0
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9EZXRhaWxlZENvZGUvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWV1QyIsImZpbGUiOiIuLi8uLi9zcmMvRGV0YWlsZWRDb2RlL2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLi9Cb3gnO1xuXG5leHBvcnQgY29uc3QgRGV0YWlsZWRDb2RlV3JhcHBlciA9IHN0eWxlZChGbGV4Qm94KShcbiAgY3NzKHtcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4nLFxuICAgIGJvcmRlclJhZGl1czogJ21kJyxcbiAgICBib3JkZXI6IDEsXG4gICAgYmc6ICdiYWNrZ3JvdW5kJyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBEZXRhaWxlZENvZGVCb2R5V3JhcHBlciA9IHN0eWxlZChGbGV4Qm94KShcbiAgY3NzKHtcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgICAvKiBPdmVycmlkZSBTdG9yeWJvb2sncyBTb3VyY2UgY29tcG9uZW50IGRlZmF1bHQgc3R5bGVzIHRvIHJlbW92ZSB1bndhbnRlZCBzcGFjaW5nIGFuZCBib3JkZXJzIGluIHRoZSBjb250YWluZXIgKi9cbiAgICAnJiAuZG9jYmxvY2stc291cmNlJzoge1xuICAgICAgYm9yZGVyUmFkaXVzOiAnbm9uZScsXG4gICAgICBtYXJnaW46IDAsXG4gICAgfSxcbiAgfSlcbik7XG4iXX0= */");

package/dist/DetailedCode/index.d.ts

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

package/dist/DetailedCode/index.js

@@ -0,0 +1,37 @@
+import React, { useState } from 'react';
+import { DetailedCodeBody } from './DetailedCodeBody';
+import { DetailedCodeButton } from './DetailedCodeButton';
+import { DetailedCodeWrapper } from './elements';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULT_PREVIEW_LINES = 10;
+const DEFAULT_LANGUAGE = 'tsx';
+const getPreviewCode = (code, previewLines) => {
+  const lines = code.split('\n');
+  if (lines.length <= previewLines) {
+    return code;
+  }
+  return lines.slice(0, previewLines).join('\n');
+};
+export const DetailedCode = ({
+  code,
+  initiallyExpanded = false,
+  language = DEFAULT_LANGUAGE,
+  preview = false,
+  previewLines = DEFAULT_PREVIEW_LINES
+}) => {
+  const [isExpanded, setIsExpanded] = useState(initiallyExpanded);
+  const normalizedPreviewLines = Math.max(0, previewLines);
+  const previewEnabled = preview && normalizedPreviewLines > 0;
+  const previewCode = previewEnabled ? getPreviewCode(code, normalizedPreviewLines) : code;
+  const hasMoreCode = previewEnabled && code.split('\n').length > normalizedPreviewLines;
+  const displayedCode = isExpanded ? code : previewCode;
+  return /*#__PURE__*/_jsxs(DetailedCodeWrapper, {
+    children: [/*#__PURE__*/_jsx(DetailedCodeBody, {
+      code: displayedCode,
+      language: language
+    }), hasMoreCode && /*#__PURE__*/_jsx(DetailedCodeButton, {
+      isExpanded: isExpanded,
+      setIsExpanded: setIsExpanded
+    })]
+  });
+};

package/dist/DetailedCode/types.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export interface DetailedCodeProps {
+    code: string;
+    language: string;
+    initiallyExpanded?: boolean;
+    preview?: boolean;
+    previewLines?: number;
+}
+export interface DetailedCodeButtonProps {
+    isExpanded?: boolean;
+    setIsExpanded?: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export interface DetailedCodeBodyProps {
+    code: string;
+    language: string;
+}

package/dist/DetailedCode/types.js

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

package/dist/index.d.ts

@@ -16,6 +16,7 @@ export * from './Coachmark';
 export * from './ConnectedForm';
 export * from './ContentContainer';
 export * from './DelayedRenderWrapper';
+export * from './DetailedCode';
 export * from './Disclosure';
 export * from './DataList';
 export * from './Drawer';

package/dist/index.js

@@ -15,6 +15,7 @@ export * from './Coachmark';
 export * from './ConnectedForm';
 export * from './ContentContainer';
 export * from './DelayedRenderWrapper';
+export * from './DetailedCode';
 export * from './Disclosure';
 export * from './DataList';
 export * from './Drawer';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codecademy/gamut",
   "description": "Styleguide & Component library for Codecademy",
-  "version": "68.0.0",
+  "version": "68.0.1-alpha.3a9965.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "dependencies": {
     "@codecademy/gamut-icons": "9.54.2",
@@ -56,5 +56,5 @@
     "dist/**/[A-Z]**/[A-Z]*.js",
     "dist/**/[A-Z]**/index.js"
   ],
-  "gitHead": "08a04d5b6f9ff743b925e7edb6c71a713125e52c"
+  "gitHead": "787d4ab4255e824cf312213e6b711c4219fe314c"
 }