@sproutsocial/racine 12.21.2 → 12.22.1

package/commonjs/systemProps/custom.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.customSystemProps = void 0;
 var _styledSystem = require("styled-system");
 

package/commonjs/systemProps/flexbox.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.flexboxSystemProps = void 0;
 var _styledSystem = require("styled-system");
 

package/commonjs/systemProps/grid.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.gridSystemProps = void 0;
 var _styledSystem = require("styled-system");
 

package/commonjs/systemProps/index.js

@@ -1,87 +1,159 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 var _typesFlow = require("./types.flow.js");
 Object.keys(_typesFlow).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _typesFlow[key]) return;
-  exports[key] = _typesFlow[key];
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _typesFlow[key];
+    }
+  });
 });
 var _background = require("./background");
 Object.keys(_background).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _background[key]) return;
-  exports[key] = _background[key];
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _background[key];
+    }
+  });
 });
 var _border = require("./border");
 Object.keys(_border).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _border[key]) return;
-  exports[key] = _border[key];
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _border[key];
+    }
+  });
 });
 var _color = require("./color");
 Object.keys(_color).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _color[key]) return;
-  exports[key] = _color[key];
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _color[key];
+    }
+  });
 });
 var _custom = require("./custom");
 Object.keys(_custom).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _custom[key]) return;
-  exports[key] = _custom[key];
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _custom[key];
+    }
+  });
 });
 var _flexbox = require("./flexbox");
 Object.keys(_flexbox).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _flexbox[key]) return;
-  exports[key] = _flexbox[key];
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _flexbox[key];
+    }
+  });
 });
 var _grid = require("./grid");
 Object.keys(_grid).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _grid[key]) return;
-  exports[key] = _grid[key];
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _grid[key];
+    }
+  });
 });
 var _layout = require("./layout");
 Object.keys(_layout).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _layout[key]) return;
-  exports[key] = _layout[key];
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _layout[key];
+    }
+  });
 });
 var _position = require("./position");
 Object.keys(_position).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _position[key]) return;
-  exports[key] = _position[key];
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _position[key];
+    }
+  });
 });
 var _shadow = require("./shadow");
 Object.keys(_shadow).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _shadow[key]) return;
-  exports[key] = _shadow[key];
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _shadow[key];
+    }
+  });
 });
 var _space = require("./space");
 Object.keys(_space).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _space[key]) return;
-  exports[key] = _space[key];
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _space[key];
+    }
+  });
 });
 var _systemProps = require("./systemProps");
 Object.keys(_systemProps).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _systemProps[key]) return;
-  exports[key] = _systemProps[key];
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _systemProps[key];
+    }
+  });
 });
 var _typography = require("./typography");
 Object.keys(_typography).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _typography[key]) return;
-  exports[key] = _typography[key];
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _typography[key];
+    }
+  });
 });
 var _variant = require("./variant");
 Object.keys(_variant).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _variant[key]) return;
-  exports[key] = _variant[key];
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _variant[key];
+    }
+  });
 });

package/commonjs/systemProps/layout.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.layoutSystemProps = void 0;
 var _styledSystem = require("styled-system");
 

package/commonjs/systemProps/position.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.positionSystemProps = void 0;
 var _styledSystem = require("styled-system");
 

package/commonjs/systemProps/shadow.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.shadowSystemProps = void 0;
 var _styledSystem = require("styled-system");
 

package/commonjs/systemProps/space.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.spaceSystemProps = void 0;
 var _styledSystem = require("styled-system");
 /* eslint-disable prettier/prettier */

package/commonjs/systemProps/systemProps.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.systemProps = void 0;
 var _styledSystem = require("styled-system");
 var _background = require("./background");

package/commonjs/systemProps/typography.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.typographySystemProps = void 0;
 var _styledSystem = require("styled-system");
 

package/commonjs/systemProps/variant.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.variantSystemProps = void 0;
 var _styledSystem = require("styled-system");
 

package/commonjs/themes/dark/dataviz-palette.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.datavizPalette = void 0;
 var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/commonjs/themes/dark/decorative-palettes.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.yellow = exports.teal = exports.red = exports.purple = exports.pink = exports.orange = exports.neutral = exports.magenta = exports.green = exports.blue = exports.aqua = void 0;
 var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/commonjs/themes/dark/theme.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.shadows = exports.default = void 0;
 var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
 var _seedsDepth = _interopRequireDefault(require("@sproutsocial/seeds-depth"));
@@ -9,17 +11,19 @@ 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 _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 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; }
 var MODE = 'dark';
 var shadows = {
-  low: _seedsDepth.default.ELEVATION_LEVEL_100 + " " + _seedsColor.default.COLOR_NEUTRAL_1100 + "FF",
-  medium: _seedsDepth.default.ELEVATION_LEVEL_300 + " " + _seedsColor.default.COLOR_NEUTRAL_1100 + "FF",
-  high: _seedsDepth.default.ELEVATION_LEVEL_400 + " " + _seedsColor.default.COLOR_NEUTRAL_1100 + "FF"
+  low: "".concat(_seedsDepth.default.ELEVATION_LEVEL_100, " ").concat(_seedsColor.default.COLOR_NEUTRAL_1100, "FF"),
+  medium: "".concat(_seedsDepth.default.ELEVATION_LEVEL_300, " ").concat(_seedsColor.default.COLOR_NEUTRAL_1100, "FF"),
+  high: "".concat(_seedsDepth.default.ELEVATION_LEVEL_400, " ").concat(_seedsColor.default.COLOR_NEUTRAL_1100, "FF")
 };
 
 // If you are making changes to the colors in the theme file tag the Design Systems team on your PR! Thank you!!
 exports.shadows = shadows;
-var colors = _extends({}, _theme.default.colors, {
+var colors = _objectSpread(_objectSpread({}, _theme.default.colors), {}, {
   app: {
     background: {
       base: _seedsColor.default.COLOR_NEUTRAL_1000
@@ -238,7 +242,7 @@ var colors = _extends({}, _theme.default.colors, {
     list: _datavizPalette.datavizPalette.DATAVIZ_COLORS_LIST
   }
 }, _datavizPalette.datavizPalette);
-var darkTheme = _extends({}, _theme.default, {
+var darkTheme = _objectSpread(_objectSpread({}, _theme.default), {}, {
   colors: colors,
   shadows: shadows,
   mode: MODE

package/commonjs/themes/extendedThemes/sproutTheme/dark/theme.js

@@ -1,11 +1,15 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.navigation = exports.listening = exports.growth = exports.default = exports.datePicker = exports.cardControl = exports.analytics = void 0;
 var _polished = require("polished");
 var _theme = _interopRequireDefault(require("../../../dark/theme"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 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; }
 var navigation = {
   main: {
     background: {
@@ -30,7 +34,7 @@ var navigation = {
         // Uses hexicimal to change the opacity of the color
         // Adding 'A3' at end to make this color have a 64% opacity
         // Reference https://gist.github.com/lopspower/03fb1cc0ac9f32ef38f4
-        base: _theme.default.colors.neutral[1000] + "A3"
+        base: "".concat(_theme.default.colors.neutral[1000], "A3")
       }
     }
   },
@@ -199,8 +203,8 @@ var cardControl = {
   }
 };
 exports.cardControl = cardControl;
-var darkTheme = _extends({}, _theme.default, {
-  colors: _extends({}, _theme.default.colors, {
+var darkTheme = _objectSpread(_objectSpread({}, _theme.default), {}, {
+  colors: _objectSpread(_objectSpread({}, _theme.default.colors), {}, {
     navigation: navigation,
     datePicker: datePicker,
     analytics: analytics,

package/commonjs/themes/extendedThemes/sproutTheme/index.js

@@ -1,9 +1,20 @@
 "use strict";
 
-exports.__esModule = true;
-exports.sproutLightTheme = exports.sproutDarkTheme = void 0;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "sproutDarkTheme", {
+  enumerable: true,
+  get: function get() {
+    return _theme2.default;
+  }
+});
+Object.defineProperty(exports, "sproutLightTheme", {
+  enumerable: true,
+  get: function get() {
+    return _theme.default;
+  }
+});
 var _theme = _interopRequireDefault(require("./light/theme"));
-exports.sproutLightTheme = _theme.default;
 var _theme2 = _interopRequireDefault(require("./dark/theme"));
-exports.sproutDarkTheme = _theme2.default;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/commonjs/themes/extendedThemes/sproutTheme/light/theme.js

@@ -1,11 +1,15 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.navigation = exports.listening = exports.growth = exports.default = exports.datePicker = exports.cardControl = exports.analytics = void 0;
 var _polished = require("polished");
 var _theme = _interopRequireDefault(require("../../../light/theme"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 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; }
 var navigation = {
   main: {
     background: {
@@ -196,8 +200,8 @@ var cardControl = {
   }
 };
 exports.cardControl = cardControl;
-var lightTheme = _extends({}, _theme.default, {
-  colors: _extends({}, _theme.default.colors, {
+var lightTheme = _objectSpread(_objectSpread({}, _theme.default), {}, {
+  colors: _objectSpread(_objectSpread({}, _theme.default.colors), {}, {
     navigation: navigation,
     datePicker: datePicker,
     analytics: analytics,

package/commonjs/themes/light/dataviz-palette.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.datavizPalette = void 0;
 var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/commonjs/themes/light/decorative-palettes.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.yellow = exports.teal = exports.red = exports.purple = exports.pink = exports.orange = exports.neutral = exports.magenta = exports.green = exports.blue = exports.aqua = void 0;
 var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/commonjs/themes/light/literal-colors.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = void 0;
 var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/commonjs/themes/light/theme.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+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 _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
 var _literalColors = _interopRequireDefault(require("./literal-colors"));
@@ -14,14 +16,16 @@ var _seedsMotion = _interopRequireDefault(require("@sproutsocial/seeds-motion"))
 var _seedsBorder = _interopRequireDefault(require("@sproutsocial/seeds-border"));
 var _polished = require("polished");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 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; }
 var breakpoints = ['900px', '1200px', '1500px', '1800px'];
 exports.breakpoints = breakpoints;
 var MODE = 'light';
 
 // If you are making changes to the colors in the theme file tag the Design Systems team on your PR! Thank you!!
 
-var colors = _extends({
+var colors = _objectSpread(_objectSpread({
   app: {
     background: {
       base: _seedsColor.default.COLOR_NEUTRAL_100
@@ -228,7 +232,7 @@ var colors = _extends({
     }
   },
   elevation: {
-    base: _seedsColor.default.COLOR_NEUTRAL_900 + "3D"
+    base: "".concat(_seedsColor.default.COLOR_NEUTRAL_900, "3D")
   },
   illustration: {
     fill: _seedsColor.default.COLOR_BLUE_400,
@@ -265,7 +269,7 @@ var colors = _extends({
     map: _datavizPalette.datavizPalette.DATAVIZ_COLORS_MAP,
     list: _datavizPalette.datavizPalette.DATAVIZ_COLORS_LIST
   }
-}, _literalColors.default, _datavizPalette.datavizPalette);
+}, _literalColors.default), _datavizPalette.datavizPalette);
 var typography = {
   '100': _seedsTypography.default.TYPOGRAPHY_SIZE_100,
   '200': _seedsTypography.default.TYPOGRAPHY_SIZE_200,
@@ -318,7 +322,7 @@ var radii = {
 };
 exports.radii = radii;
 var borders = {
-  '500': _seedsBorder.default.BORDER_WIDTH_500 + " solid"
+  '500': "".concat(_seedsBorder.default.BORDER_WIDTH_500, " solid")
 };
 exports.borders = borders;
 var borderWidths = {
@@ -326,9 +330,9 @@ var borderWidths = {
 };
 exports.borderWidths = borderWidths;
 var shadows = {
-  low: _seedsDepth.default.ELEVATION_LEVEL_100 + " " + _seedsColor.default.COLOR_NEUTRAL_900 + "3D",
-  medium: _seedsDepth.default.ELEVATION_LEVEL_300 + " " + _seedsColor.default.COLOR_NEUTRAL_900 + "3D",
-  high: _seedsDepth.default.ELEVATION_LEVEL_400 + " " + _seedsColor.default.COLOR_NEUTRAL_900 + "3D"
+  low: "".concat(_seedsDepth.default.ELEVATION_LEVEL_100, " ").concat(_seedsColor.default.COLOR_NEUTRAL_900, "3D"),
+  medium: "".concat(_seedsDepth.default.ELEVATION_LEVEL_300, " ").concat(_seedsColor.default.COLOR_NEUTRAL_900, "3D"),
+  high: "".concat(_seedsDepth.default.ELEVATION_LEVEL_400, " ").concat(_seedsColor.default.COLOR_NEUTRAL_900, "3D")
 };
 exports.shadows = shadows;
 var easing = {
@@ -346,20 +350,20 @@ exports.duration = duration;
 var theme = {
   breakpoints: breakpoints,
   colors: colors,
-  typography: _extends({}, typography, {
+  typography: _objectSpread(_objectSpread({}, typography), {}, {
     typography: typography
   }),
   fontFamily: fontFamily,
   fontWeights: fontWeights,
-  space: _extends({}, space, {
+  space: _objectSpread(_objectSpread({}, space), {}, {
     space: space,
     '-space': Object.keys(space).reduce(function (negativeSpace, key) {
       // The values are strings (eg 24px) so we concatenate a negative sign
-      negativeSpace[key] = "-" + space[key];
+      negativeSpace[key] = "-".concat(space[key]);
       return negativeSpace;
     }, {})
   }),
-  radii: _extends({}, radii, {
+  radii: _objectSpread(_objectSpread({}, radii), {}, {
     radii: radii
   }),
   borders: borders,