@splunk/themes 0.21.0 → 0.23.0

package/CHANGELOG.md

@@ -1,9 +1,20 @@
 Change Log
 ============
 
+0.23.0 - February 5, 2025
+----------
+Bug Fixes:
+* Added peer dependencies needed to incorporate the themes package standalone (SUI-6874).
+
+0.22.0 - October 1, 2024
+----------
+New Features:
+* New Status Color tokens for weak and strong variants (SUI-6348).
+* `@splunk/themes/storybook-addon-splunk-themes` now supports showing both versions of a single theme setting side by side (SUI-6281).
+
 0.21.0 - August 26, 2024
 ----------
-New Features: 
+New Features:
 * Prisma `focusColor` transparency removed to increase contrast and meet accessibility requirements (SUI-6519).
 
 0.20.0 - August 7, 2024

package/SplunkThemeProvider.js

@@ -1,32 +1,22 @@
 "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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = SplunkThemeProvider;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _styledComponents = require("styled-components");
-
-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 _extends() { _extends = Object.assign || 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); 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 _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 _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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
+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); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) { o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } } return t; }
 /** SplunkThemeProvider defaults to `prisma` `dark` `comfortable`, unless the properties have already been set.
  *
  * For example, here the nested `SplunkThemeProvider` defaults to `enterprise` `light`:
@@ -42,16 +32,14 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  */
 function SplunkThemeProvider(_ref) {
   var family = _ref.family,
-      colorScheme = _ref.colorScheme,
-      density = _ref.density,
-      additionalThemeProperties = _ref.additionalThemeProperties,
-      customizeTheme = _ref.customizeTheme,
-      otherProps = _objectWithoutProperties(_ref, ["family", "colorScheme", "density", "additionalThemeProperties", "customizeTheme"]);
-
+    colorScheme = _ref.colorScheme,
+    density = _ref.density,
+    additionalThemeProperties = _ref.additionalThemeProperties,
+    customizeTheme = _ref.customizeTheme,
+    otherProps = _objectWithoutProperties(_ref, ["family", "colorScheme", "density", "additionalThemeProperties", "customizeTheme"]);
   var _ref2 = (0, _react.useContext)(_styledComponents.ThemeContext) || {},
-      _ref2$splunkThemeV = _ref2.splunkThemeV1,
-      splunkThemeV1 = _ref2$splunkThemeV === void 0 ? {} : _ref2$splunkThemeV;
-
+    _ref2$splunkThemeV = _ref2.splunkThemeV1,
+    splunkThemeV1 = _ref2$splunkThemeV === void 0 ? {} : _ref2$splunkThemeV;
   var composedTheme = _objectSpread(_objectSpread({}, additionalThemeProperties), {}, {
     splunkThemeV1: {
       family: family || splunkThemeV1.family || 'prisma',
@@ -60,7 +48,6 @@ function SplunkThemeProvider(_ref) {
       customizer: customizeTheme || splunkThemeV1.customizer
     }
   });
-
   return /*#__PURE__*/_react["default"].createElement(_styledComponents.ThemeProvider, _extends({
     theme: composedTheme
   }, otherProps));

package/enterprise/comfortable.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 /**
  * ## Measures
  * Spacing is used for margin on any element or padding on containers, but can be used for other

package/enterprise/compact.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 /**
  * ## Measures
  * Spacing is used for margin on any element or padding on containers, but can be used for other

package/enterprise/dark.js

@@ -1,22 +1,18 @@
 "use strict";
 
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _light = _interopRequireDefault(require("./light"));
-
-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 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 dragHandleDark = "iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA1SURBVHgB7dKhEQAgDAPAhHmwSKZHYtmHVtZVVNTkXS53UeG57yPYazLmrB8o6h8QgPqBOAOboRAPJUGIOAAAAABJRU5ErkJggg=="; // see babel-plugin-base64-png
-
 var dark = {
   backgroundColor: _light["default"].gray20,
   backgroundColorHover: _light["default"].gray30,
@@ -35,13 +31,40 @@ var dark = {
   focusShadowInset: "inset 0 0 1px 1px ".concat(_light["default"].gray25, ", inset 0 0 0 3px ").concat(_light["default"].focusColor),
   draggableBackground: "url('data:image/png;base64,".concat(dragHandleDark, "') 0 0 / 8px 8px repeat")
 };
+
+/**
+ * ## Status colors
+ * Status colors are reserved for communicating urgency and severity associated with data objects and to categorize the visual communication of system responses.
+ *
+ * @colorSet verbose
+ */
+var statusColors = {
+  statusColorInfo: _light["default"].infoColorL10,
+  statusColorInfoWeak: _light["default"].infoColor,
+  statusColorInfoStrong: _light["default"].infoColorL20,
+  statusColorNormal: _light["default"].successColorL10,
+  statusColorNormalWeak: _light["default"].successColor,
+  statusColorNormalStrong: _light["default"].successColorL20,
+  statusColorLow: _light["default"].warningColorL10,
+  statusColorLowWeak: _light["default"].warningColor,
+  statusColorLowStrong: _light["default"].warningColorL20,
+  statusColorMedium: _light["default"].alertColorL10,
+  statusColorMediumWeak: _light["default"].alertColor,
+  statusColorMediumStrong: _light["default"].alertColorL20,
+  statusColorHigh: _light["default"].errorColorL10,
+  statusColorHighWeak: _light["default"].errorColor,
+  statusColorHighStrong: _light["default"].errorColorL20,
+  statusColorCritical: _light["default"].errorColorD20,
+  statusColorCriticalWeak: _light["default"].errorColorD30,
+  statusColorCriticalStrong: _light["default"].errorColorD10
+};
+
 /**
  * ## Syntax colors
  * Syntax colors are used only for code blocks.
  *
  * @colorSet verbose alphabetical
  */
-
 var syntaxColors = {
   syntaxBlue: '#6cd0f0',
   syntaxBrown: '#fccf87',
@@ -53,20 +76,17 @@ var syntaxColors = {
   syntaxRed: '#fa94aa',
   syntaxTeal: '#45d4ba'
 };
+
 /**
  * ## Interactive borders
  *
  * @borderSet
  */
-
 var bordersInteractive = {
   activeBorder: "".concat(dark.borderActiveColor, " double")
 };
-
-var theme = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _light["default"]), dark), syntaxColors), bordersInteractive), {}, {
+var theme = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _light["default"]), dark), statusColors), syntaxColors), bordersInteractive), {}, {
   borderLightColor: _light["default"].gray60 // @deprecated, SUI-5981
-
 });
-
 var _default = theme;
 exports["default"] = _default;

package/enterprise/index.js

@@ -4,28 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _light = _interopRequireDefault(require("./light"));
-
 var _dark = _interopRequireDefault(require("./dark"));
-
 var _compact = _interopRequireDefault(require("./compact"));
-
 var _comfortable = _interopRequireDefault(require("./comfortable"));
-
 var _prismaAliases = _interopRequireDefault(require("./prismaAliases"));
-
-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); }
 function createEnterpriseTheme(_ref) {
   var colorScheme = _ref.colorScheme,
-      density = _ref.density;
+    density = _ref.density;
   var cs = {
     light: _light["default"],
     dark: _dark["default"]
@@ -40,6 +33,5 @@ function createEnterpriseTheme(_ref) {
   });
   return _objectSpread(_objectSpread(_objectSpread({}, cs), d), pa);
 }
-
 var _default = createEnterpriseTheme;
 exports["default"] = _default;

package/enterprise/light.js

@@ -1,24 +1,21 @@
 "use strict";
 
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
-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 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 dragHandle = "iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA2SURBVHgB7dKhEQAgDAPAhDnxDMAcDIBnT1pZV1FRk3e53EWFc+2P4N3DmLN+oKh/QADqB+IMUKEQD/CeueAAAAAASUVORK5CYII="; // see babel-plugin-base64-pngimport {
-
 /**
  * ## Brand colors
  *
  *  @colorSet
  */
-
 var brandColors = {
   brandColorL50: '#f5fbf5',
   brandColorL40: '#dff2df',
@@ -32,12 +29,12 @@ var brandColors = {
   brandColorD40: '#307b30',
   brandColorD50: '#286728'
 };
+
 /**
  * ## Grayscale colors
  *
  * @colorSet
  */
-
 var grays = {
   white: '#ffffff',
   gray98: '#f7f8fa',
@@ -52,12 +49,12 @@ var grays = {
   gray20: '#171d21',
   black: '#000000'
 };
+
 /**
  * ## Accent colors
  *
  * @colorSet
  */
-
 var accentColors = {
   accentColorL50: '#ecf8ff',
   accentColorL40: '#bfe9ff',
@@ -71,12 +68,12 @@ var accentColors = {
   accentColorD40: '#004a71',
   accentColorD50: '#003d5e'
 };
+
 /**
  * ## Error Colors
  *
  * @colorSet
  */
-
 var errorColors = {
   errorColorL50: '#fcedec',
   errorColorL40: '#f8dcd9',
@@ -90,12 +87,12 @@ var errorColors = {
   errorColorD40: '#852d24',
   errorColorD50: '#6f261d'
 };
+
 /**
  * ## Alert colors
  *
  * @colorSet
  * */
-
 var alertColors = {
   alertColorL50: '#fef3ec',
   alertColorL40: '#fde6d9',
@@ -109,12 +106,12 @@ var alertColors = {
   alertColorD40: '#914d1f',
   alertColorD50: '#79401a'
 };
+
 /**
  * ## Warning colors
  *
  *  @colorSet
  */
-
 var warningColors = {
   warningColorL50: '#fff9eb',
   warningColorL40: '#fef2d7',
@@ -128,12 +125,12 @@ var warningColors = {
   warningColorD40: '#957312',
   warningColorD50: '#7d600f'
 };
+
 /**
  * ## Success colors
  *
  * @colorSet
  */
-
 var successColors = {
   successColorL50: '#eef6ee',
   successColorL40: '#ddecdd',
@@ -147,12 +144,12 @@ var successColors = {
   successColorD40: '#2f612e',
   successColorD50: '#275126'
 };
+
 /**
  * ## Info colors
  *
  *  @colorSet
  */
-
 var infoColors = {
   infoColorL50: '#e5f0f5',
   infoColorL40: '#cce2eb',
@@ -166,12 +163,12 @@ var infoColors = {
   infoColorD40: '#00364d',
   infoColorD50: '#002b3e'
 };
+
 /**
  * ## Diverging colors
  *
  * @colorSet alphabetical
  */
-
 var divergingColors = {
   diverging1ColorA: '#006d9c',
   diverging1ColorB: '#ec9960',
@@ -184,12 +181,12 @@ var divergingColors = {
   diverging5ColorA: '#294e70',
   diverging5ColorB: '#b6c75a'
 };
+
 /**
  * ## Categorical Colors
  *
  * @colorSet alphabetical
  */
-
 var categoricalColors = {
   cat1Color: '#297ba5',
   cat1ColorL: '#78b9d6',
@@ -252,12 +249,12 @@ var categoricalColors = {
   cat30Color: '#184b81',
   cat30ColorL: '#a4bbe0'
 };
+
 /**
  * ## Usage-based colors
  *
  * @colorSet verbose
  */
-
 var usageColors = {
   textColor: grays.gray30,
   textGray: '#6b7785',
@@ -273,13 +270,40 @@ var usageColors = {
   backgroundColor: grays.white,
   transparent: 'transparent'
 };
+
+/**
+ * ## Status colors
+ * Status colors are reserved for communicating urgency and severity associated with data objects and to categorize the visual communication of system responses.
+ *
+ * @colorSet verbose
+ */
+var statusColors = {
+  statusColorInfo: infoColors.infoColorL10,
+  statusColorInfoWeak: infoColors.infoColorL20,
+  statusColorInfoStrong: infoColors.infoColor,
+  statusColorNormal: successColors.successColorL10,
+  statusColorNormalWeak: successColors.successColorL20,
+  statusColorNormalStrong: successColors.successColor,
+  statusColorLow: warningColors.warningColorL10,
+  statusColorLowWeak: warningColors.warningColorL20,
+  statusColorLowStrong: warningColors.warningColor,
+  statusColorMedium: alertColors.alertColorL10,
+  statusColorMediumWeak: alertColors.alertColorL20,
+  statusColorMediumStrong: alertColors.alertColor,
+  statusColorHigh: errorColors.errorColorL10,
+  statusColorHighWeak: errorColors.errorColorL20,
+  statusColorHighStrong: errorColors.errorColor,
+  statusColorCritical: errorColors.errorColorD20,
+  statusColorCriticalWeak: errorColors.errorColorD30,
+  statusColorCriticalStrong: errorColors.errorColorD10
+};
+
 /**
  * ## Syntax colors
  * The following colors should only be used for syntax coloring of code.
  *
  * @colorSet verbose alphabetical
  */
-
 var syntaxColors = {
   syntaxBlue: '#006aa3',
   syntaxBlueLight: '#006d9c',
@@ -295,41 +319,41 @@ var syntaxColors = {
   syntaxRedLight: '#af575a',
   syntaxTeal: '#1a7060'
 };
+
 /**
  * ## Shadows
  *
  * @shadowSet
  */
-
 var shadows = {
   focusShadow: "0 0 1px 3px ".concat(usageColors.focusColor),
   focusShadowInset: "inset 0 0 1px 1px ".concat(grays.white, ", inset 0 0 0 3px ").concat(usageColors.focusColor),
   overlayShadow: '0 4px 8px rgba(0, 0, 0, 0.2)'
 };
+
 /**
  * ## Interactive borders
  *
  * @borderSet
  */
-
 var bordersInteractive = {
   activeBorder: "".concat(usageColors.borderActiveColor, " double")
 };
+
 /**
  * ## Backgrounds
  *
  * @colorSet verbose
  */
-
 var backgrounds = {
   draggableBackground: "url('data:image/png;base64,".concat(dragHandle, "') 0 0 / 8px 8px repeat")
 };
+
 /**
  * ## Border
  *
  * @valueSet
  */
-
 var borders = {
   border: "1px solid ".concat(usageColors.borderColor)
 };
@@ -339,13 +363,13 @@ var sansFontFamily = "'Splunk Platform Sans', 'Proxima Nova', Roboto, Droid, 'He
  *
  * @valueSet
  */
-
 var fontFamily = {
   sansFontFamily: sansFontFamily,
   serifFontFamily: "Georgia, 'Times New Roman', Times, serif",
   monoFontFamily: "'Splunk Platform Mono', Inconsolata, Consolas, 'Droid Sans Mono', Monaco, 'Courier New', Courier, monospace",
   fontFamily: sansFontFamily
 };
+
 /**
  * ## Font weights
  *
@@ -353,7 +377,6 @@ var fontFamily = {
  *
  * @valueSet
  */
-
 var fontWeights = {
   fontWeightLight: 300,
   fontWeightNormal: 400,
@@ -362,13 +385,13 @@ var fontWeights = {
   fontWeightHeavy: 800,
   fontWeightExtraBold: 900
 };
+
 /**
  * ## Layers
  * If a variable does not suit your purpose, set a value relatively, such as zindexModal +1.
  *
  * @valueSet
  */
-
 var zindexes = {
   zindexLayer: 1000,
   zindexFixedNavbar: 1030,
@@ -377,11 +400,8 @@ var zindexes = {
   zindexPopover: 1060,
   zindexToastMessages: 2000
 };
-
-var theme = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, brandColors), grays), accentColors), errorColors), alertColors), warningColors), successColors), infoColors), categoricalColors), divergingColors), syntaxColors), fontFamily), fontWeights), usageColors), backgrounds), shadows), bordersInteractive), borders), zindexes), {}, {
+var theme = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, brandColors), grays), accentColors), errorColors), alertColors), warningColors), successColors), infoColors), categoricalColors), divergingColors), statusColors), syntaxColors), fontFamily), fontWeights), usageColors), backgrounds), shadows), bordersInteractive), borders), zindexes), {}, {
   borderLightColor: grays.gray92 // @deprecated SUI-5981
-
 });
-
 var _default = theme;
 exports["default"] = _default;

package/enterprise/prismaAliases.js

@@ -4,23 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _tinycolor = _interopRequireDefault(require("tinycolor2"));
-
 var _light = _interopRequireDefault(require("./light"));
-
 var _dark = _interopRequireDefault(require("./dark"));
-
 var _compact = _interopRequireDefault(require("./compact"));
-
 var _comfortable = _interopRequireDefault(require("./comfortable"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
 function createPrismaAliases(_ref) {
   var colorScheme = _ref.colorScheme,
-      density = _ref.density;
+    density = _ref.density;
   var cs = {
     light: _light["default"],
     dark: _dark["default"]
@@ -29,6 +22,7 @@ function createPrismaAliases(_ref) {
     compact: _compact["default"],
     comfortable: _comfortable["default"]
   }[density];
+
   /**
    * # Prisma Aliases
    * The following aliases for prisma variables are provided for convenience. Just because an alias is provided,
@@ -55,18 +49,11 @@ function createPrismaAliases(_ref) {
    *
    * @valueSet
    */
-
   var prismaAliases = {
     accentColorPositive: cs.successColor,
     accentColorWarning: cs.warningColor,
     accentColorAlert: cs.alertColor,
     accentColorNegative: cs.errorColor,
-    statusColorInfo: cs.infoColorL10,
-    statusColorNormal: cs.successColorL10,
-    statusColorLow: cs.warningColorL10,
-    statusColorMedium: cs.alertColorL10,
-    statusColorHigh: cs.errorColorL10,
-    statusColorCritical: cs.errorColorD20,
     embossShadow: cs.overlayShadow,
     dragShadow: cs.overlayShadow,
     modalShadow: cs.overlayShadow,
@@ -104,6 +91,5 @@ function createPrismaAliases(_ref) {
   };
   return prismaAliases;
 }
-
 var _default = createPrismaAliases;
 exports["default"] = _default;