@sproutsocial/racine 13.7.1 → 14.0.0

package/commonjs/Skeleton/index.js

@@ -3,18 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "Skeleton", {
+  enumerable: true,
+  get: function get() {
+    return _Skeleton.default;
+  }
+});
 exports.default = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _polished = require("polished");
-var _Box = _interopRequireDefault(require("../Box"));
+var _Skeleton = _interopRequireDefault(require("./Skeleton"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Skeleton = (0, _styledComponents.default)(_Box.default).withConfig({
-  displayName: "Skeleton",
-  componentId: "sc-1fovt5u-0"
-})(["background:", ";background-image:", ";background-size:400%;background-repeat:no-repeat;animation:SkeletonShimmer 2.5s linear infinite reverse;@media (prefers-reduced-motion){{animation:none;}}@keyframes SkeletonShimmer{0%{background-position:0% 0;}100%{background-position:100% 0;}}"], function (p) {
-  return p.theme.colors.app.background.base;
-}, function (props) {
-  return "linear-gradient(\n      288deg,\n      ".concat((0, _polished.transparentize)(0.7, props.theme.colors.container.border.base), " 32%,\n      ").concat((0, _polished.transparentize)(0.05, props.theme.colors.container.border.base), ",\n      ").concat((0, _polished.transparentize)(0.7, props.theme.colors.container.border.base), " 68%\n    );");
-});
-var _default = Skeleton; //rgba(243, 244, 244, 0.7)
+var _default = _Skeleton.default;
 exports.default = _default;

package/commonjs/SpotIllustration/SpotIllustration.flow.js

@@ -0,0 +1,6 @@
+"use strict";
+
+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 React = _interopRequireWildcard(require("react"));
+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; }

package/commonjs/SpotIllustration/SpotIllustration.js

@@ -0,0 +1,45 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var illustrationViewBoxes = _interopRequireWildcard(require("../IllustrationViewBoxes"));
+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 }; }
+// eslint-disable-next-line no-restricted-syntax
+
+var StyledSVG = _styledComponents.default.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;
+  var viewBox = illustrationViewBoxes[name];
+  var viewBoxCoordinates = (viewBox === null || viewBox === void 0 ? void 0 : viewBox.split(' ')) || [];
+  var defaultWidth = viewBoxCoordinates[2];
+  var defaultHeight = viewBoxCoordinates[3];
+  return /*#__PURE__*/_react.default.createElement(StyledSVG, {
+    width: width ? width : defaultWidth,
+    height: height ? height : defaultHeight,
+    viewBox: viewBox,
+    focusable: false,
+    customFill: customFill
+  }, /*#__PURE__*/_react.default.createElement("use", {
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    xlinkHref: "#ssillustrationsvg-".concat(name)
+  }));
+};
+var _default = SpotIllustration;
+exports.default = _default;

package/commonjs/SpotIllustration/SpotIllustrationTypes.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/commonjs/SpotIllustration/illustrationNames.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.illustrationNames = void 0;
-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', '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', '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']);
+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", "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", "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"]);
 exports.illustrationNames = illustrationNames;

package/commonjs/SpotIllustration/index.flow.js

@@ -1 +1,16 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _SpotIllustration = require("./SpotIllustration.flow");
+Object.keys(_SpotIllustration).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SpotIllustration[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SpotIllustration[key];
+    }
+  });
+});

package/commonjs/SpotIllustration/index.js

@@ -3,39 +3,29 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  SpotIllustration: true
+};
+Object.defineProperty(exports, "SpotIllustration", {
+  enumerable: true,
+  get: function get() {
+    return _SpotIllustration.default;
+  }
+});
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _IllustrationViewBoxes = _interopRequireDefault(require("../IllustrationViewBoxes"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// eslint-disable-next-line flowtype/generic-spacing
-var StyledSVG = _styledComponents.default.svg.withConfig({
-  displayName: "SpotIllustration__StyledSVG",
-  componentId: "sc-10ftlaw-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 = _interopRequireDefault(require("./SpotIllustration"));
+var _SpotIllustrationTypes = require("./SpotIllustrationTypes");
+Object.keys(_SpotIllustrationTypes).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _SpotIllustrationTypes[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SpotIllustrationTypes[key];
+    }
+  });
 });
-var SpotIllustration = function SpotIllustration(_ref) {
-  var name = _ref.name,
-    customFill = _ref.customFill,
-    height = _ref.height,
-    width = _ref.width;
-  var viewBox = _IllustrationViewBoxes.default[name];
-  var viewBoxCoordinates = (viewBox === null || viewBox === void 0 ? void 0 : viewBox.split(' ')) || [];
-  var defaultWidth = viewBoxCoordinates[2];
-  var defaultHeight = viewBoxCoordinates[3];
-  return /*#__PURE__*/_react.default.createElement(StyledSVG, {
-    width: width ? width : defaultWidth,
-    height: height ? height : defaultHeight,
-    viewBox: viewBox,
-    focusable: false,
-    customFill: customFill
-  }, /*#__PURE__*/_react.default.createElement("use", {
-    xmlnsXlink: "http://www.w3.org/1999/xlink",
-    xlinkHref: "#ssillustrationsvg-".concat(name)
-  }));
-};
-var _default = SpotIllustration;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = _SpotIllustration.default;
 exports.default = _default;

package/commonjs/Stack/Stack.flow.js

@@ -0,0 +1,6 @@
+"use strict";
+
+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 React = _interopRequireWildcard(require("react"));
+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; }

package/commonjs/Stack/Stack.js

@@ -0,0 +1,110 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _responsiveProps = require("../utils/responsiveProps");
+var _Box = _interopRequireDefault(require("../Box"));
+var _excluded = ["children", "space", "align", "direction"];
+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; }
+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; }
+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 = React.Children.toArray(children);
+  var responsiveAlignment = (0, _responsiveProps.normalizeResponsiveProp)(align);
+  var responsiveDirection = (0, _responsiveProps.normalizeResponsiveProp)(direction);
+  var responsiveSpace = (0, _responsiveProps.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__*/React.createElement(_Box.default, _extends({
+    display: "flex"
+  }, styleProps, rest), stackItems.map(function (item, i) {
+    return /*#__PURE__*/React.createElement(_Box.default, _extends({
+      flexBasis: childFlexBasis
+    }, i !== 0 ? childMarginProps : {}, {
+      key: i
+    }), item);
+  }));
+};
+var _default = Stack;
+exports.default = _default;

package/commonjs/Stack/StackTypes.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/commonjs/Stack/index.flow.js

@@ -1,6 +1,16 @@
 "use strict";
 
-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 React = _interopRequireWildcard(require("react"));
-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; }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Stack = require("./Stack.flow");
+Object.keys(_Stack).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Stack[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Stack[key];
+    }
+  });
+});

package/commonjs/Stack/index.js

@@ -1,106 +1,31 @@
 "use strict";
 
-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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _responsiveProps = require("../utils/responsiveProps");
-var _Box = _interopRequireDefault(require("../Box"));
-var _excluded = ["children", "space", "align", "direction"];
-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; }
-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; }
-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 _exportNames = {
+  Stack: true
 };
-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 = React.Children.toArray(children);
-  var responsiveAlignment = (0, _responsiveProps.normalizeResponsiveProp)(align);
-  var responsiveDirection = (0, _responsiveProps.normalizeResponsiveProp)(direction);
-  var responsiveSpace = (0, _responsiveProps.normalizeResponsiveProp)(space);
-  var initialValue = ['initial', 'initial', 'initial', 'initial', 'initial'];
-  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';
-      });
+Object.defineProperty(exports, "Stack", {
+  enumerable: true,
+  get: function get() {
+    return _Stack.default;
+  }
+});
+exports.default = void 0;
+var _Stack = _interopRequireDefault(require("./Stack"));
+var _StackTypes = require("./StackTypes");
+Object.keys(_StackTypes).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _StackTypes[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _StackTypes[key];
     }
-    var flexBasis = currentAlignment === 'stretch' && currentDirection === 'horizontal' ? '100%' : undefined;
-    childFlexBasis[i] = flexBasis;
-    var margin = currentDirection === 'horizontal' ? 'marginLeft' : 'marginTop';
-    var opposite = currentDirection === 'horizontal' ? 'marginTop' : 'marginLeft';
-    childMarginProps[margin][i] = currentSpace;
-    childMarginProps[opposite][i] = 0;
   });
-  return /*#__PURE__*/React.createElement(_Box.default, _extends({
-    display: "flex"
-  }, styleProps, rest), stackItems.map(function (item, i) {
-    return /*#__PURE__*/React.createElement(_Box.default, _extends({
-      flexBasis: childFlexBasis
-    }, i !== 0 ? childMarginProps : {}, {
-      key: i
-    }), item);
-  }));
-};
-var _default = Stack;
+});
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = _Stack.default;
 exports.default = _default;

package/commonjs/Switch/Switch.flow.js

@@ -0,0 +1,6 @@
+"use strict";
+
+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 React = _interopRequireWildcard(require("react"));
+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; }

package/commonjs/Switch/Switch.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Icon = _interopRequireDefault(require("../Icon"));
+var _VisuallyHidden = require("../VisuallyHidden");
+var _styles = _interopRequireDefault(require("./styles"));
+var _excluded = ["checked", "disabled", "name", "a11yLabels", "onClick", "qa"];
+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; }
+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; }
+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 _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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+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 _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+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); }
+// Switch acts as a toggle, enabling users to turn a particular action on or off.
+var Switch = /*#__PURE__*/function (_React$Component) {
+  _inherits(Switch, _React$Component);
+  var _super = _createSuper(Switch);
+  function Switch() {
+    var _this;
+    _classCallCheck(this, Switch);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "handleClick", function (e) {
+      var _this$props = _this.props,
+        checked = _this$props.checked,
+        onClick = _this$props.onClick,
+        disabled = _this$props.disabled;
+      if (!disabled) {
+        onClick(e, !checked);
+      }
+    });
+    return _this;
+  }
+  _createClass(Switch, [{
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+        checked = _this$props2.checked,
+        disabled = _this$props2.disabled,
+        name = _this$props2.name,
+        a11yLabels = _this$props2.a11yLabels,
+        onClick = _this$props2.onClick,
+        _this$props2$qa = _this$props2.qa,
+        qa = _this$props2$qa === void 0 ? {} : _this$props2$qa,
+        rest = _objectWithoutProperties(_this$props2, _excluded);
+      return /*#__PURE__*/React.createElement(_styles.default, _extends({
+        role: "button",
+        type: "button",
+        "aria-pressed": checked,
+        disabled: disabled,
+        onClick: this.handleClick,
+        "data-qa-switch": name || '',
+        "data-qa-switch-ischecked": checked === true,
+        "data-qa-switch-isdisabled": disabled === true,
+        checked: checked
+      }, qa, rest), /*#__PURE__*/React.createElement(_VisuallyHidden.VisuallyHidden, null, checked ? a11yLabels.on : a11yLabels.off), checked ? /*#__PURE__*/React.createElement(_Icon.default, {
+        size: "mini",
+        name: "check"
+      }) : null);
+    }
+  }]);
+  return Switch;
+}(React.Component);
+exports.default = Switch;
+_defineProperty(Switch, "defaultProps", {
+  disabled: false,
+  a11yLabels: {
+    on: 'on',
+    off: 'off'
+  }
+});

package/commonjs/Switch/SwitchTypes.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/commonjs/Switch/index.flow.js

@@ -1 +1,16 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Switch = require("./Switch.flow");
+Object.keys(_Switch).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Switch[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Switch[key];
+    }
+  });
+});