@splunk/themes 0.23.0 → 1.0.0-beta.3

package/prisma/light.js

@@ -12,13 +12,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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); }
-/**
- * ## Background colors
- * Background colors should be used only for backgrounds of higher level sections & containers of a UI.
- *
- * @colorSet verbose
- */
-
 var backgroundColors = {
   backgroundColorPopup: '#ffffff',
   backgroundColorSection: '#ffffff',
@@ -29,33 +22,60 @@ var backgroundColors = {
   backgroundColorDialog: '#ffffff',
   backgroundColorScrim: 'rgba(255, 255, 255, 0.75)'
 };
-
-/**
- * ## Content colors
- * Content colors should be used for text, icons and dividers.
- *
- * @colorSet verbose
- */
-
+var borderColors = {
+  borderColor: ' #8f8f8f',
+  borderColorWeak: '#e0e0e0',
+  borderColorStrong: '#6b6b6b'
+};
 var contentColors = {
+  contentBackgroundColorNegativeWeak: 'rgba(235, 70, 81, 0.20)',
+  contentColorAccent: '#0264d7',
+  contentColorAccentStrong: '#013f88',
+  contentColorAccentWeak: '#b3d6fe',
   contentColorActive: '#2c2c2c',
   contentColorDefault: '#4d4d4d',
   contentColorDisabled: '#878787',
+  contentColorInfo: '#006be5',
   contentColorInverted: '#ffffff',
-  contentColorMuted: '#6b6b6b'
+  contentColorMuted: '#6b6b6b',
+  contentColorNegative: '#e00000',
+  contentColorNegativeStrong: '#7a0000',
+  contentColorNegativeWeak: '#ff9999',
+  contentColorPositive: '#407a06',
+  contentColorWarning: '#c97705',
+  contentColorLink: '#0264d7'
+};
+var actionColors = {
+  actionColorBackgroundPrimary: '#0264d7',
+  actionColorBackgroundPrimaryActive: '#024ba2',
+  actionColorBackgroundPrimaryDisabled: '#72b2fe',
+  actionColorBackgroundPrimaryHover: '#024ba2',
+  actionColorBackgroundSubtle: 'transparent',
+  actionColorBackgroundSecondaryActive: '#d6d6d6',
+  actionColorBackgroundSubtleDisabled: 'transparent',
+  actionColorBackgroundSecondaryHover: '#d6d6d6',
+  actionColorBackgroundSecondary: 'transparent',
+  actionColorBackgroundSubtleActive: '#cce3ff',
+  actionColorBackgroundSecondaryDisabled: 'transparent',
+  actionColorBackgroundSubtleHover: '#cce3ff',
+  actionColorBackgroundDestructive: '#e00000',
+  actionColorBackgroundDestructiveActive: '#a30000',
+  actionColorBackgroundDestructiveDisabled: '#ff9999',
+  actionColorBackgroundDestructiveHover: '#a30000',
+  actionColorBackgroundDestructiveSecondary: 'transparent',
+  actionColorBackgroundDestructiveSecondaryActive: '#ffcccc',
+  actionColorBackgroundDestructiveSecondaryDisabled: 'transparent',
+  actionColorBackgroundDestructiveSecondaryHover: '#ffcccc',
+  actionColorBorderSecondary: '#858585',
+  actionColorBorderSecondaryActive: '#525252',
+  actionColorBorderSecondaryDisabled: '#d6d6d6',
+  actionColorBorderSecondaryHover: '#525252',
+  actionColorBorderDestructiveSecondary: '#e00000',
+  actionColorBorderDestructiveSecondaryActive: '#a30000',
+  actionColorBorderDestructiveSecondaryDisabled: '#ff9999',
+  actionColorBorderDestructiveSecondaryHover: '#a30000'
 };
-
-/**
- * ## Interactive colors
- * Interactive colors are specifically chosen for borders and backgrounds of controls and other interactive content.
- * "Overlay" colors are intended to be placed over the default background color, such as interactiveColorPrimary.
- * If the default background color is not transparent, the `blend` mixin can be used to create a new color that combines the two.
- *
- * @colorSet verbose
- */
-
 var interactiveColors = {
-  interactiveColorPrimary: '#0264d7',
   interactiveColorBorder: 'rgba(0, 0, 0, 0.48)',
   interactiveColorBorderActive: 'rgba(0, 0, 0, 0.5)',
   interactiveColorBorderHover: 'rgba(0, 0, 0, 0.6)',
@@ -64,33 +84,48 @@ var interactiveColors = {
   interactiveColorOverlayHover: 'rgba(0, 0, 0, 0.03)',
   interactiveColorOverlayActive: 'rgba(0, 0, 0, 0.07)',
   interactiveColorOverlayDrag: 'rgba(2, 100, 215, 0.16)',
-  interactiveColorBackground: '#eeeeee',
-  interactiveColorBackgroundDisabled: 'rgba(0, 0, 0, 0.1)'
+  interactiveColorBackground: 'transparent',
+  interactiveColorBackgroundDisabled: 'transparent',
+  interactiveColorAccent: '#0264d7',
+  interactiveColorAccentError: '#e00000',
+  interactiveColorAccentErrorStrong: '#a01d26'
 };
-
-/**
- * ## Neutral colors
- * Neutrals are used for dividers and as backup colors that can sparingly be used for cases, when the other defined colors are not enough.
- *
- * @colorSet verbose
- */
-
 var neutralColors = {
   white: '#ffffff',
+  neutral50: '#f2f2f2',
   neutral100: '#f0f0f0',
   neutral200: '#e6e6e6',
   neutral300: '#dddddd',
   neutral400: '#cacaca',
   neutral500: '#b8b8b8',
-  black: '#000000'
+  black: '#000000',
+  transparent: 'transparent'
+};
+var notificationColors = {
+  notificationColorInfoWeak: '#F0E5FF',
+  notificationColorInfo: '#8C4CEB',
+  notificationColorInfoStrong: '#40226D',
+  notificationColorPositiveWeak: '#CCEEFF',
+  notificationColorPositive: '#0076B2',
+  notificationColorPositiveStrong: '#054362',
+  notificationColorCautionWeak: '#FEE7B9',
+  notificationColorCaution: '#996600',
+  notificationColorCautionStrong: '#664400',
+  notificationColorNegativeWeak: '#FFE5E5',
+  notificationColorNegative: '#CF1717',
+  notificationColorNegativeStrong: '#5D0A0A'
+};
+var severityColors = {
+  severityColorCustom: '#5D6596',
+  severityColorUnknown: '#656C75',
+  severityColorInfo: '#864AE0',
+  severityColorNormal: '#017580',
+  severityColorNotice: '#A65503',
+  severityColorWarning: '#BD410B',
+  severityColorAlert: '#CC2D37',
+  severityColorCritical: '#C2306F',
+  severityColorEmergency: '#B53394'
 };
-
-/**
- * ## 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: '#006be5',
   statusColorInfoWeak: (0, _tinycolor["default"])('#006be5').lighten(10).toHexString(),
@@ -111,39 +146,12 @@ var statusColors = {
   statusColorCriticalWeak: (0, _tinycolor["default"])('#9e1534').lighten(10).toHexString(),
   statusColorCriticalStrong: (0, _tinycolor["default"])('#9e1534').darken(10).toHexString()
 };
-
-/**
- * ## Accent colors
- * Accent colors aid and categorize the visual communication of the system response.
- *
- * @colorSet verbose
- */
-var accentColors = {
-  accentColorPositive: statusColors.statusColorNormal,
-  accentColorWarning: statusColors.statusColorMedium,
-  accentColorAlert: '#c6400d',
-  accentColorNegative: statusColors.statusColorHigh
-};
-
-/**
- * ## Elevation shadows
- *
- * @shadowSet
- *
- */
 var elevationShadows = {
-  embossShadow: ' 0px 1px 5px rgba(0, 0, 0, 0.07), 0px 0px 1px rgba(0, 0, 0, 0.07)',
+  embossShadow: '0px 1px 5px rgba(0, 0, 0, 0.07), 0px 0px 1px rgba(0, 0, 0, 0.07)',
   overlayShadow: '0px 26px 103px rgba(0, 0, 0, 0.13), 0px 11px 18px rgba(0, 0, 0, 0.06), 0px 3px 6px rgba(0, 0, 0, 0.06)',
   dragShadow: '0px 26px 103px rgba(0, 0, 0, 0.13), 0px 11px 18px rgba(0, 0, 0, 0.06), 0px 3px 6px rgba(0, 0, 0, 0.06)',
   modalShadow: '0px 50px 200px rgba(0, 0, 0, 0.3), 0px 29px 66px rgba(0, 0, 0, 0.08), 0px 29px 47px rgba(0, 0, 0, 0.08), 0px 5px 10px rgba(0, 0, 0, 0.03)'
 };
-
-/**
- * ## Syntax colors
- * Syntax colors are used only for code blocks.
- *
- * @colorSet verbose alphabetical
- */
 var syntaxColors = {
   syntaxBlue: '#0f7594',
   syntaxBrown: '#9f6404',
@@ -155,6 +163,13 @@ var syntaxColors = {
   syntaxRed: '#db1e47',
   syntaxTeal: '#1d7c6b'
 };
-var theme = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, accentColors), statusColors), elevationShadows), backgroundColors), contentColors), neutralColors), interactiveColors), syntaxColors);
+var deprecated = {
+  accentColorPositive: statusColors.statusColorNormal,
+  accentColorWarning: statusColors.statusColorMedium,
+  accentColorAlert: '#c6400d',
+  accentColorNegative: statusColors.statusColorHigh,
+  interactiveColorPrimary: '#0264d7'
+};
+var theme = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, actionColors), notificationColors), severityColors), statusColors), elevationShadows), backgroundColors), borderColors), contentColors), neutralColors), interactiveColors), syntaxColors), deprecated);
 var _default = theme;
 exports["default"] = _default;

package/splunk-magnetic/index.js

@@ -0,0 +1,178 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _tinycolor = _interopRequireDefault(require("tinycolor2"));
+var _magneticTokensLight = _interopRequireDefault(require("./magneticTokensLight"));
+var _magneticTokensDark = _interopRequireDefault(require("./magneticTokensDark"));
+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); }
+/**
+ *  Handles mapping both our light and dark categorical colors to their appropriate Magnetic token value
+ *  Note: Unlike other tokens dark + light tokens for these exists on either colorSchem so both sets need mapped.
+ */
+var mapMagneticCategoricalColors = function mapMagneticCategoricalColors() {
+  var tokenMap = {
+    categorical1D1: '',
+    categorical1D2: '',
+    categorical1D3: '',
+    categorical1D4: '',
+    categorical1D5: '',
+    categorical1D6: '',
+    categorical1D7: '',
+    categorical2D1: '',
+    categorical2D2: '',
+    categorical2D3: '',
+    categorical2D4: '',
+    categorical2D5: '',
+    categorical2D6: '',
+    categorical2D7: '',
+    categorical1L1: '',
+    categorical1L2: '',
+    categorical1L3: '',
+    categorical1L4: '',
+    categorical1L5: '',
+    categorical1L6: '',
+    categorical1L7: '',
+    categorical2L1: '',
+    categorical2L2: '',
+    categorical2L3: '',
+    categorical2L4: '',
+    categorical2L5: '',
+    categorical2L6: '',
+    categorical2L7: ''
+  };
+  var magneticTokenLetters = ['a', 'b', 'c', 'd', 'e', 'f', 'g'];
+  for (var i = 0; i < 7; i += 1) {
+    var magneticCat1TokenName = "accent-".concat(magneticTokenLetters[i], "-default");
+    var magneticCat2TokenName = "accent-".concat(magneticTokenLetters[i], "-weak-default");
+
+    // Splunk light mode tokens (yes D + L are opposite of what you would think)
+    var splunkLightCat1TokenName = "categorical1D".concat(i + 1);
+    tokenMap[splunkLightCat1TokenName] = _magneticTokensLight["default"][magneticCat1TokenName];
+    var splunkLightCat2TokenName = "categorical2D".concat(i + 1);
+    tokenMap[splunkLightCat2TokenName] = _magneticTokensLight["default"][magneticCat2TokenName];
+
+    // Splunk dark mode tokens (yes D + L are opposite of what you would think)
+    var splunkDarkCat1TokenName = "categorical1L".concat(i + 1);
+    tokenMap[splunkDarkCat1TokenName] = _magneticTokensDark["default"][magneticCat1TokenName];
+    var splunkDarkCat2TokenName = "categorical2L".concat(i + 1);
+    tokenMap[splunkDarkCat2TokenName] = _magneticTokensDark["default"][magneticCat2TokenName];
+  }
+  return tokenMap;
+};
+var magneticTypography = {
+  fontFamily: "Inter, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
+  fontFamilyTitle: "'Sharp Sans', -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
+  monoFontFamily: "'Roboto Mono', ui-monospace, 'Courier New', Menlo, Monaco"
+};
+var splunkMagneticThemeCustomizer = function splunkMagneticThemeCustomizer(currentTheme) {
+  var pickMagnetic = function pickMagnetic(magneticTokenName) {
+    switch (currentTheme.colorScheme) {
+      case 'light':
+        return _magneticTokensLight["default"][magneticTokenName];
+      case 'dark':
+        return _magneticTokensDark["default"][magneticTokenName];
+      default:
+        if (false) {
+          // ensure all possible known types had case statements: https://www.typescriptlang.org/docs/handbook/2/narrowing.html#exhaustiveness-checking
+          var exhaustiveCheck = currentTheme.colorScheme;
+          // eslint-disable-next-line no-console
+          console.log("Unknown theme colorScheme, ".concat(exhaustiveCheck, "."));
+        }
+        return '';
+    }
+  };
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, currentTheme), magneticTypography), mapMagneticCategoricalColors()), {}, {
+    accentColor: pickMagnetic('brand-accent-border-default'),
+    actionColorBackgroundDestructive: pickMagnetic('negative-bg-default'),
+    actionColorBackgroundDestructiveActive: pickMagnetic('negative-bg-active'),
+    actionColorBackgroundDestructiveDisabled: pickMagnetic('negative-bg-disabled'),
+    actionColorBackgroundDestructiveHover: pickMagnetic('negative-bg-hover'),
+    actionColorBackgroundDestructiveSecondary: pickMagnetic('interact-bg-weak-disabled'),
+    actionColorBackgroundDestructiveSecondaryActive: pickMagnetic('negative-bg-weak-active'),
+    actionColorBackgroundDestructiveSecondaryDisabled: pickMagnetic('negative-bg-weak-disabled'),
+    actionColorBackgroundDestructiveSecondaryHover: pickMagnetic('negative-bg-weak-hover'),
+    actionColorBackgroundPrimary: pickMagnetic('interact-bg-default'),
+    actionColorBackgroundPrimaryActive: pickMagnetic('interact-bg-active'),
+    actionColorBackgroundPrimaryDisabled: pickMagnetic('interact-bg-disabled'),
+    actionColorBackgroundPrimaryHover: pickMagnetic('interact-bg-hover'),
+    actionColorBackgroundSecondary: pickMagnetic('interact-bg-weak-default'),
+    actionColorBackgroundSecondaryActive: pickMagnetic('interact-bg-weak-active'),
+    actionColorBackgroundSecondaryDisabled: pickMagnetic('interact-bg-weak-disabled'),
+    actionColorBackgroundSecondaryHover: pickMagnetic('interact-bg-weak-hover'),
+    actionColorBackgroundSubtle: pickMagnetic('interact-bg-weak-default'),
+    actionColorBackgroundSubtleActive: pickMagnetic('interact-bg-weak-active'),
+    actionColorBackgroundSubtleDisabled: pickMagnetic('interact-bg-weak-disabled'),
+    actionColorBackgroundSubtleHover: pickMagnetic('interact-bg-weak-hover'),
+    actionColorBorder: pickMagnetic('interact-border-default'),
+    actionColorBorderDestructiveSecondary: pickMagnetic('negative-border-default'),
+    actionColorBorderDestructiveSecondaryActive: pickMagnetic('negative-border-active'),
+    actionColorBorderDestructiveSecondaryDisabled: pickMagnetic('negative-border-disabled'),
+    actionColorBorderDestructiveSecondaryHover: pickMagnetic('negative-border-hover'),
+    actionColorBorderSecondary: pickMagnetic('interact-border-default'),
+    actionColorBorderSecondaryActive: pickMagnetic('interact-border-active'),
+    actionColorBorderSecondaryDisabled: pickMagnetic('interact-border-disabled'),
+    actionColorBorderSecondaryHover: pickMagnetic('interact-border-hover'),
+    actionColorBorderWeak: pickMagnetic('interact-border-weak-default'),
+    actionColorPrimary: pickMagnetic('interact-bg-default'),
+    actionColorDestructive: pickMagnetic('negative-bg-default'),
+    actionColorDestructiveStrong: pickMagnetic('negative-bg-strong-default'),
+    actionColorDestructiveWeak: pickMagnetic('negative-bg-weak-default'),
+    backgroundColorDialog: pickMagnetic('control-bg-weak-default'),
+    backgroundColorInverted: pickMagnetic('inverse-bg-default'),
+    backgroundColorPage: pickMagnetic('base-bg-default'),
+    backgroundColorNavigation: currentTheme.colorScheme === 'light' ? "linear-gradient(90deg, ".concat(_magneticTokensLight["default"]['inverse-bg-gradient-start'], ", ").concat(_magneticTokensLight["default"]['inverse-bg-gradient-end']) : "linear-gradient(90deg, ".concat(_magneticTokensDark["default"]['inverse-bg-gradient-start'], ", ").concat(_magneticTokensDark["default"]['inverse-bg-gradient-end']),
+    backgroundColorPopup: pickMagnetic('base-bg-weak-default'),
+    backgroundColorScrim: pickMagnetic('control-bg-weak-default'),
+    backgroundColorSidebar: pickMagnetic('base-bg-default'),
+    backgroundColorSection: pickMagnetic('base-bg-weak-default'),
+    borderColor: pickMagnetic('base-border-default'),
+    borderColorStrong: pickMagnetic('base-border-strong-default'),
+    borderColorWeak: pickMagnetic('base-border-weak-default'),
+    contentBackgroundColorNegativeWeak: pickMagnetic('negative-bg-strong-default'),
+    contentColorActive: pickMagnetic('base-text-default'),
+    contentColorDefault: pickMagnetic('base-text-default'),
+    contentColorDisabled: pickMagnetic('interact-text-in-disabled'),
+    contentColorInverted: pickMagnetic('interact-text-in-default'),
+    contentColorMuted: pickMagnetic('base-text-weak-default'),
+    contentColorNegative: pickMagnetic('negative-text-default'),
+    embossShadow: '0px 2px 5px 0px rgba(0, 0, 0, 0.05)',
+    focusColor: pickMagnetic('control-border-focus'),
+    focusShadow: currentTheme.colorScheme === 'light' ? "0 0 0 2px ".concat(_magneticTokensLight["default"]['interact-bg-weak-active'], ",0 0 0 4px ").concat(_magneticTokensLight["default"]['control-border-focus']) : "0 0 0 2px ".concat(_magneticTokensDark["default"]['interact-bg-weak-active'], ",0 0 0 4px ").concat(_magneticTokensDark["default"]['control-border-focus']),
+    interactiveColorAccent: pickMagnetic('control-bg-strong-default'),
+    interactiveColorAccentError: pickMagnetic('negative-bg-medium-default'),
+    interactiveColorAccentErrorStrong: pickMagnetic('negative-bg-strong-default'),
+    interactiveColorAccentErrorWeak: pickMagnetic('negative-bg-weak-default'),
+    interactiveColorBackground: pickMagnetic('control-bg-default'),
+    interactiveColorBackgroundDisabled: pickMagnetic('control-bg-disabled'),
+    interactiveColorBorder: pickMagnetic('control-border-default'),
+    interactiveColorBorderDisabled: pickMagnetic('control-border-disabled'),
+    interactiveColorBorderDisabledError: pickMagnetic('negative-border-weak-disabled'),
+    interactiveColorBorderHover: pickMagnetic('control-border-hover'),
+    linkColor: pickMagnetic('interact-text-default'),
+    modalShadow: '0px 4px 12px 0px rgba(0, 0, 0, 0.12)',
+    overlayShadow: '0px 4px 12px 0px rgba(0,0,0,0.18)',
+    statusColorHigh: pickMagnetic('negative-icon-default'),
+    statusColorHighStrong: pickMagnetic('negative-border-strong-default'),
+    statusColorHighWeak: pickMagnetic('negative-bg-medium-default'),
+    statusColorInfo: pickMagnetic('info-icon-default'),
+    statusColorInfoStrong: currentTheme.colorScheme === 'light' ? (0, _tinycolor["default"])(pickMagnetic('info-icon-default')).darken(10).toRgbString() : (0, _tinycolor["default"])(pickMagnetic('info-icon-default')).lighten(10).toRgbString(),
+    statusColorInfoWeak: pickMagnetic('info-bg-medium-default'),
+    statusColorMedium: pickMagnetic('warning-icon-strong-default'),
+    statusColorMediumStrong: pickMagnetic('warning-border-strong-default'),
+    statusColorMediumWeak: pickMagnetic('warning-bg-medium-default'),
+    statusColorNormal: pickMagnetic('positive-icon-strong-default'),
+    statusColorNormalStrong: pickMagnetic('positive-border-strong-default'),
+    statusColorNormalWeak: pickMagnetic('positive-bg-medium-default')
+  });
+};
+var _default = splunkMagneticThemeCustomizer;
+exports["default"] = _default;