@sproutsocial/racine 12.24.0 → 13.1.1

package/commonjs/index.js

@@ -5,78 +5,80 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  visuallyHidden: true,
-  focusRing: true,
-  disabled: true,
-  useSelect: true,
-  useMultiselect: true,
-  useTextContent: true,
-  useInteractiveColor: true,
   theme: true,
   darkTheme: true,
   sproutLightTheme: true,
   sproutDarkTheme: true,
-  Icon: true,
-  Alert: true,
-  Banner: true,
+  ThemeProvider: true,
+  useSelect: true,
+  useMultiselect: true,
+  useTextContent: true,
+  visuallyHidden: true,
+  focusRing: true,
+  disabled: true,
+  useInteractiveColor: true,
+  Avatar: true,
   Badge: true,
-  Indicator: true,
+  Banner: true,
+  Alert: true,
+  Box: true,
+  Breadcrumb: true,
+  Button: true,
   Card: true,
   CharacterCounter: true,
+  ChartLegend: true,
   Checkbox: true,
-  Radio: true,
-  Textarea: true,
-  ToggleHint: true,
-  Loader: true,
-  Text: true,
+  Collapsible: true,
+  DateRangePicker: true,
+  SingleDatePicker: true,
+  Drawer: true,
+  EmptyState: true,
+  Fieldset: true,
+  FormField: true,
+  Icon: true,
   Image: true,
+  Indicator: true,
+  Input: true,
   KeyboardKey: true,
-  ChartLegend: true,
-  Table: true,
-  TableCell: true,
-  TableHeaderCell: true,
-  TableRowAccordion: true,
-  Box: true,
   Label: true,
-  Input: true,
-  Select: true,
-  Button: true,
   Link: true,
-  Switch: true,
-  Token: true,
-  TokenInput: true,
-  Tabs: true,
-  Modal: true,
-  Popout: true,
-  ThemeProvider: true,
-  Tooltip: true,
-  Drawer: true,
+  Listbox: true,
+  ListboxButton: true,
+  Loader: true,
   LoaderButton: true,
-  Numeral: true,
-  Collapsible: true,
-  SegmentedControl: true,
-  EmptyState: true,
-  FormField: true,
-  Fieldset: true,
-  Message: true,
-  Stack: true,
-  Avatar: true,
-  Breadcrumb: true,
-  Skeleton: true,
-  ToastContainer: true,
-  toast: true,
   Menu: true,
   MenuButton: true,
   MenuButtonContext: true,
   MenuItemContainer: true,
-  Listbox: true,
-  ListboxButton: true,
+  Message: true,
+  Modal: true,
+  Numeral: true,
   OverflowList: true,
-  SingleDatePicker: true,
-  DateRangePicker: true,
-  VisuallyHidden: true,
   PartnerLogo: true,
-  SpotIllustration: true
+  Popout: true,
+  Radio: true,
+  SegmentedControl: true,
+  Select: true,
+  Skeleton: true,
+  SpotIllustration: true,
+  Stack: true,
+  Switch: true,
+  Table: true,
+  TableCell: true,
+  TableHeaderCell: true,
+  TableRowAccordion: true,
+  Tabs: true,
+  Text: true,
+  Textarea: true,
+  ToastContainer: true,
+  toast: true,
+  ToggleHint: true,
+  Token: true,
+  TokenInput: true,
+  Tooltip: true,
+  VisuallyHidden: true,
+  legacyBadgeColors: true,
+  DataVizRotation: true
 };
 Object.defineProperty(exports, "Alert", {
   enumerable: true,
@@ -150,6 +152,12 @@ Object.defineProperty(exports, "Collapsible", {
     return _Collapsible.default;
   }
 });
+Object.defineProperty(exports, "DataVizRotation", {
+  enumerable: true,
+  get: function get() {
+    return _dataviz.DataVizRotation;
+  }
+});
 Object.defineProperty(exports, "DateRangePicker", {
   enumerable: true,
   get: function get() {
@@ -456,6 +464,12 @@ Object.defineProperty(exports, "focusRing", {
     return _mixins.focusRing;
   }
 });
+Object.defineProperty(exports, "legacyBadgeColors", {
+  enumerable: true,
+  get: function get() {
+    return _constants.legacyBadgeColors;
+  }
+});
 Object.defineProperty(exports, "sproutDarkTheme", {
   enumerable: true,
   get: function get() {
@@ -522,68 +536,70 @@ Object.keys(_systemProps).forEach(function (key) {
     }
   });
 });
-var _mixins = require("./utils/mixins");
-var _hooks = require("./utils/hooks");
-var _useInteractiveColor = require("./utils/useInteractiveColor");
 var _theme = _interopRequireDefault(require("./themes/light/theme"));
 var _theme2 = _interopRequireDefault(require("./themes/dark/theme"));
 var _sproutTheme = require("./themes/extendedThemes/sproutTheme");
-var _Icon = _interopRequireDefault(require("./Icon"));
-var _Banner = _interopRequireDefault(require("./Banner"));
+var _ThemeProvider = _interopRequireDefault(require("./ThemeProvider"));
+var _hooks = require("./utils/hooks");
+var _mixins = require("./utils/mixins");
+var _useInteractiveColor = require("./utils/useInteractiveColor");
+var _Avatar = _interopRequireDefault(require("./Avatar"));
 var _Badge = _interopRequireDefault(require("./Badge"));
-var _Indicator = _interopRequireDefault(require("./Indicator"));
+var _Banner = _interopRequireDefault(require("./Banner"));
+var _Box = _interopRequireDefault(require("./Box"));
+var _Breadcrumb = _interopRequireDefault(require("./Breadcrumb"));
+var _Button = _interopRequireDefault(require("./Button"));
 var _Card = _interopRequireDefault(require("./Card"));
 var _CharacterCounter = _interopRequireDefault(require("./CharacterCounter"));
+var _ChartLegend = _interopRequireDefault(require("./ChartLegend"));
 var _Checkbox = _interopRequireDefault(require("./Checkbox"));
-var _Radio = _interopRequireDefault(require("./Radio"));
-var _Textarea = _interopRequireDefault(require("./Textarea"));
-var _ToggleHint = _interopRequireDefault(require("./ToggleHint"));
-var _Loader = _interopRequireDefault(require("./Loader"));
-var _Text = _interopRequireDefault(require("./Text"));
+var _Collapsible = _interopRequireDefault(require("./Collapsible"));
+var _DatePicker = require("./DatePicker");
+var _Drawer = _interopRequireDefault(require("./Drawer"));
+var _EmptyState = _interopRequireDefault(require("./EmptyState"));
+var _Fieldset = _interopRequireDefault(require("./Fieldset"));
+var _FormField = _interopRequireDefault(require("./FormField"));
+var _Icon = _interopRequireDefault(require("./Icon"));
 var _Image = _interopRequireDefault(require("./Image"));
+var _Indicator = _interopRequireDefault(require("./Indicator"));
+var _Input = _interopRequireDefault(require("./Input"));
 var _KeyboardKey = _interopRequireDefault(require("./KeyboardKey"));
-var _ChartLegend = _interopRequireDefault(require("./ChartLegend"));
-var _Table = _interopRequireDefault(require("./Table"));
-var _TableCell = _interopRequireDefault(require("./TableCell"));
-var _TableHeaderCell = _interopRequireDefault(require("./TableHeaderCell"));
-var _TableRowAccordion = _interopRequireDefault(require("./TableRowAccordion"));
-var _Box = _interopRequireDefault(require("./Box"));
 var _Label = _interopRequireDefault(require("./Label"));
-var _Input = _interopRequireDefault(require("./Input"));
-var _Select = _interopRequireDefault(require("./Select"));
-var _Button = _interopRequireDefault(require("./Button"));
 var _Link = _interopRequireDefault(require("./Link"));
-var _Switch = _interopRequireDefault(require("./Switch"));
-var _Token = _interopRequireDefault(require("./Token"));
-var _TokenInput = _interopRequireDefault(require("./TokenInput"));
-var _Tabs = _interopRequireDefault(require("./Tabs"));
-var _Modal = _interopRequireDefault(require("./Modal"));
-var _Popout = _interopRequireDefault(require("./Popout"));
-var _ThemeProvider = _interopRequireDefault(require("./ThemeProvider"));
-var _Tooltip = _interopRequireDefault(require("./Tooltip"));
-var _Drawer = _interopRequireDefault(require("./Drawer"));
+var _Listbox = _interopRequireWildcard(require("./Listbox"));
+var _Loader = _interopRequireDefault(require("./Loader"));
 var _LoaderButton = _interopRequireDefault(require("./LoaderButton"));
-var _Numeral = _interopRequireDefault(require("./Numeral"));
-var _Collapsible = _interopRequireDefault(require("./Collapsible"));
-var _SegmentedControl = _interopRequireDefault(require("./SegmentedControl"));
-var _EmptyState = _interopRequireDefault(require("./EmptyState"));
-var _FormField = _interopRequireDefault(require("./FormField"));
-var _Fieldset = _interopRequireDefault(require("./Fieldset"));
-var _Message = _interopRequireDefault(require("./Message"));
-var _Stack = _interopRequireDefault(require("./Stack"));
-var _Avatar = _interopRequireDefault(require("./Avatar"));
-var _Breadcrumb = _interopRequireDefault(require("./Breadcrumb"));
-var _Skeleton = _interopRequireDefault(require("./Skeleton"));
-var _Toast = _interopRequireWildcard(require("./Toast"));
 var _Menu = _interopRequireWildcard(require("./Menu"));
 var _hooks2 = require("./Menu/hooks");
 var _styles = require("./Menu/styles");
-var _Listbox = _interopRequireWildcard(require("./Listbox"));
+var _Message = _interopRequireDefault(require("./Message"));
+var _Modal = _interopRequireDefault(require("./Modal"));
+var _Numeral = _interopRequireDefault(require("./Numeral"));
 var _OverflowList = _interopRequireDefault(require("./OverflowList"));
-var _DatePicker = require("./DatePicker");
-var _VisuallyHidden = require("./VisuallyHidden");
 var _PartnerLogo = _interopRequireDefault(require("./PartnerLogo"));
+var _Popout = _interopRequireDefault(require("./Popout"));
+var _Radio = _interopRequireDefault(require("./Radio"));
+var _SegmentedControl = _interopRequireDefault(require("./SegmentedControl"));
+var _Select = _interopRequireDefault(require("./Select"));
+var _Skeleton = _interopRequireDefault(require("./Skeleton"));
 var _SpotIllustration = _interopRequireDefault(require("./SpotIllustration"));
+var _Stack = _interopRequireDefault(require("./Stack"));
+var _Switch = _interopRequireDefault(require("./Switch"));
+var _Table = _interopRequireDefault(require("./Table"));
+var _TableCell = _interopRequireDefault(require("./TableCell"));
+var _TableHeaderCell = _interopRequireDefault(require("./TableHeaderCell"));
+var _TableRowAccordion = _interopRequireDefault(require("./TableRowAccordion"));
+var _Tabs = _interopRequireDefault(require("./Tabs"));
+var _Text = _interopRequireDefault(require("./Text"));
+var _Textarea = _interopRequireDefault(require("./Textarea"));
+var _Toast = _interopRequireWildcard(require("./Toast"));
+var _ToggleHint = _interopRequireDefault(require("./ToggleHint"));
+var _Token = _interopRequireDefault(require("./Token"));
+var _TokenInput = _interopRequireDefault(require("./TokenInput"));
+var _Tooltip = _interopRequireDefault(require("./Tooltip"));
+var _VisuallyHidden = require("./VisuallyHidden");
+var _constants = require("./Badge/constants");
+var _dataviz = require("./dataviz");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/commonjs/themes/dark/theme.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.shadows = exports.default = void 0;
+var _polished = require("polished");
 var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
 var _seedsDepth = _interopRequireDefault(require("@sproutsocial/seeds-depth"));
 var _theme = _interopRequireDefault(require("../light/theme"));
 var _datavizPalette = require("./dataviz-palette");
 var _decorativePalettes = require("./decorative-palettes");
-var _polished = require("polished");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }

package/commonjs/themes/light/theme.js

@@ -4,17 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.typography = exports.space = exports.shadows = exports.radii = exports.fontWeights = exports.fontFamily = exports.easing = exports.duration = exports.default = exports.breakpoints = exports.borders = exports.borderWidths = void 0;
+var _polished = require("polished");
 var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
-var _literalColors = _interopRequireDefault(require("./literal-colors"));
-var _datavizPalette = require("./dataviz-palette");
-var _decorativePalettes = require("./decorative-palettes");
 var _seedsNetworkcolor = _interopRequireDefault(require("@sproutsocial/seeds-networkcolor"));
 var _seedsTypography = _interopRequireDefault(require("@sproutsocial/seeds-typography"));
 var _seedsSpace = _interopRequireDefault(require("@sproutsocial/seeds-space"));
 var _seedsDepth = _interopRequireDefault(require("@sproutsocial/seeds-depth"));
 var _seedsMotion = _interopRequireDefault(require("@sproutsocial/seeds-motion"));
 var _seedsBorder = _interopRequireDefault(require("@sproutsocial/seeds-border"));
-var _polished = require("polished");
+var _literalColors = _interopRequireDefault(require("./literal-colors"));
+var _datavizPalette = require("./dataviz-palette");
+var _decorativePalettes = require("./decorative-palettes");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
@@ -293,11 +293,6 @@ var fontWeights = {
   bold: _seedsTypography.default.TYPOGRAPHY_WEIGHT_BOLD,
   extrabold: _seedsTypography.default.TYPOGRAPHY_WEIGHT_EXTRA_BOLD
 };
-
-/**
- * @deprecated
- * Import from `Stack/TypeSpaceLiterals` instead.
- */
 exports.fontWeights = fontWeights;
 var space = {
   '0': _seedsSpace.default.SPACE_SIZE_0,

package/commonjs/utils/hooks.js

@@ -11,7 +11,7 @@ exports.useSelect = void 0;
 exports.useTextContent = useTextContent;
 exports.useWhyDidYouUpdate = useWhyDidYouUpdate;
 var _react = require("react");
-var _utils = require("../utils");
+var _ = require("./");
 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -39,7 +39,7 @@ var defaultCallback = function defaultCallback(mutationList) {
 };
 function useMutationObserver(targetNode, config) {
   var callback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultCallback;
-  if (!(0, _utils.canUseDOM)()) {
+  if (!(0, _.canUseDOM)()) {
     return;
   }
   /* eslint-disable-next-line */

package/commonjs/utils/mixins.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.visuallyHidden = exports.svgToDataURL = exports.pill = exports.focusRing = exports.disabled = void 0;
+var _polished = require("polished");
 var _styledComponents = require("styled-components");
 var _theme = _interopRequireDefault(require("../themes/light/theme"));
-var _polished = require("polished");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var svgToDataURL = function svgToDataURL(svgStr) {

package/commonjs/utils/react-testing-library.js

@@ -28,13 +28,7 @@ Object.defineProperty(exports, "fireEvent", {
     return _react2.fireEvent;
   }
 });
-exports.render = void 0;
-Object.defineProperty(exports, "screen", {
-  enumerable: true,
-  get: function get() {
-    return _react2.screen;
-  }
-});
+exports.screen = exports.render = void 0;
 Object.defineProperty(exports, "userEvent", {
   enumerable: true,
   get: function get() {
@@ -69,9 +63,9 @@ exports.within = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _react2 = require("@testing-library/react");
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+var _ThemeProvider = _interopRequireDefault(require("../ThemeProvider"));
 var _a11yTest = require("./a11yTest");
 var _dataQaLabelQueries = require("./dataQaLabelQueries");
-var _ThemeProvider = _interopRequireDefault(require("../ThemeProvider"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -83,7 +77,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 var sproutQueries = _objectSpread(_objectSpread({}, _react2.queries), _dataQaLabelQueries.dataQaLabelQueries);
 var customRender = function customRender(node, options) {
-  var api = (0, _react2.render)(node, _objectSpread(_objectSpread({}, options), {}, {
+  var utils = (0, _react2.render)(node, _objectSpread(_objectSpread({}, options), {}, {
     queries: sproutQueries,
     wrapper: _ThemeProvider.default
   }));
@@ -94,7 +88,7 @@ var customRender = function customRender(node, options) {
           switch (_context.prev = _context.next) {
             case 0:
               _context.next = 2;
-              return (0, _a11yTest.a11yCheck)(api.container);
+              return (0, _a11yTest.a11yCheck)(utils.container);
             case 2:
             case "end":
               return _context.stop();
@@ -106,7 +100,7 @@ var customRender = function customRender(node, options) {
       return _ref.apply(this, arguments);
     };
   }();
-  return _objectSpread(_objectSpread({}, api), {}, {
+  return _objectSpread(_objectSpread({}, utils), {}, {
     runA11yCheck: runA11yCheck
   });
 };
@@ -114,4 +108,7 @@ exports.render = customRender;
 var customWithin = function customWithin(element) {
   return (0, _react2.within)(element, sproutQueries);
 };
-exports.within = customWithin;
+exports.within = customWithin;
+var boundQueries = (0, _react2.within)(document.body, sproutQueries);
+var customScreen = _objectSpread(_objectSpread({}, _react2.screen), boundQueries);
+exports.screen = customScreen;