@sproutsocial/racine 27.0.3 → 27.1.0

package/dist/index.d.ts

@@ -1,12 +1,13 @@
 export { EnumIconNames } from '@sproutsocial/seeds-icons';
 export { EnumIllustrationNames, IllustrationNames as SpotIllustrationNames } from '@sproutsocial/seeds-illustrations';
 export { EnumLogoNamesWithoutVariants as EnumLogoNames, LogoNamesWithoutVariants as PartnerLogoNames } from '@sproutsocial/seeds-partner-logos';
-import { TypeStyledComponentsCommonProps, TypeSystemCommonProps } from '@sproutsocial/seeds-react-system-props';
+import { TypeStyledComponentsCommonProps } from '@sproutsocial/seeds-react-system-props';
 export * from '@sproutsocial/seeds-react-system-props';
 export * from '@sproutsocial/seeds-react-theme';
 export { default as ThemeProvider } from '@sproutsocial/seeds-react-theme-provider';
 export { useInteractiveColor, useMeasure, useMultiselect, useSelect, useTextContent } from '@sproutsocial/seeds-react-hooks';
 export * from '@sproutsocial/seeds-react-mixins';
+export * from '@sproutsocial/seeds-react-accordion';
 export * from '@sproutsocial/seeds-react-avatar';
 export * from '@sproutsocial/seeds-react-badge';
 export * from '@sproutsocial/seeds-react-banner';
@@ -14,11 +15,7 @@ export { Banner as Alert } from '@sproutsocial/seeds-react-banner';
 import * as _sproutsocial_seeds_react_box from '@sproutsocial/seeds-react-box';
 import { TypeBoxProps } from '@sproutsocial/seeds-react-box';
 export * from '@sproutsocial/seeds-react-box';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import { TypeLinkProps } from '@sproutsocial/seeds-react-link';
-export * from '@sproutsocial/seeds-react-link';
-export { TypeLinkProps as TypeBreadcrumbItemProps } from '@sproutsocial/seeds-react-link';
+export * from '@sproutsocial/seeds-react-breadcrumb';
 import { TypeButtonProps } from '@sproutsocial/seeds-react-button';
 export * from '@sproutsocial/seeds-react-button';
 export * from '@sproutsocial/seeds-react-card';
@@ -40,6 +37,9 @@ import { TypeInputProps } from '@sproutsocial/seeds-react-input';
 export * from '@sproutsocial/seeds-react-input';
 export * from '@sproutsocial/seeds-react-keyboard-key';
 export * from '@sproutsocial/seeds-react-label';
+export * from '@sproutsocial/seeds-react-link';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import { TypePopoutProps } from '@sproutsocial/seeds-react-popout';
 export * from '@sproutsocial/seeds-react-popout';
 import { TypeTextProps } from '@sproutsocial/seeds-react-text';
@@ -74,28 +74,6 @@ export * from '@sproutsocial/seeds-react-tooltip';
 export * from '@sproutsocial/seeds-react-visually-hidden';
 export * from '@sproutsocial/seeds-react-data-table';
 
-interface TypeBreadcrumbProps extends TypeStyledComponentsCommonProps, TypeSystemCommonProps, Omit<React.ComponentPropsWithoutRef<"nav">, "color"> {
-    children: React.ReactNode;
-    /** Description of the type of navigation being provided by the breadcrumb (i.e. "Asset library breadcrumb") */
-    ariaLabel: string;
-    /** optional */
-    overflow?: {
-        label: string;
-        menu: React.ReactNode;
-    };
-}
-
-/**
- * @deprecated Breadcrumb is deprecated. This iteration of Breadcrumb will be removed in 2025 in favor of seeds-react-breadcrumb which utilizes the new Menu ecosystem. Please create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/main/seeds-react/seeds-react-breadcrumb | seeds-react-breadcrumb}.
- */
-declare const Breadcrumb: {
-    ({ ariaLabel, overflow, children, ...rest }: TypeBreadcrumbProps): react_jsx_runtime.JSX.Element;
-    Item: {
-        ({ children, href, ...rest }: TypeLinkProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-};
-
 declare const MENU_ROLES: Readonly<{
     readonly MENU: "menu";
     readonly LIST: "list";
@@ -403,30 +381,4 @@ declare function useMenuKeyDown(): {
     handleKeyDown: (event: React.KeyboardEvent<Element>) => any;
 };
 
-type TypeQaProps = object;
-
-interface TypeToggleHintProps extends TypeSystemCommonProps, Omit<React.ComponentPropsWithoutRef<"div">, "color"> {
-    isOpen: boolean;
-    icon: "chevron" | "plus";
-    openString: string;
-    closeString: string;
-    className?: string;
-    qa?: TypeQaProps;
-}
-
-/**
- * Icon (either chevron or plus/minus) indicating whether an element is open or closed.
- */
-/**
- * @deprecated ToggleHint is deprecated. ToggleHint is no longer supported and will be removed in 2025.
- */
-declare class ToggleHint extends React.Component<TypeToggleHintProps> {
-    static defaultProps: {
-        isOpen: boolean;
-        icon: string;
-    };
-    getIcon: () => react_jsx_runtime.JSX.Element;
-    render(): react_jsx_runtime.JSX.Element;
-}
-
-export { Breadcrumb, DescendantProvider, Listbox, ListboxButton, MENU_ITEM_ROLES, MENU_ROLES, Menu, MenuButton, MenuButtonContext, MenuContext, MenuDescendantContext, MenuItemContainer, MenuItemsContainer, ToggleHint, type TypeBreadcrumbProps, type TypeDescendant, type TypeListboxButtonProps, type TypeListboxProps, type TypeMenuButtonContext, type TypeMenuButtonProps, type TypeMenuContext, type TypeMenuDescendantProps, type TypeMenuGroupProps, type TypeMenuItemContainerProps, type TypeMenuItemProps, type TypeMenuItemRoles, type TypeMenuProps, type TypeMenuRoles, type TypeMenuSharedProps, type TypeMenuState, type TypeMenuSwitchProps, type TypeToggleHintProps, canUseDOM, createDescendantContext, createNamedContext, useDescendant, useDescendantKeyDown, useDescendants, useMenuKeyDown, usePrevious, wrapEvent };
+export { DescendantProvider, Listbox, ListboxButton, MENU_ITEM_ROLES, MENU_ROLES, Menu, MenuButton, MenuButtonContext, MenuContext, MenuDescendantContext, MenuItemContainer, MenuItemsContainer, type TypeDescendant, type TypeListboxButtonProps, type TypeListboxProps, type TypeMenuButtonContext, type TypeMenuButtonProps, type TypeMenuContext, type TypeMenuDescendantProps, type TypeMenuGroupProps, type TypeMenuItemContainerProps, type TypeMenuItemProps, type TypeMenuItemRoles, type TypeMenuProps, type TypeMenuRoles, type TypeMenuSharedProps, type TypeMenuState, type TypeMenuSwitchProps, canUseDOM, createDescendantContext, createNamedContext, useDescendant, useDescendantKeyDown, useDescendants, useMenuKeyDown, usePrevious, wrapEvent };

package/dist/index.js

@@ -32,7 +32,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   Alert: () => import_seeds_react_banner.Banner,
-  Breadcrumb: () => Breadcrumb_default,
   DescendantProvider: () => DescendantProvider,
   Listbox: () => Listbox_default,
   ListboxButton: () => ListboxButton,
@@ -48,7 +47,6 @@ __export(src_exports, {
   PartnerLogoNames: () => import_seeds_partner_logos.LogoNamesWithoutVariants,
   SpotIllustrationNames: () => import_seeds_illustrations.IllustrationNames,
   ThemeProvider: () => import_seeds_react_theme_provider.default,
-  ToggleHint: () => ToggleHint,
   canUseDOM: () => canUseDOM,
   createDescendantContext: () => createDescendantContext,
   createNamedContext: () => createNamedContext,
@@ -72,15 +70,52 @@ __reExport(src_exports, require("@sproutsocial/seeds-react-theme"), module.expor
 var import_seeds_react_theme_provider = __toESM(require("@sproutsocial/seeds-react-theme-provider"));
 var import_seeds_react_hooks2 = require("@sproutsocial/seeds-react-hooks");
 __reExport(src_exports, require("@sproutsocial/seeds-react-mixins"), module.exports);
+__reExport(src_exports, require("@sproutsocial/seeds-react-accordion"), module.exports);
 __reExport(src_exports, require("@sproutsocial/seeds-react-avatar"), module.exports);
 __reExport(src_exports, require("@sproutsocial/seeds-react-badge"), module.exports);
 __reExport(src_exports, require("@sproutsocial/seeds-react-banner"), module.exports);
 __reExport(src_exports, require("@sproutsocial/seeds-react-box"), module.exports);
+__reExport(src_exports, require("@sproutsocial/seeds-react-breadcrumb"), module.exports);
+__reExport(src_exports, require("@sproutsocial/seeds-react-button"), module.exports);
+__reExport(src_exports, require("@sproutsocial/seeds-react-card"), module.exports);
+__reExport(src_exports, require("@sproutsocial/seeds-react-character-counter"), module.exports);
+__reExport(src_exports, require("@sproutsocial/seeds-react-chart-legend"), module.exports);
+__reExport(src_exports, require("@sproutsocial/seeds-react-checkbox"), module.exports);
+__reExport(src_exports, require("@sproutsocial/seeds-react-collapsible"), module.exports);
+__reExport(src_exports, require("@sproutsocial/seeds-react-datepicker"), module.exports);
+__reExport(src_exports, require("@sproutsocial/seeds-react-drawer"), module.exports);
+__reExport(src_exports, require("@sproutsocial/seeds-react-duration"), module.exports);
+__reExport(src_exports, require("@sproutsocial/seeds-react-empty-state"), module.exports);
+__reExport(src_exports, require("@sproutsocial/seeds-react-fieldset"), module.exports);
+__reExport(src_exports, require("@sproutsocial/seeds-react-form-field"), module.exports);
+__reExport(src_exports, require("@sproutsocial/seeds-react-icon"), module.exports);
+__reExport(src_exports, require("@sproutsocial/seeds-react-image"), module.exports);
+__reExport(src_exports, require("@sproutsocial/seeds-react-indicator"), module.exports);
+__reExport(src_exports, require("@sproutsocial/seeds-react-input"), module.exports);
+__reExport(src_exports, require("@sproutsocial/seeds-react-keyboard-key"), module.exports);
+__reExport(src_exports, require("@sproutsocial/seeds-react-label"), module.exports);
+__reExport(src_exports, require("@sproutsocial/seeds-react-link"), module.exports);
+
+// src/Listbox/Listbox.tsx
+var import_styled_components3 = __toESM(require("styled-components"));
 
-// src/Breadcrumb/Breadcrumb.tsx
-var React = __toESM(require("react"));
+// src/Menu/utils/constants.ts
+var MENU_ROLES = Object.freeze({
+  MENU: "menu",
+  LIST: "list",
+  LISTBOX: "listbox"
+});
+var MENU_ITEM_ROLES = Object.freeze({
+  MENUITEM: "menuitem",
+  LISTITEM: "listitem",
+  OPTION: "option",
+  RADIO: "menuitemradio",
+  CHECKBOX: "menuitemcheckbox"
+});
+
+// src/Listbox/Listbox.tsx
+var import_seeds_react_select = require("@sproutsocial/seeds-react-select");
 var import_seeds_react_icon2 = __toESM(require("@sproutsocial/seeds-react-icon"));
-var import_seeds_react_link = __toESM(require("@sproutsocial/seeds-react-link"));
 
 // src/Menu/Menu.tsx
 var import_react3 = require("react");
@@ -131,20 +166,6 @@ var import_seeds_react_radio = __toESM(require("@sproutsocial/seeds-react-radio"
 var import_seeds_react_switch2 = __toESM(require("@sproutsocial/seeds-react-switch"));
 var import_seeds_react_text = __toESM(require("@sproutsocial/seeds-react-text"));
 
-// src/Menu/utils/constants.ts
-var MENU_ROLES = Object.freeze({
-  MENU: "menu",
-  LIST: "list",
-  LISTBOX: "listbox"
-});
-var MENU_ITEM_ROLES = Object.freeze({
-  MENUITEM: "menuitem",
-  LISTITEM: "listitem",
-  OPTION: "option",
-  RADIO: "menuitemradio",
-  CHECKBOX: "menuitemcheckbox"
-});
-
 // src/Menu/utils/descendants.tsx
 var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -1156,132 +1177,16 @@ var Menu_default = Menu;
 // src/Menu/index.ts
 var Menu_default2 = Menu_default;
 
-// src/Breadcrumb/styles.ts
-var import_styled_components3 = __toESM(require("styled-components"));
-var Nav = import_styled_components3.default.nav`
-  ol {
-    ${(props) => props.theme.typography[200]};
-    margin: 0;
-    font-family: ${(props) => props.theme.fontFamily};
-    padding: 0;
-    display: flex;
-  }
-
-  li {
-    margin-right: ${(props) => props.theme.space[200]};
-    display: flex;
-  }
-
-  a,
-  button {
-    ${(props) => props.theme.typography[200]};
-    max-width: 200px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-
-    &:not(.overflow--menu) {
-      margin: 0;
-      padding: 0;
-    }
-  }
-
-  ol > div + li::before {
-    content: "/";
-    margin-right: ${(props) => props.theme.space[200]};
-  }
-
-  li:last-child a,
-  li:last-child button {
-    color: ${(props) => props.theme.colors.text.body};
-    font-weight: bold;
-  }
-
-  li:not(:last-child)::after {
-    content: "/";
-    color: ${(props) => props.theme.colors.text.body};
-    margin-left: ${(props) => props.theme.space[200]};
-  }
-`;
-var styles_default = Nav;
-
-// src/Breadcrumb/Breadcrumb.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var BreadcrumbItem = ({
-  children,
-  href,
-  ...rest
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_seeds_react_link.default, { href, ...rest, children }) });
-};
-var Breadcrumb = ({
-  ariaLabel,
-  overflow,
-  children,
-  ...rest
-}) => {
-  const listItems = React.Children.toArray(children);
-  const lastItem = listItems[listItems.length - 1];
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(styles_default, { "aria-label": ariaLabel, "data-qa-breadcrumb": ariaLabel, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("ol", { children: [
-    overflow && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      MenuButton,
-      {
-        appearance: "secondary",
-        content: overflow.menu,
-        "aria-label": overflow.label,
-        className: "overflow--menu",
-        px: 200,
-        py: 0,
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_seeds_react_icon2.default, { name: "ellipsis-horizontal-solid", "aria-hidden": true })
-      }
-    ) }),
-    listItems.map((item, i) => {
-      const itemElem = typeof item === "object" && "props" in item ? item : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "item" });
-      return React.cloneElement(itemElem, {
-        ...itemElem.props,
-        "aria-current": listItems[i] === lastItem ? "page" : void 0
-      });
-    })
-  ] }) });
-};
-BreadcrumbItem.displayName = "Breadcrumb.Item";
-Breadcrumb.Item = BreadcrumbItem;
-var Breadcrumb_default = Breadcrumb;
-
-// src/index.ts
-__reExport(src_exports, require("@sproutsocial/seeds-react-button"), module.exports);
-__reExport(src_exports, require("@sproutsocial/seeds-react-card"), module.exports);
-__reExport(src_exports, require("@sproutsocial/seeds-react-character-counter"), module.exports);
-__reExport(src_exports, require("@sproutsocial/seeds-react-chart-legend"), module.exports);
-__reExport(src_exports, require("@sproutsocial/seeds-react-checkbox"), module.exports);
-__reExport(src_exports, require("@sproutsocial/seeds-react-collapsible"), module.exports);
-__reExport(src_exports, require("@sproutsocial/seeds-react-datepicker"), module.exports);
-__reExport(src_exports, require("@sproutsocial/seeds-react-drawer"), module.exports);
-__reExport(src_exports, require("@sproutsocial/seeds-react-duration"), module.exports);
-__reExport(src_exports, require("@sproutsocial/seeds-react-empty-state"), module.exports);
-__reExport(src_exports, require("@sproutsocial/seeds-react-fieldset"), module.exports);
-__reExport(src_exports, require("@sproutsocial/seeds-react-form-field"), module.exports);
-__reExport(src_exports, require("@sproutsocial/seeds-react-icon"), module.exports);
-__reExport(src_exports, require("@sproutsocial/seeds-react-image"), module.exports);
-__reExport(src_exports, require("@sproutsocial/seeds-react-indicator"), module.exports);
-__reExport(src_exports, require("@sproutsocial/seeds-react-input"), module.exports);
-__reExport(src_exports, require("@sproutsocial/seeds-react-keyboard-key"), module.exports);
-__reExport(src_exports, require("@sproutsocial/seeds-react-label"), module.exports);
-__reExport(src_exports, require("@sproutsocial/seeds-react-link"), module.exports);
-
 // src/Listbox/Listbox.tsx
-var import_styled_components4 = __toESM(require("styled-components"));
-var import_seeds_react_select = require("@sproutsocial/seeds-react-select");
-var import_seeds_react_icon3 = __toESM(require("@sproutsocial/seeds-react-icon"));
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var Listbox = ({
   role = MENU_ROLES.LISTBOX,
   children,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Menu_default2, { ...rest, role, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Menu_default2, { ...rest, role, children });
 };
-var ListboxButtonContainer = (0, import_styled_components4.default)(MenuButton)`
+var ListboxButtonContainer = (0, import_styled_components3.default)(MenuButton)`
   position: relative;
   width: 100%;
   border: 1px solid ${(props) => props.theme.colors.form.border.base};
@@ -1325,7 +1230,7 @@ var ListboxButtonContainer = (0, import_styled_components4.default)(MenuButton)`
   }
 }};
 
-  ${(props) => props.invalid && import_styled_components4.css`
+  ${(props) => props.invalid && import_styled_components3.css`
       border-color: ${(props2) => props2.theme.colors.form.border.error};
       ${import_seeds_react_select.Arrow} {
         color: ${(props2) => props2.theme.colors.icon.error};
@@ -1335,7 +1240,7 @@ var ListboxButtonContainer = (0, import_styled_components4.default)(MenuButton)`
 var ListboxButton = ({
   children,
   ...restProps
-}) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
   ListboxButtonContainer,
   {
     ...restProps,
@@ -1345,7 +1250,7 @@ var ListboxButton = ({
     },
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_seeds_react_select.Arrow, { size: restProps.size, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_seeds_react_icon3.default, { name: "chevron-down-outline", fixedWidth: true, "aria-hidden": true }) })
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_seeds_react_select.Arrow, { size: restProps.size, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_seeds_react_icon2.default, { name: "chevron-down-outline", fixedWidth: true, "aria-hidden": true }) })
     ]
   }
 );
@@ -1383,87 +1288,6 @@ __reExport(src_exports, require("@sproutsocial/seeds-react-tabs"), module.export
 __reExport(src_exports, require("@sproutsocial/seeds-react-text"), module.exports);
 __reExport(src_exports, require("@sproutsocial/seeds-react-textarea"), module.exports);
 __reExport(src_exports, require("@sproutsocial/seeds-react-toast"), module.exports);
-
-// src/ToggleHint/ToggleHint.tsx
-var React2 = __toESM(require("react"));
-var import_seeds_react_icon4 = __toESM(require("@sproutsocial/seeds-react-icon"));
-
-// src/ToggleHint/styles.ts
-var import_styled_components5 = __toESM(require("styled-components"));
-var import_seeds_react_system_props = require("@sproutsocial/seeds-react-system-props");
-var import_seeds_react_mixins3 = require("@sproutsocial/seeds-react-mixins");
-var Container = import_styled_components5.default.div`
-  position: relative;
-  display: inline-block;
-  padding: ${(props) => props.theme.space[100]};
-  color: currentColor;
-
-  ${(props) => props.icon === "chevron" && import_styled_components5.css`
-      transition: transform
-        ${(props2) => `${props2.theme.duration.medium} ${props2.theme.easing.ease_inout}`};
-
-      ${props.isOpen && import_styled_components5.css`
-        transform: rotateX(180deg);
-      `}
-    `}
-
-  ${import_seeds_react_system_props.COMMON}
-`;
-var IconText = import_styled_components5.default.div`
-  ${import_seeds_react_mixins3.visuallyHidden}
-`;
-var styles_default2 = Container;
-
-// src/ToggleHint/ToggleHint.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var ToggleHint = class extends React2.Component {
-  static defaultProps = {
-    isOpen: false,
-    icon: "chevron"
-  };
-  getIcon = () => {
-    if (this.props.icon === "chevron") {
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_seeds_react_icon4.default, { name: "chevron-down-outline", "aria-hidden": true });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      import_seeds_react_icon4.default,
-      {
-        name: this.props.isOpen ? "minus-outline" : "plus-outline",
-        "aria-hidden": true
-      }
-    );
-  };
-  render() {
-    const {
-      icon,
-      isOpen,
-      openString,
-      closeString,
-      qa,
-      className,
-      color,
-      ...rest
-    } = this.props;
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-      styles_default2,
-      {
-        icon,
-        isOpen,
-        className: `ToggleHint ${className}`,
-        "data-qa-togglehint-isopen": isOpen,
-        color,
-        ...qa,
-        ...rest,
-        children: [
-          this.getIcon(),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconText, { children: isOpen ? closeString : openString })
-        ]
-      }
-    );
-  }
-};
-
-// src/index.ts
 __reExport(src_exports, require("@sproutsocial/seeds-react-token"), module.exports);
 __reExport(src_exports, require("@sproutsocial/seeds-react-token-input"), module.exports);
 __reExport(src_exports, require("@sproutsocial/seeds-react-tooltip"), module.exports);
@@ -1473,7 +1297,6 @@ var import_seeds_react_banner = require("@sproutsocial/seeds-react-banner");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Alert,
-  Breadcrumb,
   DescendantProvider,
   Listbox,
   ListboxButton,
@@ -1489,7 +1312,6 @@ var import_seeds_react_banner = require("@sproutsocial/seeds-react-banner");
   PartnerLogoNames,
   SpotIllustrationNames,
   ThemeProvider,
-  ToggleHint,
   canUseDOM,
   createDescendantContext,
   createNamedContext,
@@ -1507,10 +1329,12 @@ var import_seeds_react_banner = require("@sproutsocial/seeds-react-banner");
   ...require("@sproutsocial/seeds-react-system-props"),
   ...require("@sproutsocial/seeds-react-theme"),
   ...require("@sproutsocial/seeds-react-mixins"),
+  ...require("@sproutsocial/seeds-react-accordion"),
   ...require("@sproutsocial/seeds-react-avatar"),
   ...require("@sproutsocial/seeds-react-badge"),
   ...require("@sproutsocial/seeds-react-banner"),
   ...require("@sproutsocial/seeds-react-box"),
+  ...require("@sproutsocial/seeds-react-breadcrumb"),
   ...require("@sproutsocial/seeds-react-button"),
   ...require("@sproutsocial/seeds-react-card"),
   ...require("@sproutsocial/seeds-react-character-counter"),