@sproutsocial/racine 25.8.0 → 25.9.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Change Log
 
+## 25.9.0
+
+### Minor Changes
+
+- a58dd8d: Menu, Listbox, and Breadcrumb now use seeds-react components internally
+
+### Patch Changes
+
+- Updated dependencies [cd61069]
+- Updated dependencies [a58dd8d]
+- Updated dependencies [a58dd8d]
+  - @sproutsocial/seeds-react-tabs@1.1.0
+  - @sproutsocial/seeds-react-select@1.1.0
+  - @sproutsocial/seeds-react-switch@1.2.0
+
 ## 25.8.0
 
 ### Minor Changes

package/commonjs/Breadcrumb/Breadcrumb.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _Icon = _interopRequireDefault(require("../Icon"));
-var _Link = _interopRequireDefault(require("../Link"));
+var _seedsReactIcon = _interopRequireDefault(require("@sproutsocial/seeds-react-icon"));
+var _seedsReactLink = _interopRequireDefault(require("@sproutsocial/seeds-react-link"));
 var _Menu = require("../Menu");
 var _styles = _interopRequireDefault(require("./styles"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children", "href"],
-  _excluded2 = ["ariaLabel", "overflow", "children"];
+  _excluded2 = ["ariaLabel", "overflow", "children"]; // eslint-disable-next-line no-restricted-imports
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -28,7 +28,7 @@ var BreadcrumbItem = function BreadcrumbItem(_ref) {
     href = _ref.href,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.default, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_seedsReactLink.default, _objectSpread(_objectSpread({
       href: href
     }, rest), {}, {
       children: children
@@ -55,7 +55,7 @@ var Breadcrumb = function Breadcrumb(_ref2) {
           className: "overflow--menu",
           px: 200,
           py: 0,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_seedsReactIcon.default, {
             name: "ellipsis-horizontal-solid",
             "aria-hidden": true
           })

package/commonjs/Listbox/Listbox.js

@@ -8,12 +8,12 @@ exports.default = exports.ListboxButtonContainer = exports.ListboxButton = expor
 var React = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _constants = require("../Menu/utils/constants");
-var _styles = require("../Select/styles");
-var _Icon = _interopRequireDefault(require("../Icon"));
+var _seedsReactSelect = require("@sproutsocial/seeds-react-select");
+var _seedsReactIcon = _interopRequireDefault(require("@sproutsocial/seeds-react-icon"));
 var _Menu = _interopRequireWildcard(require("../Menu"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["role", "children"],
-  _excluded2 = ["children"];
+  _excluded2 = ["children"]; // eslint-disable-next-line no-restricted-imports
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -86,7 +86,7 @@ var ListboxButtonContainer = exports.ListboxButtonContainer = (0, _styledCompone
 }, function (props) {
   return props.invalid && (0, _styledComponents.css)(["border-color:", ";", "{color:", ";}"], function (props) {
     return props.theme.colors.form.border.error;
-  }, _styles.Arrow, function (props) {
+  }, _seedsReactSelect.Arrow, function (props) {
     return props.theme.colors.icon.error;
   });
 });
@@ -97,9 +97,9 @@ var ListboxButton = exports.ListboxButton = function ListboxButton(_ref2) {
     popoutProps: _objectSpread({
       placement: "bottom-start"
     }, restProps.popoutProps || {}),
-    children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Arrow, {
+    children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_seedsReactSelect.Arrow, {
       size: restProps.size,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_seedsReactIcon.default, {
         name: "chevron-down-outline",
         fixedWidth: true,
         "aria-hidden": true

package/commonjs/Menu/Menu.js

@@ -12,15 +12,15 @@ var _lodash = _interopRequireDefault(require("lodash.uniqueid"));
 var _seedsReactHooks = require("@sproutsocial/seeds-react-hooks");
 var _innerText = _interopRequireDefault(require("../utils/innerText"));
 var _seedsReactMixins = require("@sproutsocial/seeds-react-mixins");
-var _Box = _interopRequireDefault(require("../Box"));
-var _Button = _interopRequireDefault(require("../Button"));
+var _seedsReactBox = _interopRequireDefault(require("@sproutsocial/seeds-react-box"));
+var _seedsReactButton = _interopRequireDefault(require("@sproutsocial/seeds-react-button"));
 var _seedsReactCheckbox = _interopRequireDefault(require("@sproutsocial/seeds-react-checkbox"));
-var _Icon = _interopRequireDefault(require("../Icon"));
-var _Input = _interopRequireDefault(require("../Input"));
+var _seedsReactIcon = _interopRequireDefault(require("@sproutsocial/seeds-react-icon"));
+var _seedsReactInput = _interopRequireDefault(require("@sproutsocial/seeds-react-input"));
 var _seedsReactPopout = _interopRequireDefault(require("@sproutsocial/seeds-react-popout"));
-var _Radio = _interopRequireDefault(require("../Radio"));
-var _Switch = _interopRequireDefault(require("../Switch"));
-var _Text = _interopRequireDefault(require("../Text"));
+var _seedsReactRadio = _interopRequireDefault(require("@sproutsocial/seeds-react-radio"));
+var _seedsReactSwitch = _interopRequireDefault(require("@sproutsocial/seeds-react-switch"));
+var _seedsReactText = _interopRequireDefault(require("@sproutsocial/seeds-react-text"));
 var _utils = require("./utils");
 var _styles = require("./styles");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -176,7 +176,7 @@ var MenuItem = exports.MenuItem = function MenuItem(_ref) {
         mr: 300
       });
     } else if (itemRole === _utils.MENU_ITEM_ROLES.RADIO) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_seedsReactRadio.default, {
         id: "Radio-".concat(id),
         name: "Radio-".concat(id),
         checked: isSelected,
@@ -189,7 +189,7 @@ var MenuItem = exports.MenuItem = function MenuItem(_ref) {
   var after = (0, _react.useMemo)(function () {
     if (elemAfter) return elemAfter;
     if (isSelected && !isCheckboxOrRadio) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_seedsReactIcon.default, {
         name: "check-solid",
         "aria-hidden": true,
         size: "small",
@@ -270,7 +270,7 @@ var MenuSwitch = exports.MenuSwitch = function MenuSwitch(props) {
     return id || (0, _lodash.default)("MenuItem-");
   }, [id]);
   var labelId = "".concat(menuItemId, "-label");
-  var switchElement = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, _objectSpread(_objectSpread(_objectSpread({
+  var switchElement = /*#__PURE__*/(0, _jsxRuntime.jsx)(_seedsReactSwitch.default, _objectSpread(_objectSpread(_objectSpread({
     id: "".concat(menuItemId, "-switch"),
     checked: props.selected || isValueSelected(menuValue, props.value),
     "aria-hidden": "true",
@@ -292,7 +292,7 @@ var MenuSwitch = exports.MenuSwitch = function MenuSwitch(props) {
     elemAfter: placement === "before" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {}) : switchElement
   }, rest);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(MenuItem, _objectSpread(_objectSpread({}, menuItemProps), {}, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_seedsReactText.default, _objectSpread(_objectSpread({
       id: labelId
     }, labelProps), {}, {
       // This prop is passed after labelProps to disallow overrides.
@@ -301,7 +301,7 @@ var MenuSwitch = exports.MenuSwitch = function MenuSwitch(props) {
     }))
   }));
 };
-var MenuTitle = (0, _styledComponents.default)(_Text.default).withConfig({
+var MenuTitle = (0, _styledComponents.default)(_seedsReactText.default).withConfig({
   displayName: "Menu__MenuTitle",
   componentId: "sc-1jmjosz-0"
 })(["font-weight:600;padding-left:", ";padding-top:", ";padding-bottom:", ";color:", ";"], function (_ref2) {
@@ -334,7 +334,7 @@ var MenuGroup = exports.MenuGroup = function MenuGroup(_ref6) {
     return (0, _lodash.default)("menu-title-");
   }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_seedsReactBox.default, _objectSpread(_objectSpread({
       p: 300,
       role: "group",
       "aria-labelledby": title ? menuTitleId : undefined,
@@ -353,7 +353,7 @@ var MenuGroup = exports.MenuGroup = function MenuGroup(_ref6) {
   });
 };
 var MenuDivider = exports.MenuDivider = function MenuDivider(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, _objectSpread({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_seedsReactBox.default, _objectSpread({
     as: "li",
     role: "separator",
     borderTop: "1px solid",
@@ -388,7 +388,7 @@ var MenuFilterInput = function MenuFilterInput(_ref7) {
       isFilterInputFocused: false
     });
   }, [setState, onBlur]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_seedsReactInput.default, _objectSpread(_objectSpread({}, props), {}, {
     type: type,
     value: state.filterQuery,
     onChange: handleOnChange,
@@ -436,7 +436,7 @@ var MenuFooter = function MenuFooter(_ref9) {
       isFooterFocused: true
     });
   }, [setState]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_seedsReactBox.default, {
     onBlur: handleOnBlur,
     onFocus: handleOnFocus,
     children: children
@@ -562,7 +562,7 @@ var MenuButton = exports.MenuButton = function MenuButton(_ref11) {
       placement: placement
     }, popoutProps), {}, {
       width: props.width,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, _objectSpread(_objectSpread({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_seedsReactButton.default, _objectSpread(_objectSpread({}, props), {}, {
         id: id,
         "aria-labelledby": ariaLabelledBy === null || ariaLabelledBy === void 0 ? void 0 : ariaLabelledBy.trim(),
         "aria-label": ariaLabel === null || ariaLabel === void 0 ? void 0 : ariaLabel.trim(),

package/commonjs/Menu/styles.js

@@ -7,12 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.MenuItemsContainer = exports.MenuItemContainer = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _seedsReactMixins = require("@sproutsocial/seeds-react-mixins");
-var _Box = _interopRequireDefault(require("../Box"));
-var _styles = require("../Switch/styles");
+var _seedsReactBox = _interopRequireDefault(require("@sproutsocial/seeds-react-box"));
+var _seedsReactSwitch = require("@sproutsocial/seeds-react-switch");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var MenuItemContainer = exports.MenuItemContainer = (0, _styledComponents.default)(_Box.default).withConfig({
+var MenuItemContainer = exports.MenuItemContainer = (0, _styledComponents.default)(_seedsReactBox.default).withConfig({
   displayName: "styles__MenuItemContainer",
   componentId: "sc-168zlb1-0"
 })(["", ";width:100%;border-radius:", ";background-color:", ";border:none;text-align:left;color:", ";font-family:", ";font-weight:", ";padding:", ";list-style-type:none;outline:0;", ";", " ", " ", "{", "}", " ", " ", ""], function (props) {
@@ -41,7 +41,7 @@ var MenuItemContainer = exports.MenuItemContainer = (0, _styledComponents.defaul
   }, props.theme.colors.listItem.background.selected, function (props) {
     return props.theme.colors.text.inverse;
   });
-}, _styles.StyledSwitchButton, function (props) {
+}, _seedsReactSwitch.StyledSwitchButton, function (props) {
   return props.active && !props.disabled && (0, _styledComponents.css)(["border-color:", ";"], function (props) {
     return props.theme.colors.container.border.base;
   });
@@ -56,7 +56,7 @@ var MenuItemContainer = exports.MenuItemContainer = (0, _styledComponents.defaul
 }, function (props) {
   return props.disabled && _seedsReactMixins.disabled;
 });
-var MenuItemsContainer = exports.MenuItemsContainer = (0, _styledComponents.default)(_Box.default).withConfig({
+var MenuItemsContainer = exports.MenuItemsContainer = (0, _styledComponents.default)(_seedsReactBox.default).withConfig({
   displayName: "styles__MenuItemsContainer",
   componentId: "sc-168zlb1-1"
 })(["list-style-type:none;&:focus{", "}& > div[role=\"group\"]:first-of-type{border-top:none;}"], _seedsReactMixins.focusRing);