@sproutsocial/racine 27.0.3 → 27.1.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Change Log
 
+## 27.1.1
+
+### Patch Changes
+
+- Updated dependencies [bc7d22b]
+  - @sproutsocial/seeds-react-accordion@0.1.5
+
+## 27.1.0
+
+### Minor Changes
+
+- 94ee89b: Now exporting new seeds-react-accordion from racine
+- 1cb2382: Replaced old breadcrumb package with refactored package
+
 ## 27.0.3
 
 ### Patch Changes

package/dist/esm/index.js

@@ -12,15 +12,52 @@ import {
   useInteractiveColor
 } 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";
 export * from "@sproutsocial/seeds-react-box";
+export * from "@sproutsocial/seeds-react-breadcrumb";
+export * from "@sproutsocial/seeds-react-button";
+export * from "@sproutsocial/seeds-react-card";
+export * from "@sproutsocial/seeds-react-character-counter";
+export * from "@sproutsocial/seeds-react-chart-legend";
+export * from "@sproutsocial/seeds-react-checkbox";
+export * from "@sproutsocial/seeds-react-collapsible";
+export * from "@sproutsocial/seeds-react-datepicker";
+export * from "@sproutsocial/seeds-react-drawer";
+export * from "@sproutsocial/seeds-react-duration";
+export * from "@sproutsocial/seeds-react-empty-state";
+export * from "@sproutsocial/seeds-react-fieldset";
+export * from "@sproutsocial/seeds-react-form-field";
+export * from "@sproutsocial/seeds-react-icon";
+export * from "@sproutsocial/seeds-react-image";
+export * from "@sproutsocial/seeds-react-indicator";
+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";
+
+// src/Listbox/Listbox.tsx
+import styled3, { css as css2 } from "styled-components";
+
+// 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/Breadcrumb/Breadcrumb.tsx
-import * as React from "react";
+// src/Listbox/Listbox.tsx
+import { Arrow } from "@sproutsocial/seeds-react-select";
 import Icon2 from "@sproutsocial/seeds-react-icon";
-import Link from "@sproutsocial/seeds-react-link";
 
 // src/Menu/Menu.tsx
 import {
@@ -78,20 +115,6 @@ import Radio from "@sproutsocial/seeds-react-radio";
 import Switch2 from "@sproutsocial/seeds-react-switch";
 import Text from "@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
 import {
   createContext,
@@ -1112,132 +1135,16 @@ var Menu_default = Menu;
 // src/Menu/index.ts
 var Menu_default2 = Menu_default;
 
-// src/Breadcrumb/styles.ts
-import styled3 from "styled-components";
-var Nav = styled3.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
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var BreadcrumbItem = ({
-  children,
-  href,
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsx3(Link, { href, ...rest, children }) });
-};
-var Breadcrumb = ({
-  ariaLabel,
-  overflow,
-  children,
-  ...rest
-}) => {
-  const listItems = React.Children.toArray(children);
-  const lastItem = listItems[listItems.length - 1];
-  return /* @__PURE__ */ jsx3(styles_default, { "aria-label": ariaLabel, "data-qa-breadcrumb": ariaLabel, ...rest, children: /* @__PURE__ */ jsxs2("ol", { children: [
-    overflow && /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsx3(
-      MenuButton,
-      {
-        appearance: "secondary",
-        content: overflow.menu,
-        "aria-label": overflow.label,
-        className: "overflow--menu",
-        px: 200,
-        py: 0,
-        children: /* @__PURE__ */ jsx3(Icon2, { name: "ellipsis-horizontal-solid", "aria-hidden": true })
-      }
-    ) }),
-    listItems.map((item, i) => {
-      const itemElem = typeof item === "object" && "props" in item ? item : /* @__PURE__ */ jsx3("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
-export * from "@sproutsocial/seeds-react-button";
-export * from "@sproutsocial/seeds-react-card";
-export * from "@sproutsocial/seeds-react-character-counter";
-export * from "@sproutsocial/seeds-react-chart-legend";
-export * from "@sproutsocial/seeds-react-checkbox";
-export * from "@sproutsocial/seeds-react-collapsible";
-export * from "@sproutsocial/seeds-react-datepicker";
-export * from "@sproutsocial/seeds-react-drawer";
-export * from "@sproutsocial/seeds-react-duration";
-export * from "@sproutsocial/seeds-react-empty-state";
-export * from "@sproutsocial/seeds-react-fieldset";
-export * from "@sproutsocial/seeds-react-form-field";
-export * from "@sproutsocial/seeds-react-icon";
-export * from "@sproutsocial/seeds-react-image";
-export * from "@sproutsocial/seeds-react-indicator";
-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";
-
 // src/Listbox/Listbox.tsx
-import styled4, { css as css2 } from "styled-components";
-import { Arrow } from "@sproutsocial/seeds-react-select";
-import Icon3 from "@sproutsocial/seeds-react-icon";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var Listbox = ({
   role = MENU_ROLES.LISTBOX,
   children,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx4(Menu_default2, { ...rest, role, children });
+  return /* @__PURE__ */ jsx3(Menu_default2, { ...rest, role, children });
 };
-var ListboxButtonContainer = styled4(MenuButton)`
+var ListboxButtonContainer = styled3(MenuButton)`
   position: relative;
   width: 100%;
   border: 1px solid ${(props) => props.theme.colors.form.border.base};
@@ -1291,7 +1198,7 @@ var ListboxButtonContainer = styled4(MenuButton)`
 var ListboxButton = ({
   children,
   ...restProps
-}) => /* @__PURE__ */ jsxs3(
+}) => /* @__PURE__ */ jsxs2(
   ListboxButtonContainer,
   {
     ...restProps,
@@ -1301,7 +1208,7 @@ var ListboxButton = ({
     },
     children: [
       children,
-      /* @__PURE__ */ jsx4(Arrow, { size: restProps.size, children: /* @__PURE__ */ jsx4(Icon3, { name: "chevron-down-outline", fixedWidth: true, "aria-hidden": true }) })
+      /* @__PURE__ */ jsx3(Arrow, { size: restProps.size, children: /* @__PURE__ */ jsx3(Icon2, { name: "chevron-down-outline", fixedWidth: true, "aria-hidden": true }) })
     ]
   }
 );
@@ -1339,87 +1246,6 @@ export * from "@sproutsocial/seeds-react-tabs";
 export * from "@sproutsocial/seeds-react-text";
 export * from "@sproutsocial/seeds-react-textarea";
 export * from "@sproutsocial/seeds-react-toast";
-
-// src/ToggleHint/ToggleHint.tsx
-import * as React2 from "react";
-import Icon4 from "@sproutsocial/seeds-react-icon";
-
-// src/ToggleHint/styles.ts
-import styled5, { css as css3 } from "styled-components";
-import { COMMON } from "@sproutsocial/seeds-react-system-props";
-import { visuallyHidden } from "@sproutsocial/seeds-react-mixins";
-var Container = styled5.div`
-  position: relative;
-  display: inline-block;
-  padding: ${(props) => props.theme.space[100]};
-  color: currentColor;
-
-  ${(props) => props.icon === "chevron" && css3`
-      transition: transform
-        ${(props2) => `${props2.theme.duration.medium} ${props2.theme.easing.ease_inout}`};
-
-      ${props.isOpen && css3`
-        transform: rotateX(180deg);
-      `}
-    `}
-
-  ${COMMON}
-`;
-var IconText = styled5.div`
-  ${visuallyHidden}
-`;
-var styles_default2 = Container;
-
-// src/ToggleHint/ToggleHint.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-var ToggleHint = class extends React2.Component {
-  static defaultProps = {
-    isOpen: false,
-    icon: "chevron"
-  };
-  getIcon = () => {
-    if (this.props.icon === "chevron") {
-      return /* @__PURE__ */ jsx5(Icon4, { name: "chevron-down-outline", "aria-hidden": true });
-    }
-    return /* @__PURE__ */ jsx5(
-      Icon4,
-      {
-        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__ */ jsxs4(
-      styles_default2,
-      {
-        icon,
-        isOpen,
-        className: `ToggleHint ${className}`,
-        "data-qa-togglehint-isopen": isOpen,
-        color,
-        ...qa,
-        ...rest,
-        children: [
-          this.getIcon(),
-          /* @__PURE__ */ jsx5(IconText, { children: isOpen ? closeString : openString })
-        ]
-      }
-    );
-  }
-};
-
-// src/index.ts
 export * from "@sproutsocial/seeds-react-token";
 export * from "@sproutsocial/seeds-react-token-input";
 export * from "@sproutsocial/seeds-react-tooltip";
@@ -1428,7 +1254,6 @@ export * from "@sproutsocial/seeds-react-data-table";
 import { Banner } from "@sproutsocial/seeds-react-banner";
 export {
   Banner as Alert,
-  Breadcrumb_default as Breadcrumb,
   DescendantProvider,
   Listbox_default as Listbox,
   ListboxButton,
@@ -1444,7 +1269,6 @@ export {
   LogoNamesWithoutVariants as PartnerLogoNames,
   IllustrationNames as SpotIllustrationNames,
   default2 as ThemeProvider,
-  ToggleHint,
   canUseDOM,
   createDescendantContext,
   createNamedContext,