@sproutsocial/racine 13.7.1 → 14.0.0

package/lib/Badge/Badge.js

@@ -0,0 +1,48 @@
+var _excluded = ["children", "text", "iconName", "type", "tip", "size", "badgeColor", "color"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import * as React from 'react';
+import Box from "../Box";
+import Icon from "../Icon";
+import Container from "./styles";
+var Badge = function Badge(_ref) {
+  var children = _ref.children,
+    text = _ref.text,
+    iconName = _ref.iconName,
+    type = _ref.type,
+    tip = _ref.tip,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'small' : _ref$size,
+    _ref$badgeColor = _ref.badgeColor,
+    badgeColor = _ref$badgeColor === void 0 ? 'blue' : _ref$badgeColor,
+    color = _ref.color,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  if (children && text) {
+    throw new Error("can't use both `children` and `text` props. Text is deprecated, consider using children.");
+  }
+  return /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
+    // size previously included default, which currently maps to small.  Once consumers have updated this can be simplified.
+    size: size === 'default' ? 'large' : size,
+    badgeColor: badgeColor,
+    "data-tip": tip,
+    "data-qa-badge": text || '',
+    "data-qa-badge-type": type,
+    "data-qa-badge-tip": tip || '',
+    type: type
+    // TODO: fix this type since `color` should be valid here. TS can't resolve the correct type.
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    ,
+    color: color
+  }), /*#__PURE__*/React.createElement(Box, {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  }, iconName ? /*#__PURE__*/React.createElement(Icon, {
+    mr: 200,
+    name: iconName,
+    size: size === 'small' ? 'mini' : 'default'
+  }) : null, children || text));
+};
+export default Badge;

package/lib/Badge/BadgeTypes.js

@@ -0,0 +1 @@
+export {};

package/lib/Badge/constants.js

@@ -29,6 +29,9 @@ var approval = {
 
 //Deprecated former "types"
 
+/**
+ * @deprecated Use badgeColor instead
+ */
 export var legacyBadgeColors = {
   primary: primary,
   secondary: secondary,

package/lib/Badge/index.flow.js

@@ -1 +1,2 @@
-import * as React from 'react';
+export * from "./Badge.flow";
+export * from "./constants.flow";

package/lib/Badge/index.js

@@ -1,42 +1,5 @@
-var _excluded = ["children", "text", "iconName", "type", "tip", "size", "badgeColor"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import * as React from 'react';
-import Box from "../Box";
-import Icon from "../Icon";
-import Container from "./styles";
-var Badge = function Badge(_ref) {
-  var children = _ref.children,
-    text = _ref.text,
-    iconName = _ref.iconName,
-    type = _ref.type,
-    tip = _ref.tip,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'small' : _ref$size,
-    _ref$badgeColor = _ref.badgeColor,
-    badgeColor = _ref$badgeColor === void 0 ? 'blue' : _ref$badgeColor,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  if (children && text) {
-    throw new Error("can't use both `children` and `text` props. Text is deprecated, consider using children.");
-  }
-  return /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
-    // size previously included default, which currently maps to small.  Once consumers have updated this can be simplified.
-    size: size === 'default' ? 'large' : size,
-    badgeColor: badgeColor,
-    "data-tip": tip,
-    "data-qa-badge": text || '',
-    "data-qa-badge-type": type,
-    "data-qa-badge-tip": tip || '',
-    type: type && type
-  }), /*#__PURE__*/React.createElement(Box, {
-    display: "flex",
-    alignItems: "center",
-    JustifyContent: "center"
-  }, iconName ? /*#__PURE__*/React.createElement(Icon, {
-    mr: 200,
-    name: iconName,
-    size: size === 'small' ? 'mini' : 'default'
-  }) : null, children || text));
-};
-export default Badge;
+import Badge from "./Badge";
+export default Badge;
+export { Badge };
+export * from "./BadgeTypes";
+export * from "./constants";

package/lib/Badge/styles.js

@@ -2,11 +2,9 @@ import styled from 'styled-components';
 import { themeGet } from '@styled-system/theme-get';
 import { COMMON } from "../utils/system-props";
 import { legacyBadgeColors } from "./constants";
-
-// eslint-disable-next-line flowtype/generic-spacing
 var Container = styled.span.withConfig({
   displayName: "styles__Container",
-  componentId: "sc-g1g76b-0"
+  componentId: "sc-727amf-0"
 })(["font-family:", ";", ";border-radius:9999px;line-height:16px;display:inline-block;color:", ";background:", ";padding:", ";", ";"], function (p) {
   return p.theme.fontFamily;
 }, function (p) {

package/lib/Banner/Banner.flow.js

@@ -0,0 +1 @@
+import * as React from 'react';

package/lib/Banner/Banner.js

@@ -0,0 +1,63 @@
+var _excluded = ["type", "text"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import * as React from 'react';
+import Box from "../Box";
+import Icon from "../Icon";
+import Container from "./styles";
+var getBannerIcon = function getBannerIcon(type) {
+  switch (type) {
+    case 'success':
+      return /*#__PURE__*/React.createElement(Icon, {
+        name: "circle-check-no-fill",
+        className: "Icon",
+        fixedWidth: true
+      });
+    case 'info':
+      return /*#__PURE__*/React.createElement(Icon, {
+        name: "info-white",
+        className: "Icon",
+        fixedWidth: true
+      });
+    case 'error':
+      return /*#__PURE__*/React.createElement(Icon, {
+        name: "triangle",
+        className: "Icon",
+        fixedWidth: true
+      });
+    case 'warning':
+      return /*#__PURE__*/React.createElement(Icon, {
+        name: "triangle",
+        className: "Icon",
+        fixedWidth: true
+      });
+    case 'opportunity':
+      return /*#__PURE__*/React.createElement(Icon, {
+        name: "sparkles",
+        className: "Icon",
+        fixedWidth: true
+      });
+    default:
+      return;
+  }
+};
+
+/** TODO: change to 'info' type by default in future version */
+var Banner = function Banner(_ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'info' : _ref$type,
+    text = _ref.text,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Container, _extends({
+    type: type,
+    "data-qa-alert": "",
+    "data-qa-alert-type": type,
+    "data-qa-alert-text": text
+  }, rest), /*#__PURE__*/React.createElement(Box, {
+    display: "flex",
+    alignItems: "center",
+    width: 1
+  }, getBannerIcon(type), text));
+};
+export default Banner;

package/lib/Banner/BannerTypes.js

@@ -0,0 +1 @@
+export {};

package/lib/Banner/index.flow.js

@@ -1 +1 @@
-import * as React from 'react';
+export * from "./Banner.flow";

package/lib/Banner/index.js

@@ -1,67 +1,4 @@
-var _excluded = ["type", "text"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import * as React from 'react';
-import Box from "../Box";
-import Icon from "../Icon";
-import Container from "./styles";
-var getBannerIcon = function getBannerIcon(type) {
-  switch (type) {
-    case 'success':
-      return /*#__PURE__*/React.createElement(Icon, {
-        name: "circle-check-no-fill",
-        className: "Icon",
-        fixedWidth: true
-      });
-    case 'info':
-      return /*#__PURE__*/React.createElement(Icon, {
-        name: "info-white",
-        className: "Icon",
-        fixedWidth: true
-      });
-    case 'error':
-      return /*#__PURE__*/React.createElement(Icon, {
-        name: "triangle",
-        className: "Icon",
-        fixedWidth: true
-      });
-    case 'warning':
-      return /*#__PURE__*/React.createElement(Icon, {
-        name: "triangle",
-        className: "Icon",
-        fixedWidth: true
-      });
-    case 'opportunity':
-      return /*#__PURE__*/React.createElement(Icon, {
-        name: "sparkles",
-        className: "Icon",
-        fixedWidth: true
-      });
-    default:
-      return;
-  }
-};
-
-/** TODO: change to 'info' type by default in future version */
-var Banner = function Banner(_ref) {
-  var _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'info' : _ref$type,
-    text = _ref.text,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return (
-    /*#__PURE__*/
-    // $FlowIssue - upgrade v0.112.0
-    React.createElement(Container, _extends({
-      type: type,
-      "data-qa-alert": "",
-      "data-qa-alert-type": type,
-      "data-qa-alert-text": text
-    }, rest), /*#__PURE__*/React.createElement(Box, {
-      display: "flex",
-      alignItems: "center",
-      width: 1
-    }, getBannerIcon(type), text))
-  );
-};
-export default Banner;
+import Banner from "./Banner";
+export default Banner;
+export { Banner };
+export * from "./BannerTypes";

package/lib/Banner/styles.js

@@ -2,7 +2,7 @@ import styled, { css } from 'styled-components';
 import { COMMON, LAYOUT } from "../utils/system-props";
 var Container = styled.div.withConfig({
   displayName: "styles__Container",
-  componentId: "sc-q43dr4-0"
+  componentId: "sc-r8d7e5-0"
 })(function (props) {
   return css(["display:flex;overflow:hidden;align-items:center;justify-content:space-between;color:", ";border-radius:", ";font-family:", ";", " padding:", ";border:1px solid ", ";background-color:", ";.Icon{align-self:flex-start;margin-top:3px;margin-right:", ";min-width:16px;color:", ";}a,button{font-weight:", ";color:", ";font-size:inherit;&:hover{color:", ";text-decoration:underline;}}> span:not(.Icon){display:block;}", " ", ""], props.theme.colors.text.body, props.theme.radii.outer, props.theme.fontFamily, props.theme.typography[200], props.theme.space[300], props.theme.colors.container.border[props.type], props.theme.colors.container.background[props.type], props.theme.space[400], props.theme.colors.icon[props.type], props.theme.fontWeights.semibold, props.theme.colors.text.body, props.theme.colors.text.body, COMMON, LAYOUT);
 });

package/lib/Box/Box.flow.js

@@ -0,0 +1 @@
+import * as React from 'react';

package/lib/Box/Box.js

@@ -0,0 +1,20 @@
+var _excluded = ["color"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import * as React from 'react';
+import Container from "./styles";
+var Box = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var color = _ref.color,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Container, _extends({}, props, {
+    ref: ref
+    // TODO: fix this type since `color` should be valid here. TS can't resolve the correct type.
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    ,
+    color: color
+  }));
+});
+Box.displayName = 'Box';
+export default Box;

package/lib/Box/BoxTypes.js

@@ -0,0 +1 @@
+export {};

package/lib/Box/index.flow.js

@@ -1,2 +1 @@
-import * as React from 'react';
-import Container from "./styles";
+export * from "./Box.flow";

package/lib/Box/index.js

@@ -1,10 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import * as React from 'react';
-import Container from "./styles";
-var Box = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(Container, _extends({}, props, {
-    ref: ref
-  }));
-});
-Box.displayName = 'Box';
-export default Box;
+import Box from "./Box";
+export default Box;
+export { Box };
+export * from "./BoxTypes";

package/lib/Box/styles.js

@@ -2,7 +2,7 @@ import styled from 'styled-components';
 import { COMMON, BORDER, LAYOUT, POSITION, FLEXBOX, GRID } from "../utils/system-props";
 var Container = styled.div.withConfig({
   displayName: "styles__Container",
-  componentId: "sc-ma8yo6-0"
+  componentId: "sc-zz2x1k-0"
 })(["box-sizing:border-box;font-family:", ";", " ", " ", " ", " ", " ", ""], function (_ref) {
   var theme = _ref.theme;
   return theme.fontFamily;

package/lib/Breadcrumb/Breadcrumb.flow.js

@@ -0,0 +1 @@
+import * as React from 'react';

package/lib/Breadcrumb/Breadcrumb.js

@@ -0,0 +1,54 @@
+var _excluded = ["children", "href"],
+  _excluded2 = ["ariaLabel", "overflow", "children"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import * as React from 'react';
+import Icon from "../Icon";
+import Link from "../Link";
+import { MenuButton } from "../Menu";
+import Nav from "./styles";
+var BreadcrumbItem = function BreadcrumbItem(_ref) {
+  var children = _ref.children,
+    href = _ref.href,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Link, _extends({
+    href: href
+  }, rest), children));
+};
+var Breadcrumb = function Breadcrumb(_ref2) {
+  var ariaLabel = _ref2.ariaLabel,
+    overflow = _ref2.overflow,
+    children = _ref2.children,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
+  var listItems = React.Children.toArray(children);
+  var lastItem = listItems[listItems.length - 1];
+  return /*#__PURE__*/React.createElement(Nav, _extends({
+    "aria-label": ariaLabel,
+    "data-qa-breadcrumb": ariaLabel
+  }, rest), /*#__PURE__*/React.createElement("ol", null, overflow && /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(MenuButton, {
+    appearance: "secondary",
+    content: overflow.menu,
+    "aria-label": overflow.label,
+    className: "overflow--menu",
+    px: 200,
+    py: 0
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "dotdotdot"
+  }))), listItems.map(function (item, i) {
+    // @ts-notes - item is a childNode which can be a string or number but `cloneElement` requires props
+    var itemElem = _typeof(item) === 'object' && 'props' in item ? item : /*#__PURE__*/React.createElement("span", null, "item");
+    return /*#__PURE__*/React.cloneElement(itemElem, _objectSpread(_objectSpread({}, itemElem.props), {}, {
+      'aria-current': listItems[i] === lastItem ? 'page' : undefined
+    }));
+  })));
+};
+BreadcrumbItem.displayName = 'Breadcrumb.Item';
+Breadcrumb.Item = BreadcrumbItem;
+export default Breadcrumb;

package/lib/Breadcrumb/BreadcrumbTypes.js

@@ -0,0 +1 @@
+export {};

package/lib/Breadcrumb/index.flow.js

@@ -1,2 +1 @@
-import * as React from 'react';
-import Link from "../Link";
+export * from "./Breadcrumb.flow";

package/lib/Breadcrumb/index.js

@@ -1,56 +1,4 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["children", "href"],
-  _excluded2 = ["ariaLabel", "overflow", "children"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import * as React from 'react';
-import Icon from "../Icon";
-import Link from "../Link";
-import { MenuButton } from "../Menu";
-import Nav from "./styles";
-var BreadcrumbItem = function BreadcrumbItem(_ref) {
-  var children = _ref.children,
-    href = _ref.href,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Link, _extends({
-    href: href
-  }, rest), children));
-};
-var Breadcrumb = function Breadcrumb(_ref2) {
-  var ariaLabel = _ref2.ariaLabel,
-    overflow = _ref2.overflow,
-    children = _ref2.children,
-    rest = _objectWithoutProperties(_ref2, _excluded2);
-  var listItems = React.Children.toArray(children);
-  var lastItem = listItems[listItems.length - 1];
-  return (
-    /*#__PURE__*/
-    // $FlowIssue - upgrade v0.112.0
-    React.createElement(Nav, _extends({
-      "aria-label": ariaLabel,
-      "data-qa-breadcrumb": ariaLabel
-    }, rest), /*#__PURE__*/React.createElement("ol", null, overflow && /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(MenuButton, {
-      appearance: "secondary",
-      content: overflow.menu,
-      "aria-label": overflow.label,
-      className: "overflow--menu",
-      px: 200,
-      py: 0
-    }, /*#__PURE__*/React.createElement(Icon, {
-      name: "dotdotdot"
-    }))), listItems.map(function (item, i) {
-      return /*#__PURE__*/React.cloneElement(item, _objectSpread(_objectSpread({}, item.props), {}, {
-        'aria-current': listItems[i] === lastItem ? 'page' : undefined
-      }));
-    })))
-  );
-};
-Breadcrumb.Item = BreadcrumbItem;
-Breadcrumb.Item.displayName = 'Breadcrumb.Item';
-export default Breadcrumb;
+import Breadcrumb from "./Breadcrumb";
+export default Breadcrumb;
+export { Breadcrumb };
+export * from "./BreadcrumbTypes";

package/lib/Breadcrumb/styles.js

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 var Nav = styled.nav.withConfig({
   displayName: "styles__Nav",
-  componentId: "sc-1ub1apc-0"
+  componentId: "sc-1d7ypr1-0"
 })(["ol{", ";margin:0;font-family:", ";padding:0;display:flex;}li{margin-right:", ";display:flex;}a,button{", ";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:", ";}li:last-child a,li:last-child button{color:", ";font-weight:bold;}li:not(:last-child)::after{content:'/';color:", ";margin-left:", ";}"], function (props) {
   return props.theme.typography[200];
 }, function (props) {

package/lib/Button/Button.flow.js

@@ -0,0 +1 @@
+import * as React from 'react';

package/lib/Button/Button.js

@@ -0,0 +1,50 @@
+var _excluded = ["href", "appearance", "active", "disabled", "external", "children", "size", "innerRef", "onClick", "title", "qa", "as", "ariaLabel"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+import Container from "./styles";
+var Button = function Button(_ref) {
+  var href = _ref.href,
+    _ref$appearance = _ref.appearance,
+    appearance = _ref$appearance === void 0 ? 'unstyled' : _ref$appearance,
+    _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    disabled = _ref.disabled,
+    external = _ref.external,
+    children = _ref.children,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'default' : _ref$size,
+    innerRef = _ref.innerRef,
+    onClick = _ref.onClick,
+    title = _ref.title,
+    _ref$qa = _ref.qa,
+    qa = _ref$qa === void 0 ? {} : _ref$qa,
+    as = _ref.as,
+    ariaLabel = _ref.ariaLabel,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  if (!href && external) {
+    // eslint-disable-next-line no-console
+    console.warn('Warning: external prop cannot be set without a href declaration');
+  }
+  return /*#__PURE__*/React.createElement(Container, _extends({
+    title: title,
+    active: active,
+    href: href,
+    target: external ? '_blank' : undefined,
+    rel: external ? 'noopener noreferrer' : undefined,
+    as: as || (href ? 'a' : 'button'),
+    type: href ? undefined : 'button',
+    "aria-disabled": disabled ? disabled : undefined,
+    disabled: disabled,
+    buttonSize: size,
+    appearance: appearance || 'unstyled',
+    ref: innerRef,
+    onClick: onClick,
+    "data-qa-button": title || '',
+    "data-qa-button-isdisabled": disabled === true,
+    "aria-label": ariaLabel
+  }, qa, rest), children);
+};
+Button.displayName = 'Button';
+export default Button;

package/lib/Button/ButtonTypes.js

@@ -0,0 +1 @@
+export {};

package/lib/Button/index.flow.js

@@ -1 +1 @@
-import * as React from 'react';
+export * from "./Button.flow";

package/lib/Button/index.js

@@ -1,49 +1,4 @@
-var _excluded = ["href", "appearance", "active", "disabled", "external", "children", "size", "innerRef", "onClick", "title", "qa", "as", "ariaLabel"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import * as React from 'react';
-import Container from "./styles";
-var Button = function Button(_ref) {
-  var href = _ref.href,
-    _ref$appearance = _ref.appearance,
-    appearance = _ref$appearance === void 0 ? 'unstyled' : _ref$appearance,
-    _ref$active = _ref.active,
-    active = _ref$active === void 0 ? false : _ref$active,
-    disabled = _ref.disabled,
-    external = _ref.external,
-    children = _ref.children,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'default' : _ref$size,
-    innerRef = _ref.innerRef,
-    onClick = _ref.onClick,
-    title = _ref.title,
-    _ref$qa = _ref.qa,
-    qa = _ref$qa === void 0 ? {} : _ref$qa,
-    as = _ref.as,
-    ariaLabel = _ref.ariaLabel,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  if (!href && external) {
-    console.warn('Warning: external prop cannot be set without a href declaration');
-  }
-  return /*#__PURE__*/React.createElement(Container, _extends({
-    title: title,
-    active: active,
-    href: href,
-    target: external ? '_blank' : undefined,
-    rel: external ? 'noopener noreferrer' : undefined,
-    as: as || (href ? 'a' : 'button'),
-    type: href ? undefined : 'button',
-    "aria-disabled": disabled ? disabled : undefined,
-    disabled: disabled,
-    buttonSize: size,
-    appearance: appearance || 'unstyled',
-    ref: innerRef,
-    onClick: onClick,
-    "data-qa-button": title || '',
-    "data-qa-button-isdisabled": disabled === true,
-    "aria-label": ariaLabel
-  }, qa, rest), children);
-};
-Button.displayName = 'Button';
-export default Button;
+import Button from "./Button";
+export default Button;
+export { Button };
+export * from "./ButtonTypes";