@splunk/themes 0.22.0 → 0.23.0

package/getTheme.js

@@ -4,23 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.clearGetThemeCache = exports["default"] = void 0;
-
 var _memoize = _interopRequireDefault(require("lodash/memoize"));
-
 var _enterprise = _interopRequireDefault(require("./enterprise"));
-
 var _prisma = _interopRequireDefault(require("./prisma"));
-
 var _utils = require("./utils");
-
-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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : 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); }
 /**
  * **NOTE:** Use cases for this function are limited. Instead, use `useSplunkTheme` in React components and `variables` in styled-components' CSS.
  * This function is for use outside of React and styled-components.
@@ -52,12 +46,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
  */
 function getTheme() {
   var settings = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
   var _addThemeDefaults = (0, _utils.addThemeDefaults)(settings),
-      family = _addThemeDefaults.family,
-      colorScheme = _addThemeDefaults.colorScheme,
-      density = _addThemeDefaults.density;
-
+    family = _addThemeDefaults.family,
+    colorScheme = _addThemeDefaults.colorScheme,
+    density = _addThemeDefaults.density;
   var isPrisma = family === 'prisma';
   var isEnterprise = family === 'enterprise';
   var isComfortable = density === 'comfortable';
@@ -82,22 +74,17 @@ function getTheme() {
     density: density
   })));
 }
-
 var getThemeMemoized = (0, _memoize["default"])(getTheme, function () {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      family = _ref.family,
-      colorScheme = _ref.colorScheme,
-      density = _ref.density;
-
+    family = _ref.family,
+    colorScheme = _ref.colorScheme,
+    density = _ref.density;
   return "".concat(family).concat(colorScheme).concat(density);
 });
-
 var clearGetThemeCache = function clearGetThemeCache() {
   var _getThemeMemoized$cac, _getThemeMemoized$cac2;
-
   return (_getThemeMemoized$cac = (_getThemeMemoized$cac2 = getThemeMemoized.cache).clear) === null || _getThemeMemoized$cac === void 0 ? void 0 : _getThemeMemoized$cac.call(_getThemeMemoized$cac2);
 };
-
 exports.clearGetThemeCache = clearGetThemeCache;
 var _default = getThemeMemoized;
 exports["default"] = _default;

package/index.js

@@ -68,27 +68,16 @@ Object.defineProperty(exports, "variables", {
     return _variables["default"];
   }
 });
-
 var _getSettingsFromThemedProps = _interopRequireDefault(require("./getSettingsFromThemedProps"));
-
 var _getTheme = _interopRequireDefault(require("./getTheme"));
-
 var _mixins = _interopRequireDefault(require("./mixins"));
-
 var _pick = _interopRequireDefault(require("./pick"));
-
 var _pickVariant = _interopRequireDefault(require("./pickVariant"));
-
 var _SplunkThemeProvider = _interopRequireDefault(require("./SplunkThemeProvider"));
-
 var _useSplunkTheme = _interopRequireDefault(require("./useSplunkTheme"));
-
 var _withSplunkTheme = _interopRequireDefault(require("./withSplunkTheme"));
-
 var _variables = _interopRequireDefault(require("./variables"));
-
 var _types = require("./types");
-
 Object.keys(_types).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -99,5 +88,4 @@ Object.keys(_types).forEach(function (key) {
     }
   });
 });
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }

package/mixins/index.js

@@ -1,7 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,9 +13,7 @@ Object.defineProperty(exports, "typography", {
   }
 });
 exports["default"] = void 0;
-
 var _utilityMixins = _interopRequireWildcard(require("./utilityMixins"));
-
 Object.keys(_utilityMixins).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -28,9 +24,7 @@ Object.keys(_utilityMixins).forEach(function (key) {
     }
   });
 });
-
 var _typography = _interopRequireWildcard(require("./typography"));
-
 Object.keys(_typography).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -41,19 +35,15 @@ Object.keys(_typography).forEach(function (key) {
     }
   });
 });
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) { if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } } return n["default"] = e, t && t.set(e, n), n; }
+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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : 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); }
 var _default = _objectSpread(_objectSpread({}, _utilityMixins["default"]), {}, {
   typography: _typography["default"]
 });
-
 exports["default"] = _default;

package/mixins/tests/typography.unit.js

@@ -1,101 +1,69 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
+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 _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@testing-library/react");
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _SplunkThemeProvider = _interopRequireDefault(require("@splunk/themes/SplunkThemeProvider"));
-
 require("jest-styled-components");
-
 var _typography = _interopRequireWildcard(require("../typography"));
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 }; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) { if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _templateObject7() {
   var data = _taggedTemplateLiteral(["\n            ", "\n            ", ";\n            ", ";\n        "]);
-
   _templateObject7 = function _templateObject7() {
     return data;
   };
-
   return data;
 }
-
 function _templateObject6() {
   var data = _taggedTemplateLiteral(["\n            ", "\n        "]);
-
   _templateObject6 = function _templateObject6() {
     return data;
   };
-
   return data;
 }
-
 function _templateObject5() {
   var data = _taggedTemplateLiteral(["\n            ", "\n        "]);
-
   _templateObject5 = function _templateObject5() {
     return data;
   };
-
   return data;
 }
-
 function _templateObject4() {
   var data = _taggedTemplateLiteral(["\n            ", "\n        "]);
-
   _templateObject4 = function _templateObject4() {
     return data;
   };
-
   return data;
 }
-
 function _templateObject3() {
   var data = _taggedTemplateLiteral(["\n            ", "\n        "]);
-
   _templateObject3 = function _templateObject3() {
     return data;
   };
-
   return data;
 }
-
 function _templateObject2() {
   var data = _taggedTemplateLiteral(["\n                    ", "\n                "]);
-
   _templateObject2 = function _templateObject2() {
     return data;
   };
-
   return data;
 }
-
 function _templateObject() {
   var data = _taggedTemplateLiteral(["\n            ", "\n        "]);
-
   _templateObject = function _templateObject() {
     return data;
   };
-
   return data;
 }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); } /* eslint-env jest */
 describe('typography', function () {
   function ThemeSettingsList(_ref) {
     var family = _ref.family,
-        Component = _ref.component;
+      Component = _ref.component;
     return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_SplunkThemeProvider["default"], {
       family: family,
       colorScheme: "dark",
@@ -114,26 +82,22 @@ describe('typography', function () {
       density: "compact"
     }, /*#__PURE__*/_react["default"].createElement(Component, null, family, " light compact")));
   }
-
   describe('uses default values based on theme family', function () {
     var Component = _styledComponents["default"].p(_templateObject(), (0, _typography["default"])());
-
     it('prisma', function () {
-      var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(ThemeSettingsList, {
-        family: "prisma",
-        component: Component
-      })),
-          container = _render.container;
-
+      var _render = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(ThemeSettingsList, {
+          family: "prisma",
+          component: Component
+        })),
+        container = _render.container;
       expect(container).toMatchInlineSnapshot("\n                .c0 {\n                  color: #b5b5b5;\n                  font-family: 'Splunk Platform Sans','Splunk Data Sans',Roboto,Droid,'Helvetica Neue',Helvetica,Arial,sans-serif;\n                  font-size: 14px;\n                  font-weight: normal;\n                  line-height: 20px;\n                }\n\n                .c1 {\n                  color: #4d4d4d;\n                  font-family: 'Splunk Platform Sans','Splunk Data Sans',Roboto,Droid,'Helvetica Neue',Helvetica,Arial,sans-serif;\n                  font-size: 14px;\n                  font-weight: normal;\n                  line-height: 20px;\n                }\n\n                <div>\n                  <p\n                    class=\"c0\"\n                  >\n                    prisma\n                     dark comfortable\n                  </p>\n                  <p\n                    class=\"c1\"\n                  >\n                    prisma\n                     light comfortable\n                  </p>\n                  <p\n                    class=\"c0\"\n                  >\n                    prisma\n                     dark compact\n                  </p>\n                  <p\n                    class=\"c1\"\n                  >\n                    prisma\n                     light compact\n                  </p>\n                </div>\n            ");
     });
     it('enterprise', function () {
-      var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(ThemeSettingsList, {
-        family: "enterprise",
-        component: Component
-      })),
-          container = _render2.container;
-
+      var _render2 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(ThemeSettingsList, {
+          family: "enterprise",
+          component: Component
+        })),
+        container = _render2.container;
       expect(container).toMatchInlineSnapshot("\n                .c0 {\n                  color: #ffffff;\n                  font-family: 'Splunk Platform Sans','Proxima Nova',Roboto,Droid,'Helvetica Neue',Helvetica,Arial,sans-serif;\n                  font-size: 14px;\n                  font-weight: normal;\n                  line-height: 20px;\n                }\n\n                .c1 {\n                  color: #3c444d;\n                  font-family: 'Splunk Platform Sans','Proxima Nova',Roboto,Droid,'Helvetica Neue',Helvetica,Arial,sans-serif;\n                  font-size: 14px;\n                  font-weight: normal;\n                  line-height: 20px;\n                }\n\n                .c2 {\n                  color: #ffffff;\n                  font-family: 'Splunk Platform Sans','Proxima Nova',Roboto,Droid,'Helvetica Neue',Helvetica,Arial,sans-serif;\n                  font-size: 12px;\n                  font-weight: normal;\n                  line-height: 20px;\n                }\n\n                .c3 {\n                  color: #3c444d;\n                  font-family: 'Splunk Platform Sans','Proxima Nova',Roboto,Droid,'Helvetica Neue',Helvetica,Arial,sans-serif;\n                  font-size: 12px;\n                  font-weight: normal;\n                  line-height: 20px;\n                }\n\n                <div>\n                  <p\n                    class=\"c0\"\n                  >\n                    enterprise\n                     dark comfortable\n                  </p>\n                  <p\n                    class=\"c1\"\n                  >\n                    enterprise\n                     light comfortable\n                  </p>\n                  <p\n                    class=\"c2\"\n                  >\n                    enterprise\n                     dark compact\n                  </p>\n                  <p\n                    class=\"c3\"\n                  >\n                    enterprise\n                     light compact\n                  </p>\n                </div>\n            ");
     });
   });
@@ -141,17 +105,14 @@ describe('typography', function () {
     function testTypographyVariantForThemeFamily(variant, family) {
       it("".concat(variant), function () {
         var Component = _styledComponents["default"].p(_templateObject2(), (0, _typography["default"])(variant));
-
-        var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(ThemeSettingsList, {
-          family: family,
-          component: Component
-        })),
-            container = _render3.container;
-
+        var _render3 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(ThemeSettingsList, {
+            family: family,
+            component: Component
+          })),
+          container = _render3.container;
         expect(container).toMatchSnapshot();
       });
     }
-
     describe('prisma', function () {
       _typography.typographyVariants.forEach(function (variant) {
         return testTypographyVariantForThemeFamily(variant, 'prisma');
@@ -168,10 +129,8 @@ describe('typography', function () {
       color: 'muted',
       family: 'monospace'
     }));
-
-    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(Component, null)),
-        container = _render4.container;
-
+    var _render4 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(Component, null)),
+      container = _render4.container;
     expect(container.firstChild).toMatchInlineSnapshot("\n            .c0 {\n              margin: 0;\n              padding: 0;\n              color: #909090;\n              font-family: 'Splunk Platform Mono','Roboto Mono',Consolas,'Droid Sans Mono',Monaco,'Courier New',Courier,monospace;\n              font-size: 14px;\n              font-weight: normal;\n              line-height: 20px;\n            }\n\n            <p\n              class=\"c0\"\n            />\n        ");
   });
   it('allows a variants values to be overridden', function () {
@@ -183,10 +142,8 @@ describe('typography', function () {
       weight: 'extraBold',
       withReset: false
     }));
-
-    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(Component, null)),
-        container = _render5.container;
-
+    var _render5 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(Component, null)),
+      container = _render5.container;
     expect(container.firstChild).toMatchInlineSnapshot("\n            .c0 {\n              color: #909090;\n              font-family: 'Splunk Platform Mono','Roboto Mono',Consolas,'Droid Sans Mono',Monaco,'Courier New',Courier,monospace;\n              font-size: 56px;\n              font-weight: 900;\n              line-height: 64px;\n            }\n\n            <p\n              class=\"c0\"\n            />\n        ");
   });
   it('allows default values to be overridden with params', function () {
@@ -198,10 +155,8 @@ describe('typography', function () {
       weight: 'extraBold',
       withReset: false
     }));
-
-    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(Component, null)),
-        container = _render6.container;
-
+    var _render6 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(Component, null)),
+      container = _render6.container;
     expect(container.firstChild).toMatchInlineSnapshot("\n            .c0 {\n              color: #909090;\n              font-family: 'Splunk Platform Mono','Roboto Mono',Consolas,'Droid Sans Mono',Monaco,'Courier New',Courier,monospace;\n              font-size: 56px;\n              font-weight: 900;\n              line-height: 64px;\n            }\n\n            <p\n              class=\"c0\"\n            />\n        ");
   });
   it('transforms params that are shorthand properly to CSS', function () {
@@ -213,10 +168,8 @@ describe('typography', function () {
       weight: 'extraBold',
       withReset: false
     }));
-
-    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(Component, null)),
-        container = _render7.container;
-
+    var _render7 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(Component, null)),
+      container = _render7.container;
     expect(container.firstChild).toMatchInlineSnapshot("\n            .c0 {\n              color: #909090;\n              font-family: 'Splunk Platform Mono','Roboto Mono',Consolas,'Droid Sans Mono',Monaco,'Courier New',Courier,monospace;\n              font-size: 56px;\n              font-weight: 900;\n              line-height: 64px;\n            }\n\n            <p\n              class=\"c0\"\n            />\n        ");
   });
   it.skip('passes TS verification', function () {
@@ -228,22 +181,23 @@ describe('typography', function () {
     });
     (0, _typography["default"])({
       family: 'monospace'
-    }); // @ts-expect-error
-
-    (0, _typography["default"])('foo'); // @ts-expect-error
+    });
 
+    // @ts-expect-error
+    (0, _typography["default"])('foo');
+    // @ts-expect-error
     (0, _typography["default"])({
       family: 'monospace'
-    }, true); // @ts-expect-error
-
+    }, true);
+    // @ts-expect-error
     (0, _typography["default"])({
       family: 'monospace'
     }, {
       color: 'disabled'
-    }); // @ts-expect-error
-
-    (0, _typography["default"])(''); // @ts-expect-error
-
+    });
+    // @ts-expect-error
+    (0, _typography["default"])('');
+    // @ts-expect-error
     (0, _typography["default"])({
       variant: 'title1'
     });

package/mixins/tests/utilityMixins.unit.js

@@ -1,25 +1,17 @@
 "use strict";
 
 var _styledComponents = require("styled-components");
-
 var _variables = _interopRequireDefault(require("../../variables"));
-
 var _utilityMixins = require("../utilityMixins");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _templateObject() {
   var data = _taggedTemplateLiteral(["\n            ", ";\n            ", ";\n            ", ";\n            ", ";\n            ", ";\n            ", ";\n            ", ";\n            ", ";\n            ", "\n            ", "\n            ", ";\n        "]);
-
   _templateObject = function _templateObject() {
     return data;
   };
-
   return data;
 }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); } /* eslint-env jest */
 describe('colorWithAlpha', function () {
   var defaultProps = {};
   var enterpriseLightProps = {