@splunk/themes 1.1.0 → 1.2.1

package/CHANGELOG.md

@@ -1,6 +1,22 @@
 Change Log
 ============
 
+1.2.1 - September 2, 2025
+----------
+Bug Fixes:
+* Added missing `sansFontFamily` token in Magnetic theme customizer (SUI-8101).
+
+Docs:
+* Added missing data visualization color categories (`categorical2D`, `categorical2L`, `divergent1D`) to design tokens documentation (SUI-8139).
+
+1.2.0 - August 5, 2025
+----------
+New Features:
+* New `lineHeight*` variables (SUI-7993).
+
+Bug Fixes:
+* Updated `skipLink` mixin to override `min-width` and `min-height` properties.
+
 1.1.0 - July 2, 2025
 ----------
 New Features:
@@ -10,7 +26,7 @@ New Features:
 
 Bug Fixes:
 * Updated Prisma and Magnetic light syntax token values to maintain 4.5:1 contrast with line highlight (SUI-6644).
-  * Tokens updated: `syntaxBlue`, `syntaxBrown`, `syntaxGray`, `syntaxGreen`, `syntaxHighlight`, `syntaxOrange`, `syntaxPink`, `syntaxPurple`, `syntaxRed`, and `syntaxTeal`. 
+  * Tokens updated: `syntaxBlue`, `syntaxBrown`, `syntaxGray`, `syntaxGreen`, `syntaxHighlight`, `syntaxOrange`, `syntaxPink`, `syntaxPurple`, `syntaxRed`, and `syntaxTeal`.
 * Updated `actionColorBackgroundSecondaryActive` token values in Enterprise and Prisma themes to fix visual regression in `Radio Bar` (SUI-7864).
 * Updated `interactiveColorOverlayActive` token values in Prisma and Enterprise themes to match `actionColorBackgroundSecondaryActive` values for consistent active overlay states (SUI-7864).
 * Updated enterprise theme light mode neutral color tokens `neutral300`, `neutral400`, and `neutral500` to fix lightness steps from previous changes. (SUI-7879)

package/SplunkThemeProvider.js

@@ -7,16 +7,15 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = SplunkThemeProvider;
 var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = require("styled-components");
-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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) { "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); } return f; })(e, t); }
 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; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
 /** SplunkThemeProvider defaults to `prisma` `dark` `compact`, unless the properties have already been set.
  *
  * For example, here the nested `SplunkThemeProvider` defaults to `enterprise` `light`:

package/design-tokens/typography.js

@@ -64,7 +64,39 @@ var fontMeasures = {
    * in blocks of text by preventing overly long lines.
    */
   lineLength: '',
-  lineHeight: '1.5'
+  /**
+   * Default line height.
+   */
+  lineHeight: '',
+  /**
+   * Very tight. Use where space is extremely limited and text is not expected to wrap.
+   * Ideal for buttons, badges, input fields, and compact labels.
+   */
+  lineHeightSingle: '',
+  /**
+   * Slightly more space than single, still compact
+   */
+  lineHeightTight: '',
+  /**
+   * Compact but a bit more readable
+   */
+  lineHeightSnug: '',
+  /**
+   * Balanced spacing for smaller text
+   */
+  lineHeightComfortable: '',
+  /**
+   * Slightly looser for better readability
+   */
+  lineHeightRelaxed: '',
+  /*
+   * Ideal for larger text like headings
+   */
+  lineHeightSpacious: '',
+  /**
+   * Default for body text; comfortable, standard line height same as `lineHeight`
+   */
+  lineHeightNormal: ''
 };
 var typography = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, fontFamily), fontWeight), fontSize), fontMeasures);
 var _default = typography;

package/enterprise/light.js

@@ -203,8 +203,15 @@ var typography = {
   fontWeightBold: 700,
   fontWeightHeavy: 800,
   fontWeightExtraBold: 900,
+  lineLength: '80ch',
   lineHeight: '1.5',
-  lineLength: '80ch'
+  lineHeightSingle: '1',
+  lineHeightTight: '1.2',
+  lineHeightSnug: '1.25',
+  lineHeightComfortable: '1.333',
+  lineHeightRelaxed: '1.375',
+  lineHeightSpacious: '1.429',
+  lineHeightNormal: '1.5'
 };
 var zindexes = {
   zindexLayer: 1000,

package/mixins/index.js

@@ -82,8 +82,7 @@ Object.keys(_utilityMixins).forEach(function (key) {
     }
   });
 });
-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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) { "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); } return f; })(e, t); }
 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; }

package/mixins/typography.js

@@ -202,13 +202,13 @@ var fontsizePixelValueToRemMap = {
   12: _variables["default"].fontSizeSmall
 };
 var lineHeightVariableToValueMap = {
-  single: '1',
-  tight: '1.2',
-  snug: '1.25',
-  comfortable: '1.333',
-  relaxed: '1.375',
-  spacious: '1.429',
-  normal: '1.5'
+  single: _variables["default"].lineHeightSingle,
+  tight: _variables["default"].lineHeightTight,
+  snug: _variables["default"].lineHeightSnug,
+  comfortable: _variables["default"].lineHeightComfortable,
+  relaxed: _variables["default"].lineHeightRelaxed,
+  spacious: _variables["default"].lineHeightSpacious,
+  normal: _variables["default"].lineHeightNormal
 };
 
 // As defined by [font-weight | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight#common_weight_name_mapping)

package/mixins/utilityMixins.js

@@ -227,7 +227,9 @@ function skipLink() {
       overflow: 'hidden',
       clipPath: 'inset(50%)',
       height: '1px',
+      minHeight: '1px',
       width: '1px',
+      minWidth: '1px',
       padding: '0',
       border: '0',
       whiteSpace: 'nowrap'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splunk/themes",
-  "version": "1.1.0",
+  "version": "1.2.1",
   "description": "Theme variables and mixins for the Splunk design language",
   "main": "./index.js",
   "types": "./types/index.d.ts",
@@ -69,15 +69,15 @@
     "tinycolor2": "^1.4.1"
   },
   "devDependencies": {
-    "@babel/cli": "^7.2.0",
-    "@babel/core": "^7.2.0",
+    "@babel/cli": "^7.28.0",
+    "@babel/core": "^7.28.0",
     "@splunk/babel-preset": "^4.0.0",
     "@splunk/eslint-config": "^5.0.0",
-    "@storybook/blocks": "^7.6.17",
-    "@storybook/components": "^7.6.17",
-    "@storybook/manager-api": "^7.6.17",
-    "@storybook/react": "^7.6.17",
-    "@storybook/theming": "^7.6.17",
+    "@storybook/blocks": "^7.6.20",
+    "@storybook/components": "^7.6.20",
+    "@storybook/manager-api": "^7.6.20",
+    "@storybook/react": "^7.6.20",
+    "@storybook/theming": "^7.6.20",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
@@ -103,7 +103,7 @@
     "typescript": "^5.8.3",
     "webpack": "^5.88.2",
     "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^4.15.1",
+    "webpack-dev-server": "^5.2.2",
     "webpack-merge": "^5.9.0"
   },
   "engines": {

package/prisma/base.js

@@ -55,7 +55,14 @@ function createPrismaBase(_ref) {
     fontWeightHeavy: 800,
     fontWeightExtraBold: 900,
     lineHeight: '1.5',
-    lineLength: '80ch'
+    lineLength: '80ch',
+    lineHeightNormal: '1.5',
+    lineHeightSingle: '1',
+    lineHeightTight: '1.2',
+    lineHeightSnug: '1.25',
+    lineHeightComfortable: '1.333',
+    lineHeightRelaxed: '1.375',
+    lineHeightSpacious: '1.429'
   };
   var zindexes = {
     zindexLayer: 1000,

package/splunk-magnetic/index.js

@@ -72,6 +72,7 @@ var mapMagneticCategoricalColors = function mapMagneticCategoricalColors() {
 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",
+  sansFontFamily: "Inter, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
   monoFontFamily: "'Roboto Mono', ui-monospace, 'Courier New', Menlo, Monaco"
 };
 var splunkMagneticThemeCustomizer = function splunkMagneticThemeCustomizer(currentTheme) {

package/storybook-addon-splunk-themes/SplunkThemesTool.js

@@ -12,8 +12,7 @@ var _constants = require("./constants");
 var _themeOptions = require("./themeOptions");
 var _themes = require("./themes");
 var _util = require("./util");
-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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) { "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); } return f; })(e, t); }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }

package/storybook-addon-splunk-themes/withSplunkTheme.js

@@ -16,8 +16,7 @@ var _themeOptions = require("./themeOptions");
 var _themes = require("./themes");
 var _util = require("./util");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) { "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); } return f; })(e, t); }
 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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }

package/types/design-tokens/index.d.ts

@@ -211,6 +211,13 @@ declare const designTokens: {
     static20: string;
     lineLength: string;
     lineHeight: string;
+    lineHeightSingle: string;
+    lineHeightTight: string;
+    lineHeightSnug: string;
+    lineHeightComfortable: string;
+    lineHeightRelaxed: string;
+    lineHeightSpacious: string;
+    lineHeightNormal: string;
     fontSizeSmall: string;
     fontSize: string;
     fontSizeLarge: string;

package/types/design-tokens/typography.d.ts

@@ -49,7 +49,36 @@ declare const fontMeasures: {
      * in blocks of text by preventing overly long lines.
      */
     lineLength: string;
+    /**
+     * Default line height.
+     */
     lineHeight: string;
+    /**
+     * Very tight. Use where space is extremely limited and text is not expected to wrap.
+     * Ideal for buttons, badges, input fields, and compact labels.
+     */
+    lineHeightSingle: string;
+    /**
+     * Slightly more space than single, still compact
+     */
+    lineHeightTight: string;
+    /**
+     * Compact but a bit more readable
+     */
+    lineHeightSnug: string;
+    /**
+     * Balanced spacing for smaller text
+     */
+    lineHeightComfortable: string;
+    /**
+     * Slightly looser for better readability
+     */
+    lineHeightRelaxed: string;
+    lineHeightSpacious: string;
+    /**
+     * Default for body text; comfortable, standard line height same as `lineHeight`
+     */
+    lineHeightNormal: string;
 };
 declare const typography: {
     /**
@@ -57,7 +86,36 @@ declare const typography: {
      * in blocks of text by preventing overly long lines.
      */
     lineLength: string;
+    /**
+     * Default line height.
+     */
     lineHeight: string;
+    /**
+     * Very tight. Use where space is extremely limited and text is not expected to wrap.
+     * Ideal for buttons, badges, input fields, and compact labels.
+     */
+    lineHeightSingle: string;
+    /**
+     * Slightly more space than single, still compact
+     */
+    lineHeightTight: string;
+    /**
+     * Compact but a bit more readable
+     */
+    lineHeightSnug: string;
+    /**
+     * Balanced spacing for smaller text
+     */
+    lineHeightComfortable: string;
+    /**
+     * Slightly looser for better readability
+     */
+    lineHeightRelaxed: string;
+    lineHeightSpacious: string;
+    /**
+     * Default for body text; comfortable, standard line height same as `lineHeight`
+     */
+    lineHeightNormal: string;
     fontSizeSmall: string;
     fontSize: string;
     fontSizeLarge: string;

package/types/enterprise/dark.d.ts

@@ -495,6 +495,13 @@ declare const theme: {
     zindexToastMessages: number;
     lineLength: string;
     lineHeight: string;
+    lineHeightSingle: string;
+    lineHeightTight: string;
+    lineHeightSnug: string;
+    lineHeightComfortable: string;
+    lineHeightRelaxed: string;
+    lineHeightSpacious: string;
+    lineHeightNormal: string;
     fontSizeSmall: string;
     fontSize: string;
     fontSizeLarge: string;

package/types/enterprise/light.d.ts

@@ -408,6 +408,13 @@ declare const theme: {
     contentColorWarning: string;
     lineLength: string;
     lineHeight: string;
+    lineHeightSingle: string;
+    lineHeightTight: string;
+    lineHeightSnug: string;
+    lineHeightComfortable: string;
+    lineHeightRelaxed: string;
+    lineHeightSpacious: string;
+    lineHeightNormal: string;
     fontSizeSmall: string;
     fontSize: string;
     fontSizeLarge: string;

package/types/prisma/base.d.ts

@@ -223,6 +223,13 @@ declare function createPrismaBase({ colorScheme }: {
     focusColor: string;
     lineLength: string;
     lineHeight: string;
+    lineHeightSingle: string;
+    lineHeightTight: string;
+    lineHeightSnug: string;
+    lineHeightComfortable: string;
+    lineHeightRelaxed: string;
+    lineHeightSpacious: string;
+    lineHeightNormal: string;
     fontSizeSmall: string;
     fontSize: string;
     fontSizeLarge: string;

package/types/splunk-magnetic/index.d.ts

@@ -127,6 +127,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     categorical2L7: string;
     fontFamily: string;
     fontFamilyTitle: string;
+    sansFontFamily: string;
     monoFontFamily: string;
     interactiveColorPrimary: string;
     accentColorPositive: string;
@@ -481,6 +482,13 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     contentColorWarning: string;
     lineLength: string;
     lineHeight: string;
+    lineHeightSingle: string;
+    lineHeightTight: string;
+    lineHeightSnug: string;
+    lineHeightComfortable: string;
+    lineHeightRelaxed: string;
+    lineHeightSpacious: string;
+    lineHeightNormal: string;
     fontSizeSmall: string;
     fontSize: string;
     fontSizeLarge: string;
@@ -492,7 +500,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     fontWeightBold: number;
     fontWeightHeavy: number;
     fontWeightExtraBold: number;
-    sansFontFamily: string;
     serifFontFamily: string;
     focusShadowInset: string;
     draggableBackground: string;
@@ -695,6 +702,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     categorical2L7: string;
     fontFamily: string;
     fontFamilyTitle: string;
+    sansFontFamily: string;
     monoFontFamily: string;
     interactiveColorPrimary: string;
     accentColorPositive: string;
@@ -1049,6 +1057,13 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     contentColorWarning: string;
     lineLength: string;
     lineHeight: string;
+    lineHeightSingle: string;
+    lineHeightTight: string;
+    lineHeightSnug: string;
+    lineHeightComfortable: string;
+    lineHeightRelaxed: string;
+    lineHeightSpacious: string;
+    lineHeightNormal: string;
     fontSizeSmall: string;
     fontSize: string;
     fontSizeLarge: string;
@@ -1060,7 +1075,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     fontWeightBold: number;
     fontWeightHeavy: number;
     fontWeightExtraBold: number;
-    sansFontFamily: string;
     serifFontFamily: string;
     focusShadowInset: string;
     draggableBackground: string;
@@ -1263,6 +1277,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     categorical2L7: string;
     fontFamily: string;
     fontFamilyTitle: string;
+    sansFontFamily: string;
     monoFontFamily: string;
     draggableBackground: string;
     interactiveColorPrimary: string;
@@ -1647,6 +1662,13 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     zindexToastMessages: number;
     lineLength: string;
     lineHeight: string;
+    lineHeightSingle: string;
+    lineHeightTight: string;
+    lineHeightSnug: string;
+    lineHeightComfortable: string;
+    lineHeightRelaxed: string;
+    lineHeightSpacious: string;
+    lineHeightNormal: string;
     fontSizeSmall: string;
     fontSize: string;
     fontSizeLarge: string;
@@ -1658,7 +1680,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     fontWeightBold: number;
     fontWeightHeavy: number;
     fontWeightExtraBold: number;
-    sansFontFamily: string;
     serifFontFamily: string;
     brandColor: string;
     gray98: string;
@@ -1833,6 +1854,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     categorical2L7: string;
     fontFamily: string;
     fontFamilyTitle: string;
+    sansFontFamily: string;
     monoFontFamily: string;
     draggableBackground: string;
     interactiveColorPrimary: string;
@@ -2217,6 +2239,13 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     zindexToastMessages: number;
     lineLength: string;
     lineHeight: string;
+    lineHeightSingle: string;
+    lineHeightTight: string;
+    lineHeightSnug: string;
+    lineHeightComfortable: string;
+    lineHeightRelaxed: string;
+    lineHeightSpacious: string;
+    lineHeightNormal: string;
     fontSizeSmall: string;
     fontSize: string;
     fontSizeLarge: string;
@@ -2228,7 +2257,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     fontWeightBold: number;
     fontWeightHeavy: number;
     fontWeightExtraBold: number;
-    sansFontFamily: string;
     serifFontFamily: string;
     brandColor: string;
     gray98: string;
@@ -2403,6 +2431,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     categorical2L7: string;
     fontFamily: string;
     fontFamilyTitle: string;
+    sansFontFamily: string;
     monoFontFamily: string;
     hoverShadow: string;
     zindexLayer: number;
@@ -2591,6 +2620,13 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     static20: string;
     lineLength: string;
     lineHeight: string;
+    lineHeightSingle: string;
+    lineHeightTight: string;
+    lineHeightSnug: string;
+    lineHeightComfortable: string;
+    lineHeightRelaxed: string;
+    lineHeightSpacious: string;
+    lineHeightNormal: string;
     fontSizeSmall: string;
     fontSize: string;
     fontSizeLarge: string;
@@ -2602,7 +2638,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     fontWeightBold: number;
     fontWeightHeavy: number;
     fontWeightExtraBold: number;
-    sansFontFamily: string;
     serifFontFamily: string;
     interactiveColorPrimary: string;
     accentColorPositive: string;
@@ -2800,6 +2835,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     categorical2L7: string;
     fontFamily: string;
     fontFamilyTitle: string;
+    sansFontFamily: string;
     monoFontFamily: string;
     hoverShadow: string;
     zindexLayer: number;
@@ -2988,6 +3024,13 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     static20: string;
     lineLength: string;
     lineHeight: string;
+    lineHeightSingle: string;
+    lineHeightTight: string;
+    lineHeightSnug: string;
+    lineHeightComfortable: string;
+    lineHeightRelaxed: string;
+    lineHeightSpacious: string;
+    lineHeightNormal: string;
     fontSizeSmall: string;
     fontSize: string;
     fontSizeLarge: string;
@@ -2999,7 +3042,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     fontWeightBold: number;
     fontWeightHeavy: number;
     fontWeightExtraBold: number;
-    sansFontFamily: string;
     serifFontFamily: string;
     interactiveColorPrimary: string;
     accentColorPositive: string;

package/useSplunkTheme.js

@@ -13,8 +13,8 @@ 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); }
-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; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
 /**
  * React hook that allows theme variables to be easily used within a React functional component.
  * This includes the basic configuration of `family`, `colorScheme` and `density`,

package/withSplunkTheme.js

@@ -8,16 +8,15 @@ exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = require("styled-components");
 var _utils = require("./utils");
-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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) { "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); } return f; })(e, t); }
 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; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
 // thx: https://davidgomes.com/pick-omit-over-union-types-in-typescript/
 
 // for class components