@sproutsocial/racine 25.11.0 → 26.1.0

package/lib/SegmentedControl/SegmentedControl.js

@@ -1,97 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["value", "children", "disabled"],
-  _excluded2 = ["selectedValue", "label", "onChange", "children"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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 { useState, useContext } from "react";
-import Box from "../Box";
-import { SegmentedControlContainer, SegmentedControlItemContainer, SegmentedControlLabel } from "./styles";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var nameCounter = 0;
-var idCounter = 0;
-var SegmentedControlContext = /*#__PURE__*/React.createContext(null);
-var SegmentedControlItem = function SegmentedControlItem(_ref) {
-  var value = _ref.value,
-    children = _ref.children,
-    disabled = _ref.disabled,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var context = useContext(SegmentedControlContext);
-  if (!context) {
-    return null;
-  }
-  var name = context.name,
-    selectedValue = context.selectedValue,
-    onChange = context.onChange;
-
-  /* eslint-disable-next-line */
-  var _useState = useState("".concat(name, "-").concat(idCounter++)),
-    _useState2 = _slicedToArray(_useState, 1),
-    id = _useState2[0];
-  var isChecked = value === selectedValue;
-  return /*#__PURE__*/_jsxs(SegmentedControlItemContainer, _objectSpread(_objectSpread({
-    "data-segmentedcontrol-isactive": isChecked,
-    "data-qa-segmentedcontrol-item": value,
-    "data-qa-segmentedcontrol-ischecked": isChecked === true,
-    disabled: disabled
-  }, rest), {}, {
-    children: [/*#__PURE__*/_jsx("input", {
-      type: "radio",
-      id: id,
-      name: name,
-      value: value,
-      checked: isChecked,
-      onChange: onChange,
-      disabled: disabled
-    }), /*#__PURE__*/_jsx(SegmentedControlLabel, {
-      as: "label",
-      htmlFor: id,
-      isActive: isChecked,
-      children: children
-    })]
-  }));
-};
-var SegmentedControl = function SegmentedControl(_ref2) {
-  var selectedValue = _ref2.selectedValue,
-    label = _ref2.label,
-    onChange = _ref2.onChange,
-    children = _ref2.children,
-    rest = _objectWithoutProperties(_ref2, _excluded2);
-  var _useState3 = useState("Racine-segmented-control-".concat(nameCounter++)),
-    _useState4 = _slicedToArray(_useState3, 1),
-    name = _useState4[0];
-  return /*#__PURE__*/_jsx(SegmentedControlContext.Provider, {
-    value: {
-      name: name,
-      selectedValue: selectedValue,
-      onChange: onChange
-    },
-    children: /*#__PURE__*/_jsxs(SegmentedControlContainer, _objectSpread(_objectSpread({
-      forwardedAs: "fieldset",
-      "data-qa-segmentedcontrol": label,
-      "data-qa-segmentedcontrol-value": selectedValue
-    }, rest), {}, {
-      children: [/*#__PURE__*/_jsx("legend", {
-        children: label
-      }), /*#__PURE__*/_jsx(Box, {
-        display: "flex",
-        children: children
-      })]
-    }))
-  });
-};
-SegmentedControlItem.displayName = "SegmentedControl.Item";
-SegmentedControl.Item = SegmentedControlItem;
-export default SegmentedControl;

package/lib/SegmentedControl/SegmentedControlTypes.js

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

package/lib/SegmentedControl/index.js

@@ -1,4 +0,0 @@
-import SegmentedControl from "./SegmentedControl";
-export default SegmentedControl;
-export { SegmentedControl };
-export * from "./SegmentedControlTypes";

package/lib/SegmentedControl/styles.js

@@ -1,50 +0,0 @@
-import styled, { css } from "styled-components";
-import { visuallyHidden, focusRing, disabled } from "@sproutsocial/seeds-react-mixins";
-import Box from "../Box";
-import Text from "../Text";
-export var SegmentedControlContainer = styled(Box).withConfig({
-  displayName: "styles__SegmentedControlContainer",
-  componentId: "sc-kx0lgh-0"
-})(["border:1px solid ", ";border-radius:", ";padding:", ";legend{", "}", ""], function (props) {
-  return props.theme.colors.button.secondary.border.base;
-}, function (props) {
-  return props.theme.radii.outer;
-}, function (props) {
-  return props.theme.space[100];
-}, visuallyHidden, function (props) {
-  return props.disabled && disabled;
-});
-export var SegmentedControlItemContainer = styled(Box).withConfig({
-  displayName: "styles__SegmentedControlItemContainer",
-  componentId: "sc-kx0lgh-1"
-})(["flex:1 1 auto;display:flex;cursor:pointer;& + &{margin-left:", ";}&:focus-within label{", "}input{", "}", ""], function (props) {
-  return props.theme.space[100];
-}, focusRing, visuallyHidden, function (props) {
-  return props.disabled && disabled;
-});
-export var SegmentedControlLabel = styled(Text).withConfig({
-  displayName: "styles__SegmentedControlLabel",
-  componentId: "sc-kx0lgh-2"
-})(["flex:1 1 auto;display:flex;align-items:center;justify-content:center;text-align:center;color:", ";cursor:pointer;font-size:", ";line-height:16px;font-weight:", ";border-radius:", ";padding:calc(", " - 6px);transition:all ", ";&:hover{background-color:", ";}", ""], function (props) {
-  return props.theme.colors.text.body;
-}, function (props) {
-  return props.theme.typography[200].fontSize;
-}, function (props) {
-  return props.theme.fontWeights.semibold;
-}, function (props) {
-  return props.theme.radii.inner;
-}, function (props) {
-  return props.theme.space[350];
-}, function (props) {
-  return props.theme.duration.fast;
-}, function (props) {
-  return props.theme.colors.listItem.background.hover;
-}, function (props) {
-  return props.isActive && css(["color:", ";background-color:", ";&:hover{background-color:", ";}"], function (props) {
-    return props.theme.colors.text.inverse;
-  }, function (props) {
-    return props.theme.colors.listItem.background.selected;
-  }, function (props) {
-    return props.theme.colors.listItem.background.selected;
-  });
-});

package/lib/Select/Select.js

@@ -1,103 +0,0 @@
-var _excluded = ["id", "name", "children", "defaultValue", "value", "required", "isInvalid", "onChange", "autoFocus", "disabled", "ariaLabel", "ariaDescribedby", "size", "qa", "inputProps"];
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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; }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import * as React from "react";
-import Icon from "../Icon";
-import Container, { Arrow } from "./styles";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var Select = /*#__PURE__*/function (_React$Component) {
-  _inherits(Select, _React$Component);
-  function Select() {
-    var _this;
-    _classCallCheck(this, Select);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, Select, [].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "handleChange", function (e) {
-      var onChange = _this.props.onChange;
-      if (onChange) {
-        onChange(e);
-      }
-    });
-    return _this;
-  }
-  _createClass(Select, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        id = _this$props.id,
-        name = _this$props.name,
-        children = _this$props.children,
-        defaultValue = _this$props.defaultValue,
-        value = _this$props.value,
-        required = _this$props.required,
-        isInvalid = _this$props.isInvalid,
-        onChange = _this$props.onChange,
-        autoFocus = _this$props.autoFocus,
-        disabled = _this$props.disabled,
-        ariaLabel = _this$props.ariaLabel,
-        ariaDescribedby = _this$props.ariaDescribedby,
-        size = _this$props.size,
-        _this$props$qa = _this$props.qa,
-        qa = _this$props$qa === void 0 ? {} : _this$props$qa,
-        _this$props$inputProp = _this$props.inputProps,
-        inputProps = _this$props$inputProp === void 0 ? {} : _this$props$inputProp,
-        rest = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/_jsxs(Container, _objectSpread(_objectSpread({
-        invalid: isInvalid,
-        disabled: disabled,
-        size: size
-      }, rest), {}, {
-        children: [/*#__PURE__*/_jsx("select", _objectSpread(_objectSpread(_objectSpread({
-          id: id,
-          name: name,
-          "aria-label": ariaLabel,
-          "aria-describedby": ariaDescribedby,
-          defaultValue: defaultValue,
-          value: value,
-          required: required,
-          autoFocus: autoFocus,
-          disabled: disabled,
-          onChange: this.handleChange,
-          "data-qa-select": name || "",
-          "data-qa-select-value": value || "unselected",
-          "data-qa-select-isrequired": required === true,
-          "data-qa-select-isdisabled": disabled === true
-        }, qa), inputProps), {}, {
-          children: children
-        })), /*#__PURE__*/_jsx(Arrow, {
-          size: size,
-          children: /*#__PURE__*/_jsx(Icon, {
-            name: "chevron-down-outline",
-            fixedWidth: true,
-            size: this.props.size === "small" ? "small" : "medium",
-            "aria-hidden": true
-          })
-        })]
-      }));
-    }
-  }]);
-  return Select;
-}(React.Component);
-_defineProperty(Select, "defaultProps", {
-  size: "default"
-});
-export { Select as default };

package/lib/Select/SelectTypes.js

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

package/lib/Select/index.js

@@ -1,4 +0,0 @@
-import Select from "./Select";
-export default Select;
-export { Select };
-export * from "./SelectTypes";

package/lib/Select/styles.js

@@ -1,85 +0,0 @@
-import styled, { css } from "styled-components";
-import { focusRing } from "@sproutsocial/seeds-react-mixins";
-import { COMMON } from "@sproutsocial/seeds-react-system-props";
-var Container = styled.div.withConfig({
-  displayName: "styles__Container",
-  componentId: "sc-egruk2-0"
-})(["position:relative;box-sizing:border-box;select{box-sizing:border-box;width:100%;border:1px solid ", ";border-radius:", ";background-color:", ";color:", ";cursor:", ";outline:none;appearance:none;transition:border-color ", " ", ",box-shadow ", " ", ";font-family:", ";font-weight:", ";margin:0;visibility:visible;padding:", ";font-size:", ";line-height:", ";&::-ms-expand{display:none;}&:focus{", "}&:not(output):not(:focus):-moz-ui-invalid{box-shadow:none;}}", " ", " ", ""], function (props) {
-  return props.theme.colors.form.border.base;
-}, function (props) {
-  return props.theme.radii[500];
-}, function (props) {
-  return props.theme.colors.form.background.base;
-}, function (props) {
-  return props.theme.colors.text.body;
-}, function (props) {
-  return props.disabled ? "not-allowed" : "pointer";
-}, function (props) {
-  return props.theme.duration.fast;
-}, function (props) {
-  return props.theme.easing.ease_in;
-}, function (props) {
-  return props.theme.duration.fast;
-}, function (props) {
-  return props.theme.easing.ease_in;
-}, function (props) {
-  return props.theme.fontFamily;
-}, function (props) {
-  return props.theme.fontWeights.normal;
-}, function (props) {
-  switch (props.size) {
-    case "large":
-      return "".concat(props.theme.space[350], " ").concat(props.theme.space[600], " ").concat(props.theme.space[350], " ").concat(props.theme.space[400]);
-    case "small":
-      return "".concat(props.theme.space[200], " ").concat(props.theme.space[500], " ").concat(props.theme.space[200], " ").concat(props.theme.space[200]);
-    case "default":
-    default:
-      return "".concat(props.theme.space[300], " ").concat(props.theme.space[500], " ").concat(props.theme.space[300], " ").concat(props.theme.space[300]);
-  }
-}, function (props) {
-  switch (props.size) {
-    case "large":
-      return props.theme.typography[300].fontSize;
-    case "small":
-    case "default":
-    default:
-      return props.theme.typography[200].fontSize;
-  }
-}, function (props) {
-  switch (props.size) {
-    case "large":
-      return props.theme.typography[300].lineHeight;
-
-    /* hardcoded to 'normal' so the large change doesn't impact small/default */
-    case "small":
-    case "default":
-    default:
-      return "normal";
-  }
-}, focusRing, function (props) {
-  return props.disabled && css(["opacity:0.4;"]);
-}, function (props) {
-  return props.invalid && css(["select{border-color:", ";}", "{color:", ";}"], function (props) {
-    return props.theme.colors.form.border.error;
-  }, Arrow, function (props) {
-    return props.theme.colors.icon.error;
-  });
-}, COMMON);
-export var Arrow = styled.span.withConfig({
-  displayName: "styles__Arrow",
-  componentId: "sc-egruk2-1"
-})(["position:absolute;top:50%;right:", ";transform:translateY(-50%);color:", ";pointer-events:none;"], function (props) {
-  switch (props.size) {
-    case "large":
-      return props.theme.space[350];
-    case "small":
-    case "default":
-    default:
-      return props.theme.space[300];
-  }
-}, function (props) {
-  return props.theme.colors.icon.base;
-});
-Container.displayName = "SelectContainer";
-Arrow.displayName = "Select Arrow";
-export default Container;

package/lib/Skeleton/Skeleton.js

@@ -1,37 +0,0 @@
-import styled from "styled-components";
-import Box from "../Box";
-
-/**
- *
- * @param borderRadius
- * @returns classname string for handling appropriate loader style depending on passed in properties
- */
-var SkeletonAttrs = function SkeletonAttrs(_ref) {
-  var borderRadius = _ref.borderRadius,
-    height = _ref.height,
-    width = _ref.width;
-  return {
-    className: borderRadius === "pill" && height === width ? "circular" : "linear"
-  };
-};
-var Skeleton = styled(Box).attrs(SkeletonAttrs).withConfig({
-  displayName: "Skeleton",
-  componentId: "sc-s6hpnd-0"
-})(["position:relative;background:", ";overflow:hidden;&.circular{&:before{position:absolute;top:-25%;left:-25%;content:'';background-image:", ";height:150%;width:150%;animation:SkeletonRotate 2s infinite linear;}&:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:'';height:calc(100% - 8px);width:calc(100% - 8px);background:", ";border-radius:50%;}}&.linear{position:relative;background-image:", " background-size:400%;background-repeat:no-repeat;animation:SkeletonShimmer 2s linear infinite reverse;overflow:hidden;&:after{position:absolute;bottom:0;content:\"\";height:calc(100% - 4px);width:100%;background:", ";}}@media (prefers-reduced-motion){&.linear,&.circular::before{animation:none;}&:before,&:after{display:none;}&.linear,&.circular{border:1px solid ", ";animation:SkeletonPulse 2s linear infinite alternate;}}@keyframes SkeletonRotate{100%{transform:rotate(360deg);}}@keyframes SkeletonRotateFade{50%{transform:rotate(360deg);}90%{opacity:1;}100%{transform:rotate(720deg);opacity:0;}}@keyframes SkeletonShimmer{0%{background-position:0% 0;}100%{background-position:100% 0;}}@keyframes SkeletonPulse{0%{border-color:", "FF;}100%{border-color:", "1A;}}"], function (props) {
-  return props.theme.colors.container.background.decorative.neutral;
-}, function (props) {
-  return "conic-gradient(\n      ".concat(props.theme.colors.container.background.decorative.neutral, " 270deg,\n      ").concat(props.theme.colors.container.border.decorative.neutral, " 300deg\n    );");
-}, function (p) {
-  return p.theme.colors.app.background.base;
-}, function (props) {
-  return "linear-gradient(\n      288deg,\n      ".concat(props.theme.colors.container.background.decorative.neutral, " 32%,\n      ").concat(props.theme.colors.container.border.decorative.neutral, ",\n      ").concat(props.theme.colors.container.background.decorative.neutral, " 68%\n    );");
-}, function (props) {
-  return props.theme.colors.container.background.decorative.neutral;
-}, function (props) {
-  return props.theme.colors.container.border.decorative.neutral;
-}, function (props) {
-  return props.theme.colors.container.border.decorative.neutral;
-}, function (props) {
-  return props.theme.colors.container.border.decorative.neutral;
-});
-export default Skeleton;

package/lib/Skeleton/index.js

@@ -1,3 +0,0 @@
-import Skeleton from "./Skeleton";
-export default Skeleton;
-export { Skeleton };

package/lib/SpotIllustration/SpotIllustration.js

@@ -1,48 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["name", "customFill", "height", "width"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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 styled from "styled-components";
-// eslint-disable-next-line no-restricted-syntax
-
-import { ViewBoxes } from "@sproutsocial/seeds-illustrations";
-import { jsx as _jsx } from "react/jsx-runtime";
-var StyledSVG = styled.svg.withConfig({
-  displayName: "SpotIllustration__StyledSVG",
-  componentId: "sc-1j3815-0"
-})(["fill:", ";color:", ";"], function (p) {
-  return p.customFill ? p.theme.colors[p.customFill][400] : p.theme.colors.illustration.fill;
-}, function (p) {
-  return p.theme.colors.illustration.stroke;
-});
-var SpotIllustration = function SpotIllustration(_ref) {
-  var name = _ref.name,
-    customFill = _ref.customFill,
-    height = _ref.height,
-    width = _ref.width,
-    svgProps = _objectWithoutProperties(_ref, _excluded);
-  var viewBox = ViewBoxes[name];
-  var viewBoxCoordinates = (viewBox === null || viewBox === void 0 ? void 0 : viewBox.split(" ")) || [];
-  var defaultWidth = viewBoxCoordinates[2];
-  var defaultHeight = viewBoxCoordinates[3];
-  return /*#__PURE__*/_jsx(StyledSVG, _objectSpread(_objectSpread({
-    role: "img",
-    width: width ? width : defaultWidth,
-    height: height ? height : defaultHeight,
-    viewBox: viewBox,
-    focusable: false,
-    customFill: customFill
-  }, svgProps), {}, {
-    children: /*#__PURE__*/_jsx("use", {
-      xmlnsXlink: "http://www.w3.org/1999/xlink",
-      xlinkHref: "#seeds-svgs_".concat(name)
-    })
-  }));
-};
-export default SpotIllustration;

package/lib/SpotIllustration/SpotIllustrationTypes.js

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

package/lib/SpotIllustration/illustrationNames.js

@@ -1 +0,0 @@
-export var illustrationNames = Object.freeze(["abacus", "analytics-offering", "asset-cards", "astronaut", "binoculars", "brand-keyword", "browser-doc", "business", "calendar-event", "calendar-reporting", "cat-error", "cat-no-access", "cat", "checkbox-alert", "coffee-cup", "competitors", "compose-window", "compose", "computer-error", "connect", "contact", "conversation", "custom-branding", "custom-post-variables", "customer-service", "dashboard", "exclamation-mark", "face-happy", "find-bookmark", "flask", "general-topic", "global-features", "global-trend", "grow-large", "grow", "hands-raised", "headset", "heartbeat-connection", "instagram-links", "invoice", "jewel", "keyword-tracking", "lightbulb-alt", "lightbulb", "like-conversation", "link-broken", "link-messages", "link-sections", "link-upload", "listening-pendo", "listening-sentiment", "listening-topic-templates", "listening-tour", "listening", "loading", "mailbox-empty", "mailbox-full", "megaphone", "message", "molecule", "network-data", "no-messages-found", "no-notifications", "note", "notification", "notifications-onboarding", "notifications", "organize-message", "outbox-queue", "outbox-reviews", "pdf", "planning", "podium", "pointer", "profile-groups", "publish-assets", "publish-links", "publishing-notifications", "publishing", "puzzle-piece", "question-mark", "reporting-folder", "reporting", "review-location", "review", "robot-assembly", "robot-error", "robot-happy", "rocket", "schedule-date", "schedule-messages", "search-keywords", "search-success", "search-trends", "search", "security", "sentiment", "shopping-bag", "spark-line", "sprout-mobile-app", "stamp", "storefront", "success", "tag-message", "tag", "team-roles", "team", "telescope", "tha-mel", "thumbs-up", "toggle-switch", "toolset-strength", "tracking-time", "twitter-messages", "twitter-profiles", "under-construction", "unsubscribe", "upward-trend", "user-task", "user-team", "variable-table", "view-connections", "vip-list", "warning", "wifi", "workflow-steps"]);

package/lib/SpotIllustration/index.js

@@ -1,4 +0,0 @@
-import SpotIllustration from "./SpotIllustration";
-export default SpotIllustration;
-export { SpotIllustration };
-export * from "./SpotIllustrationTypes";

package/lib/Stack/Stack.js

@@ -1,109 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["children", "space", "align", "direction"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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 { Children } from "react";
-import { normalizeResponsiveProp } from "../utils/responsiveProps";
-import Box from "../Box";
-import { createElement as _createElement } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-var stackStyles = {
-  horizontal: {
-    left: {
-      alignItems: "center"
-    },
-    center: {
-      alignItems: "center",
-      justifyContent: "center"
-    },
-    right: {
-      alignItems: "center",
-      justifyContent: "flex-end"
-    },
-    stretch: {
-      alignItems: "center"
-    }
-  },
-  vertical: {
-    left: {
-      flexDirection: "column",
-      alignItems: "flex-start"
-    },
-    center: {
-      flexDirection: "column",
-      alignItems: "center"
-    },
-    right: {
-      flexDirection: "column",
-      alignItems: "flex-end"
-    },
-    stretch: {
-      flexDirection: "column",
-      alignItems: "stretch"
-    }
-  }
-};
-var Stack = function Stack(_ref) {
-  var children = _ref.children,
-    _ref$space = _ref.space,
-    space = _ref$space === void 0 ? 300 : _ref$space,
-    _ref$align = _ref.align,
-    align = _ref$align === void 0 ? "left" : _ref$align,
-    _ref$direction = _ref.direction,
-    direction = _ref$direction === void 0 ? "vertical" : _ref$direction,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var stackItems = Children.toArray(children);
-  var responsiveAlignment = normalizeResponsiveProp(align);
-  var responsiveDirection = normalizeResponsiveProp(direction);
-  var responsiveSpace = normalizeResponsiveProp(space);
-  var initialValue = ["initial", "initial", "initial", "initial", "initial"];
-
-  // TODO: rely on styled system to solve this during the refactor
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  var styleProps = {
-    alignItems: [].concat(initialValue),
-    flexDirection: [].concat(initialValue),
-    justifyContent: [].concat(initialValue)
-  };
-  var childFlexBasis = [].concat(initialValue);
-  var childMarginProps = {
-    marginLeft: [].concat(initialValue),
-    marginTop: [].concat(initialValue)
-  };
-  initialValue.forEach(function (_, i) {
-    var currentDirection = responsiveDirection[i];
-    var currentAlignment = responsiveAlignment[i];
-    var currentSpace = responsiveSpace[i];
-    if (currentDirection && currentAlignment) {
-      var styles = stackStyles[currentDirection][currentAlignment];
-      Object.keys(styleProps).forEach(function (key) {
-        styleProps[key][i] = styles[key] || "initial";
-      });
-    }
-    var flexBasis = currentAlignment === "stretch" && currentDirection === "horizontal" ? "100%" : null;
-    childFlexBasis[i] = flexBasis;
-    var margin = currentDirection === "horizontal" ? "marginLeft" : "marginTop";
-    var opposite = currentDirection === "horizontal" ? "marginTop" : "marginLeft";
-    childMarginProps[margin][i] = currentSpace;
-    // styled system can pass numbers that map to theme values and TS doesn't like it
-    childMarginProps[opposite][i] = 0;
-  });
-  return /*#__PURE__*/_jsx(Box, _objectSpread(_objectSpread(_objectSpread({
-    display: "flex"
-  }, styleProps), rest), {}, {
-    children: stackItems.map(function (item, i) {
-      return /*#__PURE__*/_createElement(Box, _objectSpread(_objectSpread({
-        flexBasis: childFlexBasis
-      }, i !== 0 ? childMarginProps : {}), {}, {
-        key: i
-      }), item);
-    })
-  }));
-};
-export default Stack;

package/lib/Stack/StackTypes.js

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

package/lib/Stack/index.js

@@ -1,4 +0,0 @@
-import Stack from "./Stack";
-export default Stack;
-export { Stack };
-export * from "./StackTypes";

package/lib/StatefulStory.js

@@ -1,33 +0,0 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useState } from "react";
-
-/**
- * Props for the StatefulStory component.
- *
- * This type automatically detects the type of the `initialState` prop and passes it to the `children` when rendered.
- */
-
-/**
- * A wrapper component that allows you to pass in an initial state.
- *
- * This is useful for adding state inline for stories. Story functions are not intepretted as React components,
- * so you can't use hooks in them. This component allows you to useState in a story without having to create a
- * custom component for every story.
- */
-export function StatefulStory(_ref) {
-  var children = _ref.children,
-    initialState = _ref.initialState;
-  var _useState = useState(initialState),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  return children({
-    state: state,
-    setState: setState
-  });
-}