@splunk/themes 1.0.0-beta.2 → 1.0.0-beta.4

package/prisma/dark.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: '#27292e',
   backgroundColorSection: '#1a1c20',
@@ -29,26 +22,11 @@ var backgroundColors = {
   backgroundColorDialog: '#1e2024',
   backgroundColorScrim: 'rgba(0, 0, 0, 0.8)'
 };
-
-/**
- * ## Border colors
- *
- * @colorSet verbose
- */
-
 var borderColors = {
   borderColor: '#717275',
   borderColorWeak: '#3d3e43',
   borderColorStrong: '#97989b'
 };
-
-/**
- * ## Content colors
- * Content colors should be used for text, icons and dividers.
- *
- * @colorSet verbose
- */
-
 var contentColors = {
   contentBackgroundColorNegativeWeak: 'rgba(160, 29, 38, 0.28)',
   contentColorAccent: '#3d95ff',
@@ -67,14 +45,6 @@ var contentColors = {
   contentColorWarning: '#f49106',
   contentColorLink: '#3993ff'
 };
-
-/**
- * ## Action colors
- * Action colors should be used for buttons.
- *
- * @colorSet verbose
- */
-
 var actionColors = {
   actionColorBackgroundPrimary: '#3993ff',
   actionColorBackgroundPrimaryActive: '#6baeff',
@@ -105,18 +75,7 @@ var actionColors = {
   actionColorBorderDestructiveSecondaryDisabled: '#561a1a',
   actionColorBorderDestructiveSecondaryHover: '#ff6b6b'
 };
-
-/**
- * ## Interactive colors
- * Interactive colors are specifically chosen for borders and backgrounds of controls.
- * "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: '#3993FF',
   interactiveColorBorder: 'rgba(255, 255, 255, 0.5)',
   interactiveColorBorderActive: 'rgba(225, 225, 225, 0.5)',
   interactiveColorBorderHover: 'rgba(255, 255, 255, 0.7)',
@@ -125,22 +84,15 @@ var interactiveColors = {
   interactiveColorOverlayHover: 'rgba(255, 255, 255, 0.05)',
   interactiveColorOverlayActive: 'rgba(0, 0, 0, 0.2)',
   interactiveColorOverlayDrag: 'rgba(57, 147, 255, 0.16)',
-  interactiveColorBackground: '#111215',
-  interactiveColorBackgroundDisabled: '#111215',
+  interactiveColorBackground: 'transparent',
+  interactiveColorBackgroundDisabled: 'transparent',
   interactiveColorAccent: '#3993ff',
   interactiveColorAccentError: '#ff4242',
   interactiveColorAccentErrorStrong: '#ff878b'
 };
-
-/**
- * ## 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 = {
   black: '#000000',
+  neutral50: '#232429',
   neutral100: '#33343b',
   neutral200: '#43454b',
   neutral300: '#505158',
@@ -149,53 +101,37 @@ var neutralColors = {
   white: '#ffffff',
   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: '#61cafa',
-  statusColorInfoWeak: (0, _tinycolor["default"])('#61cafa').darken(10).toHexString(),
-  statusColorInfoStrong: (0, _tinycolor["default"])('#61cafa').lighten(10).toHexString(),
-  statusColorNormal: '#85f415',
-  statusColorNormalWeak: (0, _tinycolor["default"])('#85f415').darken(10).toHexString(),
-  statusColorNormalStrong: (0, _tinycolor["default"])('#85f415').lighten(10).toHexString(),
-  statusColorLow: '#2cbda3',
-  statusColorLowWeak: (0, _tinycolor["default"])('#2cbda3').darken(10).toHexString(),
-  statusColorLowStrong: (0, _tinycolor["default"])('#2cbda3').lighten(10).toHexString(),
-  statusColorMedium: '#f49106',
-  statusColorMediumWeak: (0, _tinycolor["default"])('#f49106').darken(10).toHexString(),
-  statusColorMediumStrong: (0, _tinycolor["default"])('#f49106').lighten(10).toHexString(),
-  statusColorHigh: '#ff4242',
-  statusColorHighWeak: (0, _tinycolor["default"])('#ff4242').darken(10).toHexString(),
-  statusColorHighStrong: (0, _tinycolor["default"])('#ff4242').lighten(10).toHexString(),
-  statusColorCritical: '#ff3361',
-  statusColorCriticalWeak: (0, _tinycolor["default"])('#ff3361').darken(10).toHexString(),
-  statusColorCriticalStrong: (0, _tinycolor["default"])('#ff3361').lighten(10).toHexString()
+var notificationColors = {
+  notificationColorInfoWeak: '#2E1B4B',
+  notificationColorInfo: '#AC75FF',
+  notificationColorInfoStrong: '#D1B2FF',
+  notificationColorPositiveWeak: '#092635',
+  notificationColorPositive: '#1AB2FF',
+  notificationColorPositiveStrong: '#99DDFF',
+  notificationColorCautionWeak: '#331E00',
+  notificationColorCaution: '#FFAF0F',
+  notificationColorCautionStrong: '#FDDC9B',
+  notificationColorNegativeWeak: '#391313',
+  notificationColorNegative: '#FF5252',
+  notificationColorNegativeStrong: '#FF9999'
+};
+var severityColors = {
+  severityColorCustom: '#868EC2',
+  severityColorUnknown: '#889099',
+  severityColorInfo: '#A974F7',
+  severityColorNormal: '#04A4B0',
+  severityColorNotice: '#D6900D',
+  severityColorWarning: '#F26722',
+  severityColorAlert: '#FA5762',
+  severityColorCritical: '#F2638C',
+  severityColorEmergency: '#E85FC6'
 };
-
-/**
- * ## Elevation shadows
- *
- * @shadowSet
- *
- */
 var elevationShadows = {
   embossShadow: '0px 1px 5px rgba(0, 0, 0, 0.35), 0px 0px 1px rgba(0, 0, 0, 0.35)',
   overlayShadow: '0px 26px 103px rgba(0, 0, 0, 0.64), 0px 11px 18px rgba(0, 0, 0, 0.32), 0px 3px 6px rgba(0, 0, 0, 0.3)',
   dragShadow: '0px 26px 103px rgba(0, 0, 0, 0.64), 0px 11px 18px rgba(0, 0, 0, 0.32), 0px 3px 6px rgba(0, 0, 0, 0.3)',
   modalShadow: '0px 50px 200px #000000, 0px 29px 66px rgba(0, 0, 0, 0.41), 0px 14px 47px rgba(0, 0, 0, 0.17), 0px 5px 10px rgba(0, 0, 0, 0.15)'
 };
-
-/**
- * ## Syntax colors
- * Syntax colors are used only for code blocks.
- *
- * @colorSet verbose alphabetical
- */
 var syntaxColors = {
   syntaxBlue: '#6cd0f0',
   syntaxBrown: '#fccf87',
@@ -208,11 +144,33 @@ var syntaxColors = {
   syntaxTeal: '#45d4ba'
 };
 var deprecated = {
-  accentColorPositive: statusColors.statusColorNormal,
-  accentColorWarning: statusColors.statusColorMedium,
+  accentColorPositive: '#85f415',
+  // statusColorNormal
+  accentColorWarning: '#f49106',
+  // statusColorMedium
   accentColorAlert: '#c6400d',
-  accentColorNegative: statusColors.statusColorHigh
+  accentColorNegative: '#ff4242',
+  // statusColorHigh
+  interactiveColorPrimary: '#3993FF',
+  statusColorInfo: '#61cafa',
+  statusColorInfoWeak: (0, _tinycolor["default"])('#61cafa').darken(10).toHexString(),
+  statusColorInfoStrong: (0, _tinycolor["default"])('#61cafa').lighten(10).toHexString(),
+  statusColorNormal: '#85f415',
+  statusColorNormalWeak: (0, _tinycolor["default"])('#85f415').darken(10).toHexString(),
+  statusColorNormalStrong: (0, _tinycolor["default"])('#85f415').lighten(10).toHexString(),
+  statusColorLow: '#2cbda3',
+  statusColorLowWeak: (0, _tinycolor["default"])('#2cbda3').darken(10).toHexString(),
+  statusColorLowStrong: (0, _tinycolor["default"])('#2cbda3').lighten(10).toHexString(),
+  statusColorMedium: '#f49106',
+  statusColorMediumWeak: (0, _tinycolor["default"])('#f49106').darken(10).toHexString(),
+  statusColorMediumStrong: (0, _tinycolor["default"])('#f49106').lighten(10).toHexString(),
+  statusColorHigh: '#ff4242',
+  statusColorHighWeak: (0, _tinycolor["default"])('#ff4242').darken(10).toHexString(),
+  statusColorHighStrong: (0, _tinycolor["default"])('#ff4242').lighten(10).toHexString(),
+  statusColorCritical: '#ff3361',
+  statusColorCriticalWeak: (0, _tinycolor["default"])('#ff3361').darken(10).toHexString(),
+  statusColorCriticalStrong: (0, _tinycolor["default"])('#ff3361').lighten(10).toHexString()
 };
-var theme = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, actionColors), statusColors), elevationShadows), backgroundColors), borderColors), contentColors), neutralColors), interactiveColors), syntaxColors), deprecated);
+var theme = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, actionColors), notificationColors), severityColors), elevationShadows), backgroundColors), borderColors), contentColors), neutralColors), interactiveColors), syntaxColors), deprecated);
 var _default = theme;
 exports["default"] = _default;

package/prisma/dataViz.js

@@ -10,11 +10,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); }
-/**
- * #### Static colors
- *
- * @colorSet verbose
- */
 var staticColors = {
   static1: '#7B56DB',
   static2: '#009CEB',
@@ -37,12 +32,6 @@ var staticColors = {
   static19: '#FF969E',
   static20: '#E47BFE'
 };
-
-/**
- * #### Categorical 1D
- *
- * @colorSet verbose
- */
 exports.staticColors = staticColors;
 var categorical1D = {
   categorical1D1: '#5C33FF',
@@ -53,12 +42,6 @@ var categorical1D = {
   categorical1D6: '#2F8811',
   categorical1D7: '#555555'
 };
-
-/**
- * #### Categorical 1L
- *
- * @colorSet verbose
- */
 var categorical1L = {
   categorical1L1: '#9980FF',
   categorical1L2: '#45D4BA',
@@ -68,12 +51,6 @@ var categorical1L = {
   categorical1L6: '#88EE66',
   categorical1L7: '#F0B000'
 };
-
-/**
- * #### Categorical 2D
- *
- * @colorSet verbose
- */
 var categorical2D = {
   categorical2D1: '#1F4D5B',
   categorical2D2: '#CC0AD6',
@@ -83,12 +60,6 @@ var categorical2D = {
   categorical2D6: '#348350',
   categorical2D7: '#555555'
 };
-
-/**
- * #### Categorical 2L
- *
- * @colorSet verbose
- */
 var categorical2L = {
   categorical2L1: '#5599BE',
   categorical2L2: '#FB9DFB',
@@ -99,12 +70,6 @@ var categorical2L = {
   categorical2L7: '#F58B00'
 };
 var categorical = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, categorical1D), categorical1L), categorical2D), categorical2L);
-
-/**
- * #### Divergent 1D
- *
- * @colorSet verbose
- */
 exports.categorical = categorical;
 var divergent1D = {
   divergent1D1: '#118832',
@@ -115,12 +80,6 @@ var divergent1D = {
   divergent1D6: '#9E2520',
   divergent1D7: '#D41F1F'
 };
-
-/**
- * #### Divergent 1L
- *
- * @colorSet verbose
- */
 var divergent1L = {
   divergent1L1: '#08AE37',
   divergent1L2: '#55C169',
@@ -130,12 +89,6 @@ var divergent1L = {
   divergent1L6: '#F98C83',
   divergent1L7: '#FF5E5E'
 };
-
-/**
- * #### Divergent 2D
- *
- * @colorSet verbose
- */
 var divergent2D = {
   divergent2D1: '#0070F3',
   divergent2D2: '#115BAD',
@@ -145,12 +98,6 @@ var divergent2D = {
   divergent2D6: '#9E2520',
   divergent2D7: '#D41F1F'
 };
-
-/**
- * #### Divergent 2L
- *
- * @colorSet verbose
- */
 var divergent2L = {
   divergent2L1: '#2A99FF',
   divergent2L2: '#6BB3EE',
@@ -160,12 +107,6 @@ var divergent2L = {
   divergent2L6: '#F98C83',
   divergent2L7: '#FF5E5E'
 };
-
-/**
- * #### Divergent 3D
- *
- * @colorSet verbose
- */
 var divergent3D = {
   divergent3D1: '#299986',
   divergent3D2: '#277C52',
@@ -175,12 +116,6 @@ var divergent3D = {
   divergent3D6: '#602CA1',
   divergent3D7: '#8747DA'
 };
-
-/**
- * #### Divergent 3L
- *
- * @colorSet verbose
- */
 var divergent3L = {
   divergent3L1: '#14846C',
   divergent3L2: '#45D4BA',
@@ -190,12 +125,6 @@ var divergent3L = {
   divergent3L6: '#C093F9',
   divergent3L7: '#9156DD'
 };
-
-/**
- * #### Divergent 4D
- *
- * @colorSet verbose
- */
 var divergent4D = {
   divergent4D1: '#0D8387',
   divergent4D2: '#1A6765',
@@ -205,12 +134,6 @@ var divergent4D = {
   divergent4D6: '#9F3B23',
   divergent4D7: '#D54124'
 };
-
-/**
- * #### Divergent 4L
- *
- * @colorSet verbose
- */
 var divergent4L = {
   divergent4L1: '#008287',
   divergent4L2: '#2EA39B',
@@ -221,12 +144,6 @@ var divergent4L = {
   divergent4L7: '#DA4325'
 };
 var divergent = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, divergent1D), divergent1L), divergent2D), divergent2L), divergent3D), divergent3L), divergent4D), divergent4L);
-
-/**
- * #### Sequential 1D
- *
- * @colorSet verbose
- */
 exports.divergent = divergent;
 var sequential1D = {
   sequential1D1: '#118832',
@@ -237,12 +154,6 @@ var sequential1D = {
   sequential1D6: '#D94E17',
   sequential1D7: '#D41F1F'
 };
-
-/**
- * #### Sequential 1L
- *
- * @colorSet verbose
- */
 var sequential1L = {
   sequential1L1: '#088F44',
   sequential1L2: '#2EB82E',
@@ -252,12 +163,6 @@ var sequential1L = {
   sequential1L6: '#FF7149',
   sequential1L7: '#FE3A3A'
 };
-
-/**
- * #### Sequential 2D
- *
- * @colorSet verbose
- */
 var sequential2D = {
   sequential2D1: '#333022',
   sequential2D2: '#3D2830',
@@ -267,12 +172,6 @@ var sequential2D = {
   sequential2D6: '#A0409F',
   sequential2D7: '#B846BB'
 };
-
-/**
- * #### Sequential 2L
- *
- * @colorSet verbose
- */
 var sequential2L = {
   sequential2L1: '#EEE8CE',
   sequential2L2: '#E8C7CE',
@@ -282,12 +181,6 @@ var sequential2L = {
   sequential2L6: '#CE44CC',
   sequential2L7: '#C723CC'
 };
-
-/**
- * #### Sequential 3D
- *
- * @colorSet verbose
- */
 var sequential3D = {
   sequential3D1: '#333022',
   sequential3D2: '#253223',
@@ -297,12 +190,6 @@ var sequential3D = {
   sequential3D6: '#237561',
   sequential3D7: '#238570'
 };
-
-/**
- * #### Sequential 3L
- *
- * @colorSet verbose
- */
 var sequential3L = {
   sequential3L1: '#EEE8CE',
   sequential3L2: '#B6ECD4',
@@ -312,12 +199,6 @@ var sequential3L = {
   sequential3L6: '#249F86',
   sequential3L7: '#14846C'
 };
-
-/**
- * #### Sequential 4D
- *
- * @colorSet verbose
- */
 var sequential4D = {
   sequential4D1: '#333022',
   sequential4D2: '#442519',
@@ -327,12 +208,6 @@ var sequential4D = {
   sequential4D6: '#BD3737',
   sequential4D7: '#DA3B30'
 };
-
-/**
- * #### Sequential 4L
- *
- * @colorSet verbose
- */
 var sequential4L = {
   sequential4L1: '#EEE8CE',
   sequential4L2: '#F5CEBF',
@@ -342,12 +217,6 @@ var sequential4L = {
   sequential4L6: '#DF564D',
   sequential4L7: '#DD2E2E'
 };
-
-/**
- * #### Sequential 5D
- *
- * @colorSet verbose
- */
 var sequential5D = {
   sequential5D1: '#2E2E55',
   sequential5D2: '#4B1773',
@@ -357,12 +226,6 @@ var sequential5D = {
   sequential5D6: '#D97A0D',
   sequential5D7: '#CBA700'
 };
-
-/**
- * #### Sequential 5L
- *
- * @colorSet verbose
- */
 var sequential5L = {
   sequential5L1: '#EEE8CE',
   sequential5L2: '#F2DD88',
@@ -372,12 +235,6 @@ var sequential5L = {
   sequential5L6: '#EE4477',
   sequential5L7: '#DD22BB'
 };
-
-/**
- * #### Sequential 6D
- *
- * @colorSet verbose
- */
 var sequential6D = {
   sequential6D1: '#1C3355',
   sequential6D2: '#005580',
@@ -387,12 +244,6 @@ var sequential6D = {
   sequential6D6: '#9D9F0D',
   sequential6D7: '#CBA700'
 };
-
-/**
- * #### Sequential 6L
- *
- * @colorSet verbose
- */
 var sequential6L = {
   sequential6L1: '#EEE8CE',
   sequential6L2: '#E7E755',
@@ -403,83 +254,35 @@ var sequential6L = {
   sequential6L7: '#6666DD'
 };
 var sequential = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, sequential1D), sequential1L), sequential2D), sequential2L), sequential3D), sequential3L), sequential4D), sequential4L), sequential5D), sequential5L), sequential6D), sequential6L);
-
-/**
- * #### High low 1D
- *
- * @colorSet verbose
- */
 exports.sequential = sequential;
 var highLow1D = {
   highLow1DHigh: '#1C6B2D',
   highLow1DLow: '#9E2520'
 };
-
-/**
- * #### High low 1L
- *
- * @colorSet verbose
- */
 var highLow1L = {
   highLow1LHigh: '#55C169',
   highLow1LLow: '#F98C83'
 };
-
-/**
- * #### High low 2D
- *
- * @colorSet verbose
- */
 var highLow2D = {
   highLow2DHigh: '#115BAD',
   highLow2DLow: '#9E2520'
 };
-
-/**
- * #### High low 2L
- *
- * @colorSet verbose
- */
 var highLow2L = {
   highLow2LHigh: '#6BB3EE',
   highLow2LLow: '#F98C83'
 };
-
-/**
- * #### High low 3D
- *
- * @colorSet verbose
- */
 var highLow3D = {
   highLow3DHigh: '#277C52',
   highLow3DLow: '#602CA1'
 };
-
-/**
- * #### High low 3L
- *
- * @colorSet verbose
- */
 var highLow3L = {
   highLow3LHigh: '#45D4BA',
   highLow3LLow: '#C093F9'
 };
-
-/**
- * #### High low 4D
- *
- * @colorSet verbose
- */
 var highLow4D = {
   highLow4DHigh: '#1A6765',
   highLow4DLow: '#9F3B23'
 };
-
-/**
- * #### High low 4L
- *
- * @colorSet verbose
- */
 var highLow4L = {
   highLow4LHigh: '#2EA39B',
   highLow4LLow: '#E3723A'