@codecademy/brand 5.10.0 → 6.0.0-alpha.0839dde39.0

package/dist/AccordionButtonDeprecated/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["ArrowChevronDownIcon","cx","React","ButtonDeprecated","ButtonDeprecatedBase","styles","buttonThemes","blue","component","props","flat","theme","plain","yellow","AccordionButtonDeprecated","children","className","expanded","size","baseProps","ButtonComponent","iconSize","undefined","aria-expanded","accordionButton","span","aria-hidden","expansionIcon","expansionIconExpanded","height","width"],"sources":["../../src/AccordionButtonDeprecated/index.tsx"],"sourcesContent":["import { ArrowChevronDownIcon } from '@codecademy/gamut-icons';\nimport cx from 'classnames';\nimport * as React from 'react';\n\nimport { ButtonDeprecated } from './ButtonDeprecated';\nimport {\n  ButtonDeprecatedBase,\n  ButtonDeprecatedBaseProps,\n} from './ButtonDeprecatedBase';\n// eslint-disable-next-line gamut/no-css-standalone\nimport styles from './styles.module.scss';\n\nexport type AccordionButtonSize = 'normal' | 'large';\n\nexport type AccordionButtonTheme = 'blue' | 'plain' | 'yellow';\n\nexport type AccordionButtonDeprecatedProps = ButtonDeprecatedBaseProps & {\n  /**\n   * Whether the button should display as open or closed.\n   */\n  expanded?: boolean;\n\n  /**\n   * Determines the size of the button.\n   */\n  size?: 'normal' | 'large';\n\n  /**\n   * Visual theme for the clickable header button.\n   */\n  theme?: 'blue' | 'plain' | 'yellow';\n};\n\nconst buttonThemes = {\n  blue: {\n    component: ButtonDeprecated,\n    props: {\n      flat: true,\n      theme: 'white',\n    },\n  },\n  plain: {\n    component: ButtonDeprecated,\n    props: {\n      flat: true,\n      theme: 'brand-dark-blue',\n    },\n  },\n  yellow: {\n    component: ButtonDeprecatedBase,\n    props: {},\n  },\n} as const;\n\n/**\n * @deprecated\n * This component is in the old visual identity and will be updated soon.\n * @see `Disclosure` and `List` from `@codecademy/gamut`\n *\n * Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status\n */\n\nexport const AccordionButtonDeprecated: React.FC<\n  AccordionButtonDeprecatedProps\n> = ({\n  children,\n  className,\n  expanded,\n  size = 'normal',\n  theme = 'plain',\n  ...baseProps\n}) => {\n  const { component: ButtonComponent, props } = buttonThemes[theme];\n  const iconSize = size === 'large' ? 30 : undefined;\n\n  return (\n    <ButtonComponent\n      aria-expanded={expanded}\n      className={cx(\n        styles.accordionButton,\n        styles[theme],\n        styles[size],\n        className\n      )}\n      {...baseProps}\n      {...props}\n    >\n      <span className={styles.children}>{children}</span>\n      <ArrowChevronDownIcon\n        aria-hidden\n        className={cx(\n          styles.expansionIcon,\n          expanded && styles.expansionIconExpanded\n        )}\n        height={iconSize}\n        width={iconSize}\n      />\n    </ButtonComponent>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAiCA,MAAMM,eAAe;CACnBC,MAAM;EACJC,WAAWL;EACXM,OAAO;GACLC,MAAM;GACNC,OAAO;EACT;CACF;CACAC,OAAO;EACLJ,WAAWL;EACXM,OAAO;GACLC,MAAM;GACNC,OAAO;EACT;CACF;CACAE,QAAQ;EACNL,WAAWJ;EACXK,OAAO,CAAC;CACV;AACF;;;;;;;GAUA,MAAaK,6BAER,EACHC,UACAC,WACAC,UACAC,OAAO,UACPP,QAAQ,SACR,GAAGQ,gBACJ;CACC,MAAM,EAAEX,WAAWY,iBAAiBX,UAAUH,aAAaK;CAC3D,MAAMU,WAAWH,SAAS,UAAU,KAAKI;CAEzC,OACE,oBAAA,cAACF,iBAAAA;EACCG,iBAAeN;EACfD,mCACEX,yDAAOmB,iBACPnB,yDAAOM,QACPN,yDAAOa,OACPF,SAAAA;EAED,GAAGG;EACH,GAAGV;IAEJ,oBAAA,cAACgB,QAAAA,EAAKT,WAAWX,yDAAOU,YAAWA,QAAAA,GACnC,oBAAA,cAACf,8CAAAA;EACC0B,eAAAA;EACAV,mCACEX,yDAAOsB,eACPV,YAAYZ,yDAAOuB,qBAAqB;EAE1CC,QAAQR;EACRS,OAAOT;;AAIf"}

package/dist/AccordionButtonDeprecated/index.d.cts

@@ -0,0 +1,31 @@
+import { ButtonDeprecatedBaseProps } from "./ButtonDeprecatedBase/index.cjs";
+import * as React$1 from "react";
+
+//#region src/AccordionButtonDeprecated/index.d.ts
+type AccordionButtonSize = 'normal' | 'large';
+type AccordionButtonTheme = 'blue' | 'plain' | 'yellow';
+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.
+ * @see `Disclosure` and `List` from `@codecademy/gamut`
+ *
+ * Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status
+ */
+declare const AccordionButtonDeprecated: React$1.FC<AccordionButtonDeprecatedProps>;
+//#endregion
+export { AccordionButtonDeprecated, AccordionButtonDeprecatedProps, AccordionButtonSize, AccordionButtonTheme };
+//# sourceMappingURL=index.d.cts.map

package/dist/AccordionButtonDeprecated/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/AccordionButtonDeprecated/index.tsx"],"mappings":";;;;KAYY,mBAAA;AAAA,KAEA,oBAAA;AAAA,KAEA,8BAAA,GAAiC,yBAAyB;EAJvC;;;EAQ7B,QAAA;EANU;;;EAWV,IAAA;EAX8B;AAEhC;;EAcE,KAAA;AAAA;;;;;;AAAK;AAgCP;cAAa,yBAAA,EAA2B,OAAA,CAAM,EAAE,CAC9C,8BAAA"}

package/dist/AccordionButtonDeprecated/index.d.ts

@@ -1,20 +1,22 @@
-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';
+import { ButtonDeprecatedBaseProps } from "./ButtonDeprecatedBase/index.js";
+import * as React$1 from "react";
+
+//#region src/AccordionButtonDeprecated/index.d.ts
+type AccordionButtonSize = 'normal' | 'large';
+type AccordionButtonTheme = 'blue' | 'plain' | 'yellow';
+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
@@ -23,4 +25,7 @@ export type AccordionButtonDeprecatedProps = ButtonDeprecatedBaseProps & {
  *
  * Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status
  */
-export declare const AccordionButtonDeprecated: React.FC<AccordionButtonDeprecatedProps>;
+declare const AccordionButtonDeprecated: React$1.FC<AccordionButtonDeprecatedProps>;
+//#endregion
+export { AccordionButtonDeprecated, AccordionButtonDeprecatedProps, AccordionButtonSize, AccordionButtonTheme };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/AccordionButtonDeprecated/index.tsx"],"mappings":";;;;KAYY,mBAAA;AAAA,KAEA,oBAAA;AAAA,KAEA,8BAAA,GAAiC,yBAAA;EAJd;;;EAQ7B,QAAA;EANU;;;EAWV,IAAA;;AATF;;EAcE,KAAA;AAAA;;;;;;;AAgCF;cAAa,yBAAA,EAA2B,OAAA,CAAM,EAAA,CAC5C,8BAAA"}

package/dist/AccordionButtonDeprecated/index.js

@@ -1,66 +1,53 @@
-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";
+import { ButtonDeprecatedBase } from "./ButtonDeprecatedBase/index.js";
+import { ButtonDeprecated } from "./ButtonDeprecated/index.js";
+import * as React$1 from "react";
+import { ArrowChevronDownIcon } from "@codecademy/gamut-icons";
+import cx from "classnames";
+import styles from "./styles.module.scss";
+
+//#region src/AccordionButtonDeprecated/index.tsx
 const buttonThemes = {
-  blue: {
-    component: ButtonDeprecated,
-    props: {
-      flat: true,
-      theme: 'white'
-    }
-  },
-  plain: {
-    component: ButtonDeprecated,
-    props: {
-      flat: true,
-      theme: 'brand-dark-blue'
-    }
-  },
-  yellow: {
-    component: ButtonDeprecatedBase,
-    props: {}
-  }
+	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.
- * @see `Disclosure` and `List` from `@codecademy/gamut`
- *
- * Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status
- */
+* @deprecated
+* This component is in the old visual identity and will be updated soon.
+* @see `Disclosure` and `List` from `@codecademy/gamut`
+*
+* Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status
+*/ const AccordionButtonDeprecated = ({ children, className, expanded, size = "normal", theme = "plain", ...baseProps }) => {
+	const { component: ButtonComponent, props } = buttonThemes[theme];
+	const iconSize = size === "large" ? 30 : void 0;
+	return /*#__PURE__*/ React$1.createElement(ButtonComponent, {
+		"aria-expanded": expanded,
+		className: cx(styles.accordionButton, styles[theme], styles[size], className),
+		...baseProps,
+		...props
+	}, /*#__PURE__*/ React$1.createElement("span", { className: styles.children }, children), /*#__PURE__*/ React$1.createElement(ArrowChevronDownIcon, {
+		"aria-hidden": true,
+		className: cx(styles.expansionIcon, expanded && styles.expansionIconExpanded),
+		height: iconSize,
+		width: iconSize
+	}));
+};
 
-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
-    })]
-  });
-};
+//#endregion
+export { AccordionButtonDeprecated };
+//# sourceMappingURL=index.js.map

package/dist/AccordionButtonDeprecated/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ArrowChevronDownIcon","cx","React","ButtonDeprecated","ButtonDeprecatedBase","styles","buttonThemes","blue","component","props","flat","theme","plain","yellow","AccordionButtonDeprecated","children","className","expanded","size","baseProps","ButtonComponent","iconSize","undefined","aria-expanded","accordionButton","span","aria-hidden","expansionIcon","expansionIconExpanded","height","width"],"sources":["../../src/AccordionButtonDeprecated/index.tsx"],"sourcesContent":["import { ArrowChevronDownIcon } from '@codecademy/gamut-icons';\nimport cx from 'classnames';\nimport * as React from 'react';\n\nimport { ButtonDeprecated } from './ButtonDeprecated';\nimport {\n  ButtonDeprecatedBase,\n  ButtonDeprecatedBaseProps,\n} from './ButtonDeprecatedBase';\n// eslint-disable-next-line gamut/no-css-standalone\nimport styles from './styles.module.scss';\n\nexport type AccordionButtonSize = 'normal' | 'large';\n\nexport type AccordionButtonTheme = 'blue' | 'plain' | 'yellow';\n\nexport type AccordionButtonDeprecatedProps = ButtonDeprecatedBaseProps & {\n  /**\n   * Whether the button should display as open or closed.\n   */\n  expanded?: boolean;\n\n  /**\n   * Determines the size of the button.\n   */\n  size?: 'normal' | 'large';\n\n  /**\n   * Visual theme for the clickable header button.\n   */\n  theme?: 'blue' | 'plain' | 'yellow';\n};\n\nconst buttonThemes = {\n  blue: {\n    component: ButtonDeprecated,\n    props: {\n      flat: true,\n      theme: 'white',\n    },\n  },\n  plain: {\n    component: ButtonDeprecated,\n    props: {\n      flat: true,\n      theme: 'brand-dark-blue',\n    },\n  },\n  yellow: {\n    component: ButtonDeprecatedBase,\n    props: {},\n  },\n} as const;\n\n/**\n * @deprecated\n * This component is in the old visual identity and will be updated soon.\n * @see `Disclosure` and `List` from `@codecademy/gamut`\n *\n * Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status\n */\n\nexport const AccordionButtonDeprecated: React.FC<\n  AccordionButtonDeprecatedProps\n> = ({\n  children,\n  className,\n  expanded,\n  size = 'normal',\n  theme = 'plain',\n  ...baseProps\n}) => {\n  const { component: ButtonComponent, props } = buttonThemes[theme];\n  const iconSize = size === 'large' ? 30 : undefined;\n\n  return (\n    <ButtonComponent\n      aria-expanded={expanded}\n      className={cx(\n        styles.accordionButton,\n        styles[theme],\n        styles[size],\n        className\n      )}\n      {...baseProps}\n      {...props}\n    >\n      <span className={styles.children}>{children}</span>\n      <ArrowChevronDownIcon\n        aria-hidden\n        className={cx(\n          styles.expansionIcon,\n          expanded && styles.expansionIconExpanded\n        )}\n        height={iconSize}\n        width={iconSize}\n      />\n    </ButtonComponent>\n  );\n};\n"],"mappings":";;;;;;;;AAiCA,MAAMM,eAAe;CACnBC,MAAM;EACJC,WAAWL;EACXM,OAAO;GACLC,MAAM;GACNC,OAAO;EACT;CACF;CACAC,OAAO;EACLJ,WAAWL;EACXM,OAAO;GACLC,MAAM;GACNC,OAAO;EACT;CACF;CACAE,QAAQ;EACNL,WAAWJ;EACXK,OAAO,CAAC;CACV;AACF;;;;;;;GAUA,MAAaK,6BAER,EACHC,UACAC,WACAC,UACAC,OAAO,UACPP,QAAQ,SACR,GAAGQ,gBACJ;CACC,MAAM,EAAEX,WAAWY,iBAAiBX,UAAUH,aAAaK;CAC3D,MAAMU,WAAWH,SAAS,UAAU,KAAKI;CAEzC,OACE,sBAAA,cAACF,iBAAAA;EACCG,iBAAeN;EACfD,WAAWf,GACTI,OAAOmB,iBACPnB,OAAOM,QACPN,OAAOa,OACPF,SAAAA;EAED,GAAGG;EACH,GAAGV;IAEJ,sBAAA,cAACgB,QAAAA,EAAKT,WAAWX,OAAOU,YAAWA,QAAAA,GACnC,sBAAA,cAACf,sBAAAA;EACC0B,eAAAA;EACAV,WAAWf,GACTI,OAAOsB,eACPV,YAAYZ,OAAOuB,qBAAqB;EAE1CC,QAAQR;EACRS,OAAOT;;AAIf"}

package/dist/AccordionDeprecated/index.cjs

@@ -0,0 +1,35 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_index = require('../AccordionAreaDeprecated/index.cjs');
+const require_index$1 = require('../AccordionButtonDeprecated/index.cjs');
+let react = require("react");
+react = require_runtime.__toESM(react);
+
+//#region src/AccordionDeprecated/index.tsx
+/**
+* @deprecated
+* This component is in the old visual identity and will be updated soon.
+*
+* @see `Disclosure` and `List` from `@codecademy/gamut`
+*
+* Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status
+*/ const AccordionDeprecated = ({ children, className, initiallyExpanded, onClick, size, theme, top }) => {
+	const [expanded, setExpanded] = (0, react.useState)(!!initiallyExpanded);
+	const expandRenderer = (renderer) => renderer instanceof Function ? renderer(expanded) : renderer;
+	return /*#__PURE__*/ react.createElement(require_index.AccordionAreaDeprecated, {
+		className,
+		expanded,
+		top: /*#__PURE__*/ react.createElement(require_index$1.AccordionButtonDeprecated, {
+			expanded,
+			size,
+			theme,
+			onClick: () => {
+				setExpanded(!expanded);
+				onClick?.(!expanded);
+			}
+		}, expandRenderer(top))
+	}, expandRenderer(children));
+};
+
+//#endregion
+exports.AccordionDeprecated = AccordionDeprecated;
+//# sourceMappingURL=index.cjs.map

package/dist/AccordionDeprecated/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["useState","React","AccordionAreaDeprecated","AccordionButtonDeprecated","AccordionDeprecated","children","className","initiallyExpanded","onClick","size","theme","top","expanded","setExpanded","expandRenderer","renderer","Function"],"sources":["../../src/AccordionDeprecated/index.tsx"],"sourcesContent":["import { useState } from 'react';\nimport * as React from 'react';\n\nimport { AccordionAreaDeprecated } from '../AccordionAreaDeprecated';\nimport {\n  AccordionButtonDeprecated,\n  AccordionButtonSize,\n  AccordionButtonTheme,\n} from '../AccordionButtonDeprecated';\n\nexport type ChildrenOrExpandedRender =\n  | React.ReactNode\n  | ((expanded: boolean) => React.ReactNode);\n\nexport type AccordionDeprecatedProps = {\n  children: ChildrenOrExpandedRender;\n\n  /**\n   * CSS class name added to the root area container.\n   */\n  className?: string;\n\n  /**\n   * Whether the accordion should start off with expanded state.\n   */\n  initiallyExpanded?: boolean;\n\n  /**\n   * Called when the top button is clicked.\n   *\n   * @param expanding - New expanded state the accordion will transition to.\n   */\n  onClick?: (expanding: boolean) => void;\n\n  /**\n   * Visual size of the top button.\n   */\n  size?: AccordionButtonSize;\n\n  /**\n   * Visual theme of the top button.\n   */\n  theme?: AccordionButtonTheme;\n\n  /**\n   * Contents to place within the top button.\n   */\n  top: ChildrenOrExpandedRender;\n};\n\n/**\n * @deprecated\n * This component is in the old visual identity and will be updated soon.\n *\n * @see `Disclosure` and `List` from `@codecademy/gamut`\n *\n * Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status\n */\n\nexport const AccordionDeprecated: React.FC<AccordionDeprecatedProps> = ({\n  children,\n  className,\n  initiallyExpanded,\n  onClick,\n  size,\n  theme,\n  top,\n}) => {\n  const [expanded, setExpanded] = useState(!!initiallyExpanded);\n  const expandRenderer = (renderer: ChildrenOrExpandedRender) =>\n    renderer instanceof Function ? renderer(expanded) : renderer;\n\n  return (\n    <AccordionAreaDeprecated\n      className={className}\n      expanded={expanded}\n      top={\n        <AccordionButtonDeprecated\n          expanded={expanded}\n          size={size}\n          theme={theme}\n          onClick={() => {\n            setExpanded(!expanded);\n            onClick?.(!expanded);\n          }}\n        >\n          {expandRenderer(top)}\n        </AccordionButtonDeprecated>\n      }\n    >\n      {expandRenderer(children)}\n    </AccordionAreaDeprecated>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;GA2DA,MAAaI,uBAA2D,EACtEC,UACAC,WACAC,mBACAC,SACAC,MACAC,OACAC,UACD;CACC,MAAM,CAACC,UAAUC,mCAAwB,CAAC,CAACN,iBAAAA;CAC3C,MAAMO,kBAAkBC,aACtBA,oBAAoBC,WAAWD,SAASH,QAAAA,IAAYG;CAEtD,OACE,oBAAA,cAACb,uCAAAA;EACYI;EACDM;EACVD,KACE,oBAAA,cAACR,2CAAAA;GACWS;GACJH;GACCC;GACPF,eAAS;IACPK,YAAY,CAACD,QAAAA;IACbJ,UAAU,CAACI,QAAAA;GACb;KAECE,eAAeH,GAAAA,CAAAA;IAInBG,eAAeT,QAAAA,CAAAA;AAGtB"}

package/dist/AccordionDeprecated/index.d.cts

@@ -0,0 +1,46 @@
+import { AccordionButtonSize, AccordionButtonTheme } from "../AccordionButtonDeprecated/index.cjs";
+import * as React$1 from "react";
+
+//#region src/AccordionDeprecated/index.d.ts
+type ChildrenOrExpandedRender = React$1.ReactNode | ((expanded: boolean) => React$1.ReactNode);
+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.
+ *
+ * @see `Disclosure` and `List` from `@codecademy/gamut`
+ *
+ * Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status
+ */
+declare const AccordionDeprecated: React$1.FC<AccordionDeprecatedProps>;
+//#endregion
+export { AccordionDeprecated, AccordionDeprecatedProps, ChildrenOrExpandedRender };
+//# sourceMappingURL=index.d.cts.map

package/dist/AccordionDeprecated/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/AccordionDeprecated/index.tsx"],"mappings":";;;;KAUY,wBAAA,GACR,OAAA,CAAM,SAAA,KACJ,QAAA,cAAsB,OAAA,CAAM,SAAS;AAAA,KAE/B,wBAAA;EACV,QAAA,EAAU,wBAAA;EALwB;;;EAUlC,SAAA;EATQ;;;EAcR,iBAAA;EAbyC;AAAA;AAE3C;;;EAkBE,OAAA,IAAW,SAAA;EAKJ;;;EAAP,IAAA,GAAO,mBAAA;EAUsB;;;EAL7B,KAAA,GAAQ,oBAAA;EAjBR;;;EAsBA,GAAA,EAAK,wBAAA;AAAA;;;;;;AAAwB;AAY/B;;cAAa,mBAAA,EAAqB,OAAA,CAAM,EAAE,CAAC,wBAAA"}

package/dist/AccordionDeprecated/index.d.ts

@@ -1,34 +1,36 @@
-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;
+import { AccordionButtonSize, AccordionButtonTheme } from "../AccordionButtonDeprecated/index.js";
+import * as React$1 from "react";
+
+//#region src/AccordionDeprecated/index.d.ts
+type ChildrenOrExpandedRender = React$1.ReactNode | ((expanded: boolean) => React$1.ReactNode);
+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
@@ -38,4 +40,7 @@ export type AccordionDeprecatedProps = {
  *
  * Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status
  */
-export declare const AccordionDeprecated: React.FC<AccordionDeprecatedProps>;
+declare const AccordionDeprecated: React$1.FC<AccordionDeprecatedProps>;
+//#endregion
+export { AccordionDeprecated, AccordionDeprecatedProps, ChildrenOrExpandedRender };
+//# sourceMappingURL=index.d.ts.map

package/dist/AccordionDeprecated/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/AccordionDeprecated/index.tsx"],"mappings":";;;;KAUY,wBAAA,GACR,OAAA,CAAM,SAAA,KACJ,QAAA,cAAsB,OAAA,CAAM,SAAA;AAAA,KAEtB,wBAAA;EACV,QAAA,EAAU,wBAAA;EALwB;;;EAUlC,SAAA;EATQ;;;EAcR,iBAAA;;;AAXF;;;EAkBE,OAAA,IAAW,SAAA;EAKJ;;;EAAP,IAAA,GAAO,mBAAA;EAUsB;;;EAL7B,KAAA,GAAQ,oBAAA;EAjBR;;;EAsBA,GAAA,EAAK,wBAAA;AAAA;;;;;;;AAYP;;cAAa,mBAAA,EAAqB,OAAA,CAAM,EAAA,CAAG,wBAAA"}

package/dist/AccordionDeprecated/index.js

@@ -1,41 +1,34 @@
-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";
+import { AccordionAreaDeprecated } from "../AccordionAreaDeprecated/index.js";
+import { AccordionButtonDeprecated } from "../AccordionButtonDeprecated/index.js";
+import * as React$1 from "react";
+import { useState } from "react";
+
+//#region src/AccordionDeprecated/index.tsx
 /**
- * @deprecated
- * This component is in the old visual identity and will be updated soon.
- *
- * @see `Disclosure` and `List` from `@codecademy/gamut`
- *
- * Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status
- */
+* @deprecated
+* This component is in the old visual identity and will be updated soon.
+*
+* @see `Disclosure` and `List` from `@codecademy/gamut`
+*
+* Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status
+*/ 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__*/ React$1.createElement(AccordionAreaDeprecated, {
+		className,
+		expanded,
+		top: /*#__PURE__*/ React$1.createElement(AccordionButtonDeprecated, {
+			expanded,
+			size,
+			theme,
+			onClick: () => {
+				setExpanded(!expanded);
+				onClick?.(!expanded);
+			}
+		}, expandRenderer(top))
+	}, expandRenderer(children));
+};
 
-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)
-  });
-};
+//#endregion
+export { AccordionDeprecated };
+//# sourceMappingURL=index.js.map

package/dist/AccordionDeprecated/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useState","React","AccordionAreaDeprecated","AccordionButtonDeprecated","AccordionDeprecated","children","className","initiallyExpanded","onClick","size","theme","top","expanded","setExpanded","expandRenderer","renderer","Function"],"sources":["../../src/AccordionDeprecated/index.tsx"],"sourcesContent":["import { useState } from 'react';\nimport * as React from 'react';\n\nimport { AccordionAreaDeprecated } from '../AccordionAreaDeprecated';\nimport {\n  AccordionButtonDeprecated,\n  AccordionButtonSize,\n  AccordionButtonTheme,\n} from '../AccordionButtonDeprecated';\n\nexport type ChildrenOrExpandedRender =\n  | React.ReactNode\n  | ((expanded: boolean) => React.ReactNode);\n\nexport type AccordionDeprecatedProps = {\n  children: ChildrenOrExpandedRender;\n\n  /**\n   * CSS class name added to the root area container.\n   */\n  className?: string;\n\n  /**\n   * Whether the accordion should start off with expanded state.\n   */\n  initiallyExpanded?: boolean;\n\n  /**\n   * Called when the top button is clicked.\n   *\n   * @param expanding - New expanded state the accordion will transition to.\n   */\n  onClick?: (expanding: boolean) => void;\n\n  /**\n   * Visual size of the top button.\n   */\n  size?: AccordionButtonSize;\n\n  /**\n   * Visual theme of the top button.\n   */\n  theme?: AccordionButtonTheme;\n\n  /**\n   * Contents to place within the top button.\n   */\n  top: ChildrenOrExpandedRender;\n};\n\n/**\n * @deprecated\n * This component is in the old visual identity and will be updated soon.\n *\n * @see `Disclosure` and `List` from `@codecademy/gamut`\n *\n * Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status\n */\n\nexport const AccordionDeprecated: React.FC<AccordionDeprecatedProps> = ({\n  children,\n  className,\n  initiallyExpanded,\n  onClick,\n  size,\n  theme,\n  top,\n}) => {\n  const [expanded, setExpanded] = useState(!!initiallyExpanded);\n  const expandRenderer = (renderer: ChildrenOrExpandedRender) =>\n    renderer instanceof Function ? renderer(expanded) : renderer;\n\n  return (\n    <AccordionAreaDeprecated\n      className={className}\n      expanded={expanded}\n      top={\n        <AccordionButtonDeprecated\n          expanded={expanded}\n          size={size}\n          theme={theme}\n          onClick={() => {\n            setExpanded(!expanded);\n            onClick?.(!expanded);\n          }}\n        >\n          {expandRenderer(top)}\n        </AccordionButtonDeprecated>\n      }\n    >\n      {expandRenderer(children)}\n    </AccordionAreaDeprecated>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;GA2DA,MAAaI,uBAA2D,EACtEC,UACAC,WACAC,mBACAC,SACAC,MACAC,OACAC,UACD;CACC,MAAM,CAACC,UAAUC,eAAeb,SAAS,CAAC,CAACO,iBAAAA;CAC3C,MAAMO,kBAAkBC,aACtBA,oBAAoBC,WAAWD,SAASH,QAAAA,IAAYG;CAEtD,OACE,sBAAA,cAACb,yBAAAA;EACYI;EACDM;EACVD,KACE,sBAAA,cAACR,2BAAAA;GACWS;GACJH;GACCC;GACPF,eAAS;IACPK,YAAY,CAACD,QAAAA;IACbJ,UAAU,CAACI,QAAAA;GACb;KAECE,eAAeH,GAAAA,CAAAA;IAInBG,eAAeT,QAAAA,CAAAA;AAGtB"}

package/dist/AppBar/AppBarSection.cjs

@@ -0,0 +1,40 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_runtime.__toESM(_emotion_styled);
+let react = require("react");
+react = require_runtime.__toESM(react);
+
+//#region src/AppBar/AppBarSection.tsx
+const positionVariants = (0, _codecademy_gamut_styles.variant)({
+	prop: "position",
+	base: {
+		display: "flex",
+		alignItems: "center",
+		height: "100%",
+		zIndex: 1
+	},
+	variants: {
+		left: { flex: 1 },
+		right: {
+			flex: 1,
+			justifyContent: "flex-end"
+		},
+		center: {
+			flex: 2,
+			justifyContent: "center",
+			textAlign: "center"
+		}
+	}
+});
+const StyledSection = /*#__PURE__*/ (0, _emotion_styled.default)("div", _codecademy_gamut_styles.styledOptions, {
+	target: "eq885yn0",
+	label: "brand-StyledSection"
+})(positionVariants, "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEJhci9BcHBCYXJTZWN0aW9uLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEJhci9BcHBCYXJTZWN0aW9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBXaXRoQ2hpbGRyZW5Qcm9wIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgc3R5bGVkT3B0aW9ucywgdmFyaWFudCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBTdHlsZVByb3BzIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5jb25zdCBwb3NpdGlvblZhcmlhbnRzID0gdmFyaWFudCh7XG4gIHByb3A6ICdwb3NpdGlvbicsXG4gIGJhc2U6IHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgekluZGV4OiAxLFxuICB9LFxuICB2YXJpYW50czoge1xuICAgIGxlZnQ6IHtcbiAgICAgIGZsZXg6IDEsXG4gICAgfSxcbiAgICByaWdodDoge1xuICAgICAgZmxleDogMSxcbiAgICAgIGp1c3RpZnlDb250ZW50OiAnZmxleC1lbmQnLFxuICAgIH0sXG4gICAgY2VudGVyOiB7XG4gICAgICBmbGV4OiAyLFxuICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgICAgdGV4dEFsaWduOiAnY2VudGVyJyxcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQXBwQmFyU2VjdGlvblByb3BzXG4gIGV4dGVuZHMgU3R5bGVQcm9wczx0eXBlb2YgcG9zaXRpb25WYXJpYW50cz4sXG4gICAgV2l0aENoaWxkcmVuUHJvcCB7fVxuXG5jb25zdCBTdHlsZWRTZWN0aW9uID0gc3R5bGVkKFxuICAnZGl2JyxcbiAgc3R5bGVkT3B0aW9uc1xuKTxBcHBCYXJTZWN0aW9uUHJvcHM+KHBvc2l0aW9uVmFyaWFudHMpO1xuXG5leHBvcnQgY29uc3QgQXBwQmFyU2VjdGlvbjogUmVhY3QuRkM8QXBwQmFyU2VjdGlvblByb3BzPiA9ICh7XG4gIHBvc2l0aW9uLFxuICBjaGlsZHJlbixcbn0pID0+IHtcbiAgcmV0dXJuIDxTdHlsZWRTZWN0aW9uIHBvc2l0aW9uPXtwb3NpdGlvbn0+e2NoaWxkcmVufTwvU3R5bGVkU2VjdGlvbj47XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDc0IifQ== */");
+const AppBarSection = ({ position, children }) => {
+	return /*#__PURE__*/ react.createElement(StyledSection, { position }, children);
+};
+
+//#endregion
+exports.AppBarSection = AppBarSection;
+//# sourceMappingURL=AppBarSection.cjs.map

package/dist/AppBar/AppBarSection.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBarSection.cjs","names":["styledOptions","variant","styled","React","positionVariants","prop","base","display","alignItems","height","zIndex","variants","left","flex","right","justifyContent","center","textAlign","StyledSection","AppBarSection","position","children"],"sources":["../../src/AppBar/AppBarSection.tsx"],"sourcesContent":["import { WithChildrenProp } from '@codecademy/gamut';\nimport { styledOptions, variant } from '@codecademy/gamut-styles';\nimport { StyleProps } from '@codecademy/variance';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nconst positionVariants = variant({\n  prop: 'position',\n  base: {\n    display: 'flex',\n    alignItems: 'center',\n    height: '100%',\n    zIndex: 1,\n  },\n  variants: {\n    left: {\n      flex: 1,\n    },\n    right: {\n      flex: 1,\n      justifyContent: 'flex-end',\n    },\n    center: {\n      flex: 2,\n      justifyContent: 'center',\n      textAlign: 'center',\n    },\n  },\n});\n\nexport interface AppBarSectionProps\n  extends StyleProps<typeof positionVariants>,\n    WithChildrenProp {}\n\nconst StyledSection = styled(\n  'div',\n  styledOptions\n)<AppBarSectionProps>(positionVariants);\n\nexport const AppBarSection: React.FC<AppBarSectionProps> = ({\n  position,\n  children,\n}) => {\n  return <StyledSection position={position}>{children}</StyledSection>;\n};\n"],"mappings":";;;;;;;;AAMA,MAAMI,yDAA2B;CAC/BC,MAAM;CACNC,MAAM;EACJC,SAAS;EACTC,YAAY;EACZC,QAAQ;EACRC,QAAQ;CACV;CACAC,UAAU;EACRC,MAAM,EACJC,MAAM,EACR;EACAC,OAAO;GACLD,MAAM;GACNE,gBAAgB;EAClB;EACAC,QAAQ;GACNH,MAAM;GACNE,gBAAgB;GAChBE,WAAW;EACb;CACF;AACF,CAAA;AAMA,MAAMC,gBAAgBhB,2CACpB,OACAF,wCAAAA;;;GACoBI,kBAAAA,iuDAAAA;AAEtB,MAAae,iBAA+C,EAC1DC,UACAC,eACD;CACC,OAAO,oBAAA,cAACH,eAAAA,EAAwBE,YAAWC,QAAAA;AAC7C"}

package/dist/AppBar/AppBarSection.d.cts

@@ -0,0 +1,13 @@
+import { WithChildrenProp } from "@codecademy/gamut";
+import * as React$1 from "react";
+import { StyleProps } from "@codecademy/variance";
+
+//#region src/AppBar/AppBarSection.d.ts
+declare const positionVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"position", false | "right" | "left" | "center"> & {
+  theme?: import("@emotion/react").Theme;
+}) => import("@codecademy/variance").CSSObject;
+interface AppBarSectionProps extends StyleProps<typeof positionVariants>, WithChildrenProp {}
+declare const AppBarSection: React$1.FC<AppBarSectionProps>;
+//#endregion
+export { AppBarSection, AppBarSectionProps };
+//# sourceMappingURL=AppBarSection.d.cts.map

package/dist/AppBar/AppBarSection.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBarSection.d.cts","names":[],"sources":["../../src/AppBar/AppBarSection.tsx"],"mappings":";;;;;cAMM,gBAAA,GAAgB,KAAA,mDAAA,YAAA;;;UAwBL,kBAAA,SACP,UAAA,QAAkB,gBAAA,GACxB,gBAAA;AAAA,cAOS,aAAA,EAAe,OAAA,CAAM,EAAE,CAAC,kBAAA"}

package/dist/AppBar/AppBarSection.d.ts

@@ -1,10 +1,13 @@
-import { WithChildrenProp } from '@codecademy/gamut';
-import { StyleProps } from '@codecademy/variance';
-import * as React from 'react';
+import { WithChildrenProp } from "@codecademy/gamut";
+import * as React$1 from "react";
+import { StyleProps } from "@codecademy/variance";
+
+//#region src/AppBar/AppBarSection.d.ts
 declare const positionVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"position", false | "right" | "left" | "center"> & {
-    theme?: import("@emotion/react").Theme;
+  theme?: import("@emotion/react").Theme;
 }) => import("@codecademy/variance").CSSObject;
-export interface AppBarSectionProps extends StyleProps<typeof positionVariants>, WithChildrenProp {
-}
-export declare const AppBarSection: React.FC<AppBarSectionProps>;
-export {};
+interface AppBarSectionProps extends StyleProps<typeof positionVariants>, WithChildrenProp {}
+declare const AppBarSection: React$1.FC<AppBarSectionProps>;
+//#endregion
+export { AppBarSection, AppBarSectionProps };
+//# sourceMappingURL=AppBarSection.d.ts.map

package/dist/AppBar/AppBarSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBarSection.d.ts","names":[],"sources":["../../src/AppBar/AppBarSection.tsx"],"mappings":";;;;;cAMM,gBAAA,GAAgB,KAAA,mDAAA,YAAA;;;UAwBL,kBAAA,SACP,UAAA,QAAkB,gBAAA,GACxB,gBAAA;AAAA,cAOS,aAAA,EAAe,OAAA,CAAM,EAAA,CAAG,kBAAA"}