@codecademy/gamut 71.0.1-alpha.2135a1.0 → 71.0.1-alpha.3f8f87.0

package/bin/lib/claude.mjs

@@ -15,7 +15,7 @@ export async function claudePluginSpec(sourceRoot) {
   } catch {
     throw new Error(
       `Missing ${mp}.\n` +
-        `A .claude-plugin/marketplace.json is required for Claude Code installation.`,
+        `A .claude-plugin/marketplace.json is required for Claude Code installation.`
     );
   }
 
@@ -26,14 +26,20 @@ export async function claudePluginSpec(sourceRoot) {
   const { name: marketplaceName, plugins } = json;
 
   if (!marketplaceName || !Array.isArray(plugins) || plugins.length === 0) {
-    throw new Error(`Invalid marketplace.json — needs "name" and "plugins[]": ${mp}`);
+    throw new Error(
+      `Invalid marketplace.json — needs "name" and "plugins[]": ${mp}`
+    );
   }
 
   const entry =
-    plugins.find((p) => p.source === './' || p.source === '.' || p.source == null) ?? plugins[0];
+    plugins.find(
+      (p) => p.source === './' || p.source === '.' || p.source == null
+    ) ?? plugins[0];
 
   if (!entry?.name) {
-    throw new Error(`No plugin name found in marketplace.json plugins[]: ${mp}`);
+    throw new Error(
+      `No plugin name found in marketplace.json plugins[]: ${mp}`
+    );
   }
 
   return `${entry.name}@${marketplaceName}`;
@@ -47,6 +53,9 @@ export async function claudePluginSpec(sourceRoot) {
  */
 export function marketplaceName(spec) {
   const name = spec.split('@')[1];
-  if (!name) throw new Error(`Could not parse marketplace name from plugin spec: ${spec}`);
+  if (!name)
+    throw new Error(
+      `Could not parse marketplace name from plugin spec: ${spec}`
+    );
   return name;
 }

package/bin/lib/cursor.mjs

@@ -4,7 +4,10 @@ import { join } from 'node:path';
 
 /** @returns {string} */
 export function cursorPluginsRoot() {
-  return process.env.CURSOR_PLUGINS_LOCAL ?? join(homedir(), '.cursor', 'plugins', 'local');
+  return (
+    process.env.CURSOR_PLUGINS_LOCAL ??
+    join(homedir(), '.cursor', 'plugins', 'local')
+  );
 }
 
 /**

package/dist/Form/elements/Form.d.ts

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

package/dist/List/ListProvider.d.ts

@@ -12,5 +12,5 @@ export declare function useList({ listType, rowBreakpoint, scrollable, spacing,
     rowBreakpoint: "xs" | "sm" | "md" | undefined;
     scrollable: boolean | undefined;
     spacing: "normal" | "condensed" | "compact" | undefined;
-    variant: "table" | "default" | "block" | "plain" | "card" | undefined;
+    variant: "table" | "default" | "block" | "card" | "plain" | undefined;
 };

package/dist/List/elements.d.ts

@@ -348,7 +348,7 @@ declare const space: import("@codecademy/variance/dist/types/config").Parser<imp
         readonly property: "direction";
     };
 }>>;
-declare const listVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"variant", false | "table" | "default" | "block" | "plain" | "card"> & {
+declare const listVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"variant", false | "table" | "default" | "block" | "card" | "plain"> & {
     theme?: import("@emotion/react").Theme;
 }) => import("@codecademy/variance").CSSObject;
 export interface ListProps extends StyleProps<typeof listVariants>, StyleProps<typeof spacingVariants>, StyleProps<typeof space> {
@@ -366,7 +366,7 @@ declare const interactiveState: (props: Partial<Record<"interactive", boolean>>
 declare const spacingVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"spacing", false | "normal" | "condensed" | "compact"> & {
     theme?: import("@emotion/react").Theme;
 }) => import("@codecademy/variance").CSSObject;
-declare const rowVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"variant", false | "table" | "default" | "block" | "plain" | "card"> & {
+declare const rowVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"variant", false | "table" | "default" | "block" | "card" | "plain"> & {
     theme?: import("@emotion/react").Theme;
 }) => import("@codecademy/variance").CSSObject;
 declare const rowBreakpointVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"rowBreakpoint", false | "xs" | "sm" | "md" | "grid"> & {

package/dist/index.d.ts

@@ -1,6 +1,3 @@
-export * from './AccordionDeprecated';
-export * from './AccordionAreaDeprecated';
-export * from './AccordionButtonDeprecated';
 export * from './Alert';
 export * from './Anchor';
 export * from './Animation';

package/dist/index.js

@@ -1,6 +1,3 @@
-export * from './AccordionDeprecated';
-export * from './AccordionAreaDeprecated';
-export * from './AccordionButtonDeprecated';
 export * from './Alert';
 export * from './Anchor';
 export * from './Animation';

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@codecademy/gamut",
   "description": "Styleguide & Component library for Codecademy",
-  "version": "71.0.1-alpha.2135a1.0",
+  "version": "71.0.1-alpha.3f8f87.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "bin": "./bin/gamut.mjs",
   "dependencies": {
-    "@codecademy/gamut-icons": "9.57.8-alpha.2135a1.0",
-    "@codecademy/gamut-illustrations": "0.58.14-alpha.2135a1.0",
-    "@codecademy/gamut-patterns": "0.10.33-alpha.2135a1.0",
-    "@codecademy/gamut-styles": "20.0.1-alpha.2135a1.0",
-    "@codecademy/variance": "0.26.2-alpha.2135a1.0",
+    "@codecademy/gamut-icons": "9.57.8-alpha.3f8f87.0",
+    "@codecademy/gamut-illustrations": "0.58.14-alpha.3f8f87.0",
+    "@codecademy/gamut-patterns": "0.10.33-alpha.3f8f87.0",
+    "@codecademy/gamut-styles": "20.0.1-alpha.3f8f87.0",
+    "@codecademy/variance": "0.26.2-alpha.3f8f87.0",
     "@formatjs/intl-locale": "5.3.1",
     "@react-aria/interactions": "3.25.0",
     "@types/marked": "^4.0.8",

package/dist/AccordionAreaDeprecated/index.d.ts

@@ -1,20 +0,0 @@
-import * as React from 'react';
-export type AccordionAreaDeprecatedProps = {
-    children: React.ReactNode;
-    className?: string;
-    /**
-     * Whether the accordion is visually expanded to show its contents.
-     */
-    expanded?: boolean;
-    /**
-     * Contents of the clickable header button.
-     */
-    top: React.ReactNode;
-};
-/**
- * @deprecated
- * This component is in the old visual identity and will be updated soon.
- *
- * Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status
- */
-export declare const AccordionAreaDeprecated: React.FC<AccordionAreaDeprecatedProps>;

package/dist/AccordionAreaDeprecated/index.js

@@ -1,60 +0,0 @@
-import _styled from "@emotion/styled/base";
-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)."; }
-import { motion } from 'framer-motion';
-import { useState } from 'react';
-import * as React from 'react';
-import { useIsomorphicLayoutEffect } from 'react-use';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const transitionDuration = 0.2;
-const variants = {
-  expanded: {
-    height: 'auto'
-  },
-  folded: {
-    height: '0'
-  }
-};
-
-/**
- * @deprecated
- * This component is in the old visual identity and will be updated soon.
- *
- * Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status
- */
-
-export const AccordionAreaDeprecated = ({
-  children,
-  className,
-  expanded,
-  top
-}) => {
-  const [delayExpanded, setDelayExpanded] = useState(expanded);
-  useIsomorphicLayoutEffect(() => {
-    const handle = setTimeout(() => setDelayExpanded(expanded), transitionDuration * 1000);
-    return () => clearTimeout(handle);
-  }, [expanded]);
-  return /*#__PURE__*/_jsxs("div", {
-    className: className,
-    children: [top, /*#__PURE__*/_jsx(StyledAccordionBody, {
-      animate: expanded ? 'expanded' : 'folded',
-      initial: expanded ? 'expanded' : 'folded',
-      transition: {
-        duration: 0.2,
-        ease: 'easeInOut'
-      },
-      variants: variants,
-      children: (expanded || delayExpanded) && children
-    })]
-  });
-};
-const StyledAccordionBody = /*#__PURE__*/_styled(motion.div, {
-  target: "edhiluh0",
-  label: "StyledAccordionBody"
-})(process.env.NODE_ENV === "production" ? {
-  name: "d3v9zr",
-  styles: "overflow:hidden"
-} : {
-  name: "d3v9zr",
-  styles: "overflow:hidden/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9BY2NvcmRpb25BcmVhRGVwcmVjYXRlZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUU4QyIsImZpbGUiOiIuLi8uLi9zcmMvQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5pbXBvcnQgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUlzb21vcnBoaWNMYXlvdXRFZmZlY3QgfSBmcm9tICdyZWFjdC11c2UnO1xuXG5leHBvcnQgdHlwZSBBY2NvcmRpb25BcmVhRGVwcmVjYXRlZFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuXG4gIGNsYXNzTmFtZT86IHN0cmluZztcblxuICAvKipcbiAgICogV2hldGhlciB0aGUgYWNjb3JkaW9uIGlzIHZpc3VhbGx5IGV4cGFuZGVkIHRvIHNob3cgaXRzIGNvbnRlbnRzLlxuICAgKi9cbiAgZXhwYW5kZWQ/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBDb250ZW50cyBvZiB0aGUgY2xpY2thYmxlIGhlYWRlciBidXR0b24uXG4gICAqL1xuICB0b3A6IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IHRyYW5zaXRpb25EdXJhdGlvbiA9IDAuMjtcblxuY29uc3QgdmFyaWFudHMgPSB7XG4gIGV4cGFuZGVkOiB7IGhlaWdodDogJ2F1dG8nIH0sXG4gIGZvbGRlZDogeyBoZWlnaHQ6ICcwJyB9LFxufTtcblxuLyoqXG4gKiBAZGVwcmVjYXRlZFxuICogVGhpcyBjb21wb25lbnQgaXMgaW4gdGhlIG9sZCB2aXN1YWwgaWRlbnRpdHkgYW5kIHdpbGwgYmUgdXBkYXRlZCBzb29uLlxuICpcbiAqIENoZWNrIHRoZSBbR2FtdXQgQm9hcmRdKGh0dHBzOi8vd3d3Lm5vdGlvbi5zby9jb2RlY2FkZW15L0dhbXV0LVN0YXR1cy1UaW1lbGluZS1kZDNjMTM1ZDM4NDg0NjRlYTZlYjFiNDhlNjhmYmIxZCkgZm9yIGNvbXBvbmVudCBzdGF0dXNcbiAqL1xuXG5leHBvcnQgY29uc3QgQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQ6IFJlYWN0LkZDPFxuICBBY2NvcmRpb25BcmVhRGVwcmVjYXRlZFByb3BzXG4+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgZXhwYW5kZWQsIHRvcCB9KSA9PiB7XG4gIGNvbnN0IFtkZWxheUV4cGFuZGVkLCBzZXREZWxheUV4cGFuZGVkXSA9IHVzZVN0YXRlKGV4cGFuZGVkKTtcblxuICB1c2VJc29tb3JwaGljTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGUgPSBzZXRUaW1lb3V0KFxuICAgICAgKCkgPT4gc2V0RGVsYXlFeHBhbmRlZChleHBhbmRlZCksXG4gICAgICB0cmFuc2l0aW9uRHVyYXRpb24gKiAxMDAwXG4gICAgKTtcblxuICAgIHJldHVybiAoKSA9PiBjbGVhclRpbWVvdXQoaGFuZGxlKTtcbiAgfSwgW2V4cGFuZGVkXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cbiAgICAgIHt0b3B9XG4gICAgICA8U3R5bGVkQWNjb3JkaW9uQm9keVxuICAgICAgICBhbmltYXRlPXtleHBhbmRlZCA/ICdleHBhbmRlZCcgOiAnZm9sZGVkJ31cbiAgICAgICAgaW5pdGlhbD17ZXhwYW5kZWQgPyAnZXhwYW5kZWQnIDogJ2ZvbGRlZCd9XG4gICAgICAgIHRyYW5zaXRpb249e3sgZHVyYXRpb246IDAuMiwgZWFzZTogJ2Vhc2VJbk91dCcgfX1cbiAgICAgICAgdmFyaWFudHM9e3ZhcmlhbnRzfVxuICAgICAgPlxuICAgICAgICB7KGV4cGFuZGVkIHx8IGRlbGF5RXhwYW5kZWQpICYmIGNoaWxkcmVufVxuICAgICAgPC9TdHlsZWRBY2NvcmRpb25Cb2R5PlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuY29uc3QgU3R5bGVkQWNjb3JkaW9uQm9keSA9IHN0eWxlZChtb3Rpb24uZGl2KWBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbmA7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});

package/dist/AccordionButtonDeprecated/ButtonDeprecated/index.d.ts

@@ -1,93 +0,0 @@
-import { ReactNode } from 'react';
-import * as React from 'react';
-import { ButtonDeprecatedBaseProps } from '../ButtonDeprecatedBase';
-export declare const buttonPresetThemes: {
-    readonly secondary: "mint";
-    readonly platform: "greyblue";
-    readonly lantern: "darkmint";
-    readonly royalblue: "brand-purple";
-};
-declare const themes: readonly ["hyper", "navy", "red", "white", "brand-red", "brand-yellow", "brand-purple", "brand-dark-blue", "brand-blue", "mint", "darkmint", "grey", "greyblue"];
-export type ButtonDeprecatedThemes = keyof typeof buttonPresetThemes | (typeof themes)[number];
-export type ButtonDeprecatedProps = ButtonDeprecatedBaseProps & {
-    /**
-     * Whether button should behave like a block element or inline.
-     */
-    block?: boolean;
-    /**
-     * Capitalize the text of the button.
-     */
-    caps?: boolean;
-    children: ReactNode;
-    /**
-     * Disables the button and adds visual indicators to show it is not interactive.
-     */
-    disabled?: boolean;
-    /**
-     * Variant that displays the button as flat.
-     */
-    flat?: boolean;
-    /**
-     * Adds a pulsing animation to the button
-     */
-    go?: boolean;
-    /**
-     * Changes the button to a link with no visual indication
-     */
-    href?: string;
-    /**
-     * Link relationship property to be used with `href`
-     */
-    rel?: string;
-    /**
-     * Link target property to be used with `href`
-     */
-    target?: string;
-    id?: string;
-    /**
-     * Variant that displays the button as an inline link element, but maintains its semantic meaning as a button.
-     */
-    link?: boolean;
-    /**
-     * Variant the displays the button as a button that is outlined instead of solid.
-     */
-    outline?: boolean;
-    /**
-     *  Variant that rounds the corners of the button
-     */
-    round?: boolean;
-    /**
-     * Variant that determines the size of the button
-     */
-    size?: 'small' | 'large';
-    /**
-     * Variant that displays the button as a square
-     */
-    square?: boolean;
-    /**
-     * Variant that controls the background and text color of the button
-     * */
-    theme?: ButtonDeprecatedThemes;
-    type?: string;
-    /**
-     * Variant that underlines the text of the button.
-     */
-    underline?: boolean;
-    /**
-     *  Determines whether button dimensions should be determined by the content
-     */
-    fitText?: boolean;
-};
-/**
- * @deprecated
- * This component is deprecated and is no longer supported.
- *
- * See [FillButon](https://gamut.codecademy.com/storybook/?path=/docs/atoms-button--fill-button#fill-button)
- *
- * @example
- * import { FillButton } fom '@codecademy/gamut';
- *
- * <FillButton variant="primary" />
- */
-export declare const ButtonDeprecated: React.FC<ButtonDeprecatedProps>;
-export {};

package/dist/AccordionButtonDeprecated/ButtonDeprecated/index.js

@@ -1,65 +0,0 @@
-/* eslint-disable react/destructuring-assignment */
-import cx from 'classnames';
-import hasIn from 'lodash/hasIn';
-import * as React from 'react';
-import { omitProps } from '../../utils';
-import { ButtonDeprecatedBase } from '../ButtonDeprecatedBase';
-// eslint-disable-next-line gamut/no-css-standalone
-import styles from './styles/index.module.scss';
-
-// themes can be an alias to a color
-// or a unique button type
-import { jsx as _jsx } from "react/jsx-runtime";
-export const buttonPresetThemes = {
-  secondary: 'mint',
-  platform: 'greyblue',
-  lantern: 'darkmint',
-  royalblue: 'brand-purple'
-};
-const themes = ['hyper', 'navy', 'red', 'white', 'brand-red', 'brand-yellow', 'brand-purple', 'brand-dark-blue', 'brand-blue', 'mint', 'darkmint', 'grey', 'greyblue'];
-const propKeys = ['theme', 'size', 'outline', 'underline', 'link', 'caps', 'go', 'children', 'block', 'className', 'round', 'square', 'flat', 'fitText', 'onClick'];
-const isPreset = theme => {
-  return hasIn(buttonPresetThemes, theme);
-};
-
-/**
- * @deprecated
- * This component is deprecated and is no longer supported.
- *
- * See [FillButon](https://gamut.codecademy.com/storybook/?path=/docs/atoms-button--fill-button#fill-button)
- *
- * @example
- * import { FillButton } fom '@codecademy/gamut';
- *
- * <FillButton variant="primary" />
- */
-
-export const ButtonDeprecated = props => {
-  let {
-    theme = 'brand-red'
-  } = props;
-  if (isPreset(theme)) {
-    theme = buttonPresetThemes[theme];
-  }
-  const typeClassName = props.link ? styles.link : styles.btn;
-  const themeClassName = props.link ? styles[`link-${theme}`] : styles[`btn-${theme}`];
-  const classes = cx(typeClassName, themeClassName, styles[props.size], {
-    [styles.block]: props.block,
-    [styles.go]: props.go,
-    [styles.outline]: props.outline,
-    [styles.underline]: props.underline,
-    [styles.caps]: props.caps,
-    [styles.round]: props.round,
-    [styles.square]: props.square,
-    [styles.flat]: props.flat,
-    [styles['fit-text']]: props.fitText
-  }, props.className);
-  const propsToTransfer = omitProps(propKeys, props);
-  return /*#__PURE__*/_jsx(ButtonDeprecatedBase, {
-    ...propsToTransfer,
-    className: classes,
-    link: props.link,
-    onClick: props.onClick,
-    children: props.children
-  });
-};

package/dist/AccordionButtonDeprecated/ButtonDeprecatedBase/index.d.ts

@@ -1,43 +0,0 @@
-import { HTMLProps, ReactNode } from 'react';
-import * as React from 'react';
-import { ChildComponentDescriptor } from '../../typings/react';
-export type ButtonDeprecatedBaseProps = Omit<HTMLProps<HTMLAnchorElement> & HTMLProps<HTMLButtonElement>, 'as' | 'size'> & {
-    /**
-     * Component type to wrap children with.
-     */
-    as?: ChildComponentDescriptor;
-    /**
-     * @remarks We would love to properly type this with generics, but cannot yet.
-     * @see https://github.com/Codecademy/gamut/pull/270#discussion_r270917147
-     * @see https://github.com/Microsoft/TypeScript/issues/21048
-     */
-    asProps?: any;
-    children?: ReactNode;
-    className?: string;
-    href?: string;
-    target?: string;
-    rel?: string;
-    /**
-     * Variant that displays the button as an inline link element, but maintains its semantic meaning as a button.
-     */
-    link?: boolean;
-    /**
-     * @remarks
-     * Technically, this is only ever a button event *or* a link event.
-     * We '&' them together for ease of usage.
-     */
-    onClick?: (event: React.MouseEvent<HTMLAnchorElement> & React.MouseEvent<HTMLButtonElement>) => void;
-};
-/**
- * @deprecated
- * This component is deprecated and is no longer supported.
- *
- * See [Anchor](https://gamut.codecademy.com/storybook/?path=/docs/typography-anchor--anchor) for similiar functionality
- *
- * @example
- * import { Anchor } from '@codecademy/gamut';
- *
- * <Anchor variant="interface">Button</Anchor>
- *
- */
-export declare const ButtonDeprecatedBase: React.FC<ButtonDeprecatedBaseProps>;

package/dist/AccordionButtonDeprecated/ButtonDeprecatedBase/index.js

@@ -1,71 +0,0 @@
-import cx from 'classnames';
-import * as React from 'react';
-import { omitProps } from '../../utils';
-// eslint-disable-next-line gamut/no-css-standalone
-import styles from './styles.module.scss';
-import { jsx as _jsx } from "react/jsx-runtime";
-const propKeys = ['children', 'className', 'href', 'link', 'onClick', 'target', 'rel'];
-/**
- * @deprecated
- * This component is deprecated and is no longer supported.
- *
- * See [Anchor](https://gamut.codecademy.com/storybook/?path=/docs/typography-anchor--anchor) for similiar functionality
- *
- * @example
- * import { Anchor } from '@codecademy/gamut';
- *
- * <Anchor variant="interface">Button</Anchor>
- *
- */
-
-export const ButtonDeprecatedBase = props => {
-  const {
-    href,
-    className,
-    link,
-    onClick,
-    target,
-    rel
-  } = props;
-  const {
-    as: As,
-    asProps = {},
-    ...restOfProps
-  } = props;
-  const propsToTransfer = omitProps(propKeys, restOfProps);
-  const classes = cx(styles.basicBtn, className, {
-    [styles.basicLink]: link
-  });
-  const defaultProps = {
-    ...propsToTransfer,
-    className: classes,
-    onClick,
-    'data-btn': true
-  };
-  if (As) {
-    return /*#__PURE__*/_jsx(As, {
-      ...defaultProps,
-      ...asProps
-    });
-  }
-  if (href) {
-    // Check if this is a popup and and appropriate rel props if they don't exist (see https://web.dev/external-anchors-use-rel-noopener/)
-    const anchorProps = {
-      target,
-      rel: target === '_blank' && !rel ? 'noopener noreferrer' : rel
-    };
-
-    // Anchor tag receives children content from propsToTransfer
-    // eslint-disable-next-line jsx-a11y/anchor-has-content
-    return /*#__PURE__*/_jsx("a", {
-      ...defaultProps,
-      ...anchorProps,
-      href: href
-    });
-  }
-
-  // eslint-disable-next-line react/button-has-type
-  return /*#__PURE__*/_jsx("button", {
-    ...defaultProps
-  });
-};

package/dist/AccordionButtonDeprecated/ButtonDeprecatedBase/styles.module.scss

@@ -1,74 +0,0 @@
-.basicBtn {
-  display: inline-block;
-  text-align: center;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  cursor: pointer;
-  font-family: inherit;
-  font: inherit;
-  padding: 0;
-  margin: 0;
-  border: none;
-  background: none;
-  color: inherit;
-  line-height: normal;
-
-  &,
-  &:active {
-    &:focus {
-      outline: none;
-    }
-  }
-
-  &:hover:focus {
-    text-decoration: none;
-  }
-  &:focus {
-    text-decoration: none;
-  }
-
-  &:active {
-    background-image: none;
-    outline: 0;
-  }
-
-  &:disabled {
-    cursor: not-allowed;
-    opacity: 0.65;
-  }
-}
-
-.basicLink {
-  text-decoration: none;
-  vertical-align: baseline;
-  cursor: pointer;
-
-  &,
-  &:active,
-  &:disabled {
-    background-color: transparent;
-  }
-  &,
-  &:focus,
-  &:active {
-    border-color: transparent;
-  }
-  &:hover,
-  &:focus {
-    opacity: 0.7;
-    text-decoration: none;
-    border-color: transparent;
-    background-color: transparent;
-  }
-  &:hover:focus {
-    opacity: 0.7;
-    background-color: transparent;
-  }
-  &:disabled {
-    &:hover:focus {
-      opacity: 0.7;
-      text-decoration: none;
-    }
-  }
-}

package/dist/AccordionButtonDeprecated/index.d.ts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import { ButtonDeprecatedBaseProps } from './ButtonDeprecatedBase';
-export type AccordionButtonSize = 'normal' | 'large';
-export type AccordionButtonTheme = 'blue' | 'plain' | 'yellow';
-export type AccordionButtonDeprecatedProps = ButtonDeprecatedBaseProps & {
-    /**
-     * Whether the button should display as open or closed.
-     */
-    expanded?: boolean;
-    /**
-     * Determines the size of the button.
-     */
-    size?: 'normal' | 'large';
-    /**
-     * Visual theme for the clickable header button.
-     */
-    theme?: 'blue' | 'plain' | 'yellow';
-};
-/**
- * @deprecated
- * This component is in the old visual identity and will be updated soon.
- *
- * Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status
- */
-export declare const AccordionButtonDeprecated: React.FC<AccordionButtonDeprecatedProps>;

package/dist/AccordionButtonDeprecated/index.js

@@ -1,65 +0,0 @@
-import { ArrowChevronDownIcon } from '@codecademy/gamut-icons';
-import cx from 'classnames';
-import * as React from 'react';
-import { ButtonDeprecated } from './ButtonDeprecated';
-import { ButtonDeprecatedBase } from './ButtonDeprecatedBase';
-// eslint-disable-next-line gamut/no-css-standalone
-import styles from './styles.module.scss';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const buttonThemes = {
-  blue: {
-    component: ButtonDeprecated,
-    props: {
-      flat: true,
-      theme: 'white'
-    }
-  },
-  plain: {
-    component: ButtonDeprecated,
-    props: {
-      flat: true,
-      theme: 'brand-dark-blue'
-    }
-  },
-  yellow: {
-    component: ButtonDeprecatedBase,
-    props: {}
-  }
-};
-
-/**
- * @deprecated
- * This component is in the old visual identity and will be updated soon.
- *
- * Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status
- */
-
-export const AccordionButtonDeprecated = ({
-  children,
-  className,
-  expanded,
-  size = 'normal',
-  theme = 'plain',
-  ...baseProps
-}) => {
-  const {
-    component: ButtonComponent,
-    props
-  } = buttonThemes[theme];
-  const iconSize = size === 'large' ? 30 : undefined;
-  return /*#__PURE__*/_jsxs(ButtonComponent, {
-    "aria-expanded": expanded,
-    className: cx(styles.accordionButton, styles[theme], styles[size], className),
-    ...baseProps,
-    ...props,
-    children: [/*#__PURE__*/_jsx("span", {
-      className: styles.children,
-      children: children
-    }), /*#__PURE__*/_jsx(ArrowChevronDownIcon, {
-      "aria-hidden": true,
-      className: cx(styles.expansionIcon, expanded && styles.expansionIconExpanded),
-      height: iconSize,
-      width: iconSize
-    })]
-  });
-};

package/dist/AccordionDeprecated/index.d.ts

@@ -1,39 +0,0 @@
-import * as React from 'react';
-import { AccordionButtonSize, AccordionButtonTheme } from '../AccordionButtonDeprecated';
-export type ChildrenOrExpandedRender = React.ReactNode | ((expanded: boolean) => React.ReactNode);
-export type AccordionDeprecatedProps = {
-    children: ChildrenOrExpandedRender;
-    /**
-     * CSS class name added to the root area container.
-     */
-    className?: string;
-    /**
-     * Whether the accordion should start off with expanded state.
-     */
-    initiallyExpanded?: boolean;
-    /**
-     * Called when the top button is clicked.
-     *
-     * @param expanding - New expanded state the accordion will transition to.
-     */
-    onClick?: (expanding: boolean) => void;
-    /**
-     * Visual size of the top button.
-     */
-    size?: AccordionButtonSize;
-    /**
-     * Visual theme of the top button.
-     */
-    theme?: AccordionButtonTheme;
-    /**
-     * Contents to place within the top button.
-     */
-    top: ChildrenOrExpandedRender;
-};
-/**
- * @deprecated
- * This component is in the old visual identity and will be updated soon.
- *
- * Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status
- */
-export declare const AccordionDeprecated: React.FC<AccordionDeprecatedProps>;

package/dist/AccordionDeprecated/index.js

@@ -1,39 +0,0 @@
-import { useState } from 'react';
-import * as React from 'react';
-import { AccordionAreaDeprecated } from '../AccordionAreaDeprecated';
-import { AccordionButtonDeprecated } from '../AccordionButtonDeprecated';
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @deprecated
- * This component is in the old visual identity and will be updated soon.
- *
- * Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status
- */
-
-export const AccordionDeprecated = ({
-  children,
-  className,
-  initiallyExpanded,
-  onClick,
-  size,
-  theme,
-  top
-}) => {
-  const [expanded, setExpanded] = useState(!!initiallyExpanded);
-  const expandRenderer = renderer => renderer instanceof Function ? renderer(expanded) : renderer;
-  return /*#__PURE__*/_jsx(AccordionAreaDeprecated, {
-    className: className,
-    expanded: expanded,
-    top: /*#__PURE__*/_jsx(AccordionButtonDeprecated, {
-      expanded: expanded,
-      size: size,
-      theme: theme,
-      onClick: () => {
-        setExpanded(!expanded);
-        onClick?.(!expanded);
-      },
-      children: expandRenderer(top)
-    }),
-    children: expandRenderer(children)
-  });
-};