@splunk/themes 1.0.0-rc.2 → 1.0.1

package/CHANGELOG.md

@@ -1,6 +1,133 @@
 Change Log
 ============
 
+1.0.1 - June 5, 2025
+----------
+Bug fixes:
+* Corrected `@types/react` peer dependency to allow `@types/react` `16` or `17`  (SUI-7838).
+
+1.0.0 - June 3, 2025
+----------
+* Includes all changes from `1.0.0-beta` and `1.0.0-rc` releases.
+
+Bug fixes:
+* Color variables `backgroundColorPage`, `backgroundColorNavigation`,`backgroundColorSideBar`,`neutral50`,`neutral100` and `neutral200` in Enterprise light have been updated to align better with Prisma themes (SUI-7584).
+* `@types/react` peer dependency now includes `^16 | ^17` and no longer blocks installation using `npm` in React 16 or 17 environments (SUI-7838).
+* Color variables for `actionColorBorderSecondary*`, `actionColorBackgroundSecondary*`, and `interactiveColorBorderDisabled` have been updated to align with both Prisma and Enterprise themes (SUI-7839).
+
+1.0.0-rc.2 - May 28, 2025
+----------
+* Release candidate 2
+
+1.0.0-rc.1 - May 14, 2025
+----------
+API Changes:
+* `SplunkThemeProvider`'s default `density` has been changed from `"comfortable"` to `"compact"` (SUI-5709).
+
+1.0.0-beta.5 - May 7, 2025
+----------
+New Features:
+* New `interactiveColorAccentErrorWeak` variable (SUI-7757).
+* `typography` has reintroduced the `withReset` prop, which defaults to `false`. When set to `true`, it removes all browser-default styles and applies theme-specific defaults (SUI-7638).
+
+1.0.0-beta.4 - April 22, 2025
+----------
+New Features:
+* New `inputBorderWidth` variable (SUI-7384).
+
+Bug Fixes:
+* Fixes broken CSS for Splunk Magnetic's `backgroundColorNavigation` override (SUI-7653).
+
+Deprecations:
+* `statusColor*`s have been deprecated. Instead use the appropriate `notificationColor*` or `severityColor*`(SUI-7303)
+
+API Changes:
+* `typescript` version is now `^5.8.3` (SUI-7601).
+* `borderActiveColor` has been deprecated. (SUI-7633).
+  * Use `interactiveColorBorderActive` for Data Entry components or `actionColorBorderSecondaryActive` for Buttons.
+* `backgroundColorHover` have been deprecated. (SUI-7633).
+  * Use `interactiveColorOverlayHover` for Data Entry components or `actionColorBackgroundSecondaryHover` for Buttons.
+* `hoverShadow` has been deprecated. See notes on `backgroundColorHover` for hover affordances. (SUI-7621)
+
+1.0.0-beta.3 - April 2, 2025
+----------
+New Features:
+* New `neutral50` variable (SUI-7384).
+* New `notificationColor` variables (SUI-7303).
+* New `severityColor` variables (SUI-7303).
+
+Bug Fixes:
+* Updates `interactiveColorBackground` and `interactiveColorBackgroundDisabled` to be transparent in all themes (SUI-7347).
+* The `@types/react` peer dependency is now correctly set to `^18.2.0` (SUI-7548).
+
+Deprecations:
+* `interactiveColorPrimary` has been deprecated (SUI-3568).
+
+1.0.0-beta.2 - March 5, 2025
+----------
+New Features:
+* New `contentColorLink` variable (SUI-3568).
+* The data-viz variables are supported in all themes (SUI-3568).
+
+Deprecations:
+* `linkColor` and `linkColorHover` have been deprecated. Instead use `contentColorLink` (SUI-3568).
+
+API Changes:
+* `accentColor` variable has been removed from Prisma themes (SUI-3568).
+* `borderColor`, `borderColorStrong`, and `borderColorWeak` have had alpha removed from their values (SUI-7340).
+* `embossShadow`, `overlayShadow`, `dragShadow`, and `modalShadow` variables have been updated in Enterprise themes to match Prisma (SUI-7334).
+* Enterprise only tokens have been deprecated: `brandColor*`, `gray*`,  `accentColor*`, `errorColor*`, `alertColor*`, `warningColor*`, `successColor*`, `infoColor*`, `diverging*Color*`, and `cat*Color*`.
+
+1.0.0-beta.1 - February 20, 2025
+----------
+New Features:
+* Enterprise themes now support the `interactiveColorOverlayHover` Prisma alias (SUI-6289).
+* All themes now support color variable `interactiveColorAccent` (SUI-6304).
+* All themes now support color variable `interactiveColorAccentError` (SUI-6395).
+* Enterprise themes now support the `interactiveColorOverlaySelected` Prisma alias.
+* All themes now support color variable `contentBackgroundColorNegativeWeak` (SUI-6395).
+* Enterprise themes now support color variable `contentColorInverted` (SUI-6530).
+* All themes now support color variable `contentColorNegative` (SUI-6408).
+* Prisma themes now support color variable `accentColor` (SUI-6657).
+* All themes now support new `actionColor` tokens (SUI-6616).
+* All themes now support color variable `contentColorAccent` (SUI-6711).
+* All themes now support color variables `contentColorInfo`, `contentColorPositive`, and `contentColorWarning` (SUI-6830).
+* Enterprise themes now support the `interactiveColorOverlayActive` (SUI-6870).
+* All themes now support color variable `interactiveColorAccentErrorStrong` (SUI-6869).
+* All themes now support color variable `interactiveColorBackground` (SUI-6983).
+* New `layout` mixin (SUI-6678).
+* Enterprise themes now support color variable `backgroundColorSidebar` (SUI-7102).
+
+Deprecations:
+* Enterprise theme tokens `textColor`, `textGray`, and `textDisabledColor` have been deprecated (SUI-6160).
+* Enterprise theme token `backgroundColor` has been deprecated (SUI-6656).
+* `accentColorPositive`, `accentColorWarning`, `accentColorAlert`, and `accentColorNegative` have been deprecated (SUI-3658).
+
+API Changes:
+* `react` and `react-dom` peer dependencies are now `"^16.8.0 || ^17.0.0 || ^18.0.0"`.
+* `px` sizing for `variables.fontSize*` and `mixins.typography` have been replaced with `rem` sizing (SUI-5509).
+  * This results in minor differences in text sizing; but is required to meet WCAG 1.4.4 and WCAG 1.4.10.
+* `typography` `size` param no longer supports `56` `36` `32` and `10`.
+* `variables.lineHeight` is no longer defined in `px` to improve readability of font at all scales (SUI-5509).
+* `typography`'s mixin for `Title5`'s has been updated to text color `variables.contentColorActive` in Prisma theme (SUI-5685).
+  * This change affects `Heading` and `Typography` components.
+* The font size and line height no longer change with density. The default font-size in Enterprise Compact now is 14px (SUI-5508).
+* `typography`'s `line-height`, `size`, and `font-weight` values have been consolidated between Enterprise and Prisma themes (SUI-5684).
+* `typography`'s `withReset` prop has been removed (SUI-5686).
+* `variables.activeBorder` has been removed (SUI-6362).
+* Spacing variables in Enterprise themes are now aligned with Prisma themes (SUI-6530).
+  * `spacingXSmall`, `spacingSmall`, `spacingMedium`, `spacingLarge`, `spacingXLarge`, `spacingXXLarge`, `spacingXXXLarge` have been updated to match Prisma themes.
+  * `spacingQuarter`, `spacingHalf`, and `spacing` are deprecated and should not be used.
+* Enterprise theme `statusColor*` variables have been shifted to align brightness values with Prisma themes (SUI-6348).
+* Enterprise theme's `focusShadow` variable has been updated to match Prisma (SUI-6481).
+* Enterprise theme's `focusShadowInset` variable has been updated to match Prisma (SUI-6487).
+* `typography` supports a new scale for line-height that uses unitless values (SUI-6593).
+* `typography` no longer support pixel values for line-height (SUI-6593).
+* `typography` no longer supports the `title7` and `footnote` variants (SUI-6593).
+* `typography` parameters now supports `family: "title"`.
+* `fontSizeXLarge` size has been changed (SUI-6593).
+* Enterprise themes support the `contentColorActive`, `contentColorDefault`, `contentColorDisabled`, `contentColorInverted`, and `contentColorMuted` tokens (SUI-6160).
+
 0.24.0 - May 6, 2025
 ----------
 Bug Fixes:

package/README.md

@@ -15,7 +15,7 @@ npm install @splunk/themes
 
 ```
 
-`react@^16.8` and `styled-components@^5.1"` are required peer dependencies for all capabilities except `getTheme()`.
+`react@^18` and `styled-components@^5"` are required peer dependencies for all capabilities except `getTheme()`.
 
 ## React Usage
 A theme context is created at the root of the application using `SplunkThemeProvider`.

package/clearAllCaches.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.clearAllCaches = void 0;
+var _getTheme = require("./getTheme");
+var _utils = require("./utils");
+var _variables = require("./variables");
+/**
+ * Note: Use with caution, as this will clear all caches in the themes package.
+ *
+ * Clear the `getTheme`, `customizedTheme`, and `variables` caches.
+ *
+ * (Note: Having this in utils causes a build time error in the themes package, due to import cycles.)
+ *
+ * @private
+ */
+var clearAllCaches = function clearAllCaches() {
+  (0, _getTheme.clearGetThemeCache)();
+  (0, _utils.clearCustomizedThemeCache)();
+  (0, _variables.clearVariablesCache)();
+};
+exports.clearAllCaches = clearAllCaches;

package/enterprise/dark.js

@@ -1,12 +1,12 @@
 "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(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; }
@@ -77,7 +77,7 @@ var actionColors = {
   actionColorBackgroundPrimaryDisabled: '#163b1b',
   actionColorBackgroundPrimaryHover: '#6eba78',
   actionColorBackgroundSecondary: 'transparent',
-  actionColorBackgroundSecondaryActive: 'rgba(255, 255, 255, 0.2)',
+  actionColorBackgroundSecondaryActive: 'rgba(0, 0, 0, 0.2)',
   actionColorBackgroundSecondaryDisabled: 'transparent',
   actionColorBackgroundSecondaryHover: 'rgba(255, 255, 255, 0.05)',
   actionColorBackgroundSubtle: 'transparent',
@@ -94,7 +94,7 @@ var actionColors = {
   actionColorBackgroundDestructiveSecondaryHover: '#47221f',
   actionColorBorderSecondary: _light["default"].gray60,
   actionColorBorderSecondaryActive: _light["default"].gray60,
-  actionColorBorderSecondaryDisabled: _light["default"].gray45,
+  actionColorBorderSecondaryDisabled: 'rgba(255, 255, 255, 0.3)',
   actionColorBorderSecondaryHover: 'rgba(255, 255, 255, 0.7)',
   actionColorBorderDestructiveSecondary: '#ff776b',
   actionColorBorderDestructiveSecondaryActive: '#ff8a80',
@@ -105,7 +105,7 @@ var interactiveColors = {
   interactiveColorBorder: _light["default"].gray60,
   interactiveColorBorderActive: _light["default"].gray60,
   interactiveColorBorderHover: 'rgba(255, 255, 255, 0.7)',
-  interactiveColorBorderDisabled: _light["default"].gray45,
+  interactiveColorBorderDisabled: 'rgba(255, 255, 255, 0.3)',
   interactiveColorOverlaySelected: 'rgba(255, 255, 255, 0.1)',
   interactiveColorOverlayHover: 'rgba(255, 255, 255, 0.05)',
   interactiveColorOverlayActive: 'rgba(0, 0, 0, 0.2)',

package/enterprise/index.js

@@ -4,10 +4,10 @@ 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 _compact = _interopRequireDefault(require("./compact"));
+var _dark = _interopRequireDefault(require("./dark"));
+var _light = _interopRequireDefault(require("./light"));
 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; }

package/enterprise/light.js

@@ -49,9 +49,9 @@ var deprecatedEnterpriseColors = {
 };
 var neutralColors = {
   white: '#ffffff',
-  neutral50: '#f1f2f4',
-  neutral100: deprecatedEnterpriseColors.gray98,
-  neutral200: deprecatedEnterpriseColors.gray96,
+  neutral50: '#e8ebee',
+  neutral100: '#e1e5ea',
+  neutral200: '#dae0e7',
   neutral300: deprecatedEnterpriseColors.gray92,
   neutral400: _tinycolor["default"].mix(deprecatedEnterpriseColors.gray92, deprecatedEnterpriseColors.gray80).toRgbString(),
   neutral500: deprecatedEnterpriseColors.gray80,
@@ -109,12 +109,12 @@ var syntaxColors = {
 var backgroundColors = {
   backgroundColorDialog: neutralColors.white,
   backgroundColorFloating: neutralColors.black,
-  backgroundColorNavigation: deprecatedEnterpriseColors.gray96,
-  backgroundColorPage: neutralColors.white,
+  backgroundColorNavigation: '#e4e8ec',
+  backgroundColorPage: '#f2f4f5',
   backgroundColorPopup: neutralColors.white,
   backgroundColorScrim: "rgba(255, 255, 255, 0.75)",
   backgroundColorSection: neutralColors.white,
-  backgroundColorSidebar: deprecatedEnterpriseColors.gray98
+  backgroundColorSidebar: '#eaedf1'
 };
 var shadows = {
   focusShadow: "0 0 0 2px ".concat(backgroundColors.backgroundColorPage, ", 0 0 0 5px ").concat(usageColors.focusColor),
@@ -160,7 +160,7 @@ var actionColors = {
   actionColorBackgroundDestructiveSecondaryHover: '#fad6d1',
   actionColorBorderSecondary: deprecatedEnterpriseColors.gray60,
   actionColorBorderSecondaryActive: deprecatedEnterpriseColors.gray45,
-  actionColorBorderSecondaryDisabled: deprecatedEnterpriseColors.gray80,
+  actionColorBorderSecondaryDisabled: 'rgba(0, 0, 0, 0.3)',
   actionColorBorderSecondaryHover: 'rgba(0, 0, 0, 0.6)',
   actionColorBorderDestructiveSecondary: '#c84535',
   actionColorBorderDestructiveSecondaryActive: '#a1382b',
@@ -171,7 +171,7 @@ var interactiveColors = {
   interactiveColorBorder: deprecatedEnterpriseColors.gray60,
   interactiveColorBorderActive: deprecatedEnterpriseColors.gray45,
   interactiveColorBorderHover: 'rgba(0, 0, 0, 0.6)',
-  interactiveColorBorderDisabled: deprecatedEnterpriseColors.gray80,
+  interactiveColorBorderDisabled: 'rgba(0, 0, 0, 0.3)',
   interactiveColorOverlaySelected: 'rgba(0, 0, 0, 0.04)',
   interactiveColorOverlayHover: 'rgba(0, 0, 0, 0.03)',
   interactiveColorOverlayActive: 'rgba(0, 0, 0, 0.07)',

package/index.js

@@ -13,7 +13,8 @@ var _exportNames = {
   unstable_splunkMagneticThemeCustomizer: true,
   useSplunkTheme: true,
   withSplunkTheme: true,
-  variables: true
+  variables: true,
+  clearAllCaches: true
 };
 Object.defineProperty(exports, "getSettingsFromThemedProps", {
   enumerable: true,
@@ -75,6 +76,12 @@ Object.defineProperty(exports, "variables", {
     return _variables["default"];
   }
 });
+Object.defineProperty(exports, "clearAllCaches", {
+  enumerable: true,
+  get: function get() {
+    return _clearAllCaches.clearAllCaches;
+  }
+});
 var _getSettingsFromThemedProps = _interopRequireDefault(require("./getSettingsFromThemedProps"));
 var _getTheme = _interopRequireDefault(require("./getTheme"));
 var _mixins = _interopRequireDefault(require("./mixins"));
@@ -85,6 +92,7 @@ var _splunkMagnetic = _interopRequireDefault(require("./splunk-magnetic"));
 var _useSplunkTheme = _interopRequireDefault(require("./useSplunkTheme"));
 var _withSplunkTheme = _interopRequireDefault(require("./withSplunkTheme"));
 var _variables = _interopRequireDefault(require("./variables"));
+var _clearAllCaches = require("./clearAllCaches");
 var _types = require("./types");
 Object.keys(_types).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/mixins/index.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  typography: true,
+  layout: true,
   prose: true,
-  layout: true
+  typography: true
 };
-Object.defineProperty(exports, "typography", {
+Object.defineProperty(exports, "layout", {
   enumerable: true,
   get: function get() {
-    return _typography["default"];
+    return _layout["default"];
   }
 });
 Object.defineProperty(exports, "prose", {
@@ -20,54 +20,54 @@ Object.defineProperty(exports, "prose", {
     return _prose["default"];
   }
 });
-Object.defineProperty(exports, "layout", {
+Object.defineProperty(exports, "typography", {
   enumerable: true,
   get: function get() {
-    return _layout["default"];
+    return _typography["default"];
   }
 });
 exports["default"] = void 0;
-var _utilityMixins = _interopRequireWildcard(require("./utilityMixins"));
-Object.keys(_utilityMixins).forEach(function (key) {
+var _layout = _interopRequireWildcard(require("./layout"));
+Object.keys(_layout).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _utilityMixins[key];
+      return _layout[key];
     }
   });
 });
-var _typography = _interopRequireWildcard(require("./typography"));
-Object.keys(_typography).forEach(function (key) {
+var _prose = _interopRequireWildcard(require("./prose"));
+Object.keys(_prose).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _typography[key];
+      return _prose[key];
     }
   });
 });
-var _prose = _interopRequireWildcard(require("./prose"));
-Object.keys(_prose).forEach(function (key) {
+var _typography = _interopRequireWildcard(require("./typography"));
+Object.keys(_typography).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _prose[key];
+      return _typography[key];
     }
   });
 });
-var _layout = _interopRequireWildcard(require("./layout"));
-Object.keys(_layout).forEach(function (key) {
+var _utilityMixins = _interopRequireWildcard(require("./utilityMixins"));
+Object.keys(_utilityMixins).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _layout[key];
+      return _utilityMixins[key];
     }
   });
 });

package/mixins/typography.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.typographyVariants = exports["default"] = void 0;
-var _styledComponents = require("styled-components");
 var _merge = _interopRequireDefault(require("lodash/merge"));
+var _styledComponents = require("styled-components");
 var _utilityMixins = _interopRequireDefault(require("./utilityMixins"));
 var _variables = _interopRequireDefault(require("../variables"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }

package/mixins/utilityMixins.js

@@ -13,11 +13,11 @@ exports.screenReaderContent = screenReaderContent;
 exports.overlayColors = overlayColors;
 exports.colorWithAlpha = colorWithAlpha;
 exports["default"] = exports.reset = void 0;
-var _tinycolor = _interopRequireDefault(require("tinycolor2"));
-var _styledComponents = require("styled-components");
 var _colorBlend = require("color-blend");
-var _variables = _interopRequireDefault(require("../variables"));
+var _styledComponents = require("styled-components");
+var _tinycolor = _interopRequireDefault(require("tinycolor2"));
 var _pick = _interopRequireDefault(require("../pick"));
+var _variables = _interopRequireDefault(require("../variables"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _templateObject() {
   var data = _taggedTemplateLiteral(["\n        /* Generic resets */\n        animation: none 0s ease 0s 1 normal none running;\n        backface-visibility: visible;\n        background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n        border: medium none currentColor;\n        border-collapse: separate;\n        border-image: none;\n        border-radius: 0;\n        border-spacing: 0;\n        bottom: auto;\n        box-shadow: none;\n        caption-side: top;\n        clear: none;\n        clip: auto;\n        color-scheme: ", ";\n        columns: auto;\n        column-count: auto;\n        column-fill: balance;\n        column-gap: normal;\n        column-rule: medium none currentColor;\n        column-span: 1;\n        column-width: auto;\n        content: normal;\n        counter-increment: none;\n        counter-reset: none;\n        empty-cells: show;\n        float: none;\n        font-style: normal;\n        font-variant: normal;\n        font-weight: normal;\n        font-stretch: normal;\n        height: auto;\n        hyphens: none;\n        left: auto;\n        letter-spacing: normal;\n        margin: 0;\n        max-height: none;\n        max-width: none;\n        min-height: 0;\n        min-width: 0;\n        opacity: 1;\n        orphans: 2;\n        overflow: visible;\n        overflow-x: visible;\n        overflow-y: visible;\n        padding: 0;\n        page-break-after: auto;\n        page-break-before: auto;\n        page-break-inside: auto;\n        perspective: none;\n        perspective-origin: 50% 50%;\n        pointer-events: auto;\n        position: static;\n        right: auto;\n        tab-size: 8;\n        table-layout: auto;\n        text-align: left;\n        text-align-last: auto;\n        text-decoration: none;\n        text-indent: 0;\n        text-shadow: none;\n        text-transform: none;\n        top: auto;\n        transform: none;\n        transform-origin: 50% 50% 0;\n        transform-style: flat;\n        transition: none 0s ease 0s;\n        user-select: auto;\n        vertical-align: baseline;\n        white-space: normal;\n        widows: 2;\n        width: auto;\n        word-spacing: normal;\n        z-index: auto;\n        /* Splunk-specific resets */\n        border-width: 1px;\n        box-sizing: border-box;\n        color: ", ";\n        cursor: inherit;\n        ", "\n        font-family: ", ";\n        font-size: ", ";\n        line-height: ", ";\n        outline: medium none ", ";\n        visibility: inherit;\n    "]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splunk/themes",
-  "version": "1.0.0-rc.2",
+  "version": "1.0.1",
   "description": "Theme variables and mixins for the Splunk design language",
   "main": "./index.js",
   "types": "./types/index.d.ts",
@@ -16,7 +16,6 @@
     "lint:ci": "yarn run lint -- -f junit -o test-reports/lint-results.xml",
     "start": "yarn babel --watch",
     "test": "jest",
-    "test:ci": "JEST_JUNIT_OUTPUT_DIR=./test-reports JEST_JUNIT_OUTPUT_NAME=unit-results.xml JEST_JUNIT_CLASSNAME=unit yarn run test --ci --reporters=default jest-junit --coverage --coverageDirectory=coverage_report/coverage_maps_unit --coverageReporters=cobertura",
     "test:watch": "jest --watch",
     "pretypes:build": "rm -rf ./types",
     "types:build": "tsc --emitDeclarationOnly --declaration",
@@ -29,7 +28,7 @@
     "@storybook/react": ">= 7.x",
     "@storybook/theming": ">= 7.x",
     "@types/lodash": "^4.14.156",
-    "@types/react": "^18.2.0",
+    "@types/react": "^16 || ^17 || ^18",
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "styled-components": "^5.3.10"
   },
@@ -96,7 +95,8 @@
     "eslint-plugin-jsx-a11y": "^6.10.0",
     "eslint-plugin-react": "^7.36.1",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "jest": "^26.6.3",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "jest-styled-components": "^7.0.8",
     "react": "^18.2.0",
     "styled-components": "^5.3.10",

package/prisma/base.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _dark = _interopRequireDefault(require("./dark"));
 var _dataViz = _interopRequireDefault(require("./dataViz"));
 var _light = _interopRequireDefault(require("./light"));
-var _dark = _interopRequireDefault(require("./dark"));
 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; }

package/prisma/dark.js

@@ -50,9 +50,9 @@ var actionColors = {
   actionColorBackgroundPrimaryDisabled: '#103460',
   actionColorBackgroundPrimaryHover: '#6baeff',
   actionColorBackgroundSecondary: 'transparent',
-  actionColorBackgroundSecondaryActive: '#45464f',
+  actionColorBackgroundSecondaryActive: 'rgba(0, 0, 0, 0.2)',
   actionColorBackgroundSecondaryDisabled: 'transparent',
-  actionColorBackgroundSecondaryHover: '#45464f',
+  actionColorBackgroundSecondaryHover: 'rgba(255, 255, 255, 0.05)',
   actionColorBackgroundSubtle: 'transparent',
   actionColorBackgroundSubtleActive: '#0a2f5c',
   actionColorBackgroundSubtleDisabled: 'transparent',
@@ -65,10 +65,10 @@ var actionColors = {
   actionColorBackgroundDestructiveSecondaryActive: '#471f1f',
   actionColorBackgroundDestructiveSecondaryDisabled: 'transparent',
   actionColorBackgroundDestructiveSecondaryHover: '#471f1f',
-  actionColorBorderSecondary: '#858585',
-  actionColorBorderSecondaryActive: '#b2b4bd',
-  actionColorBorderSecondaryDisabled: '#42454d',
-  actionColorBorderSecondaryHover: '#b2b4bd',
+  actionColorBorderSecondary: 'rgba(255, 255, 255, 0.5)',
+  actionColorBorderSecondaryActive: 'rgba(255, 255, 255, 0.5)',
+  actionColorBorderSecondaryDisabled: 'rgba(255, 255, 255, 0.3)',
+  actionColorBorderSecondaryHover: 'rgba(255, 255, 255, 0.7)',
   actionColorBorderDestructiveSecondary: '#ff4242',
   actionColorBorderDestructiveSecondaryActive: '#ff6b6b',
   actionColorBorderDestructiveSecondaryDisabled: '#561a1a',

package/prisma/index.js

@@ -4,11 +4,11 @@ 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 _base = _interopRequireDefault(require("./base"));
+var _comfortable = _interopRequireDefault(require("./comfortable"));
+var _compact = _interopRequireDefault(require("./compact"));
+var _dark = _interopRequireDefault(require("./dark"));
+var _light = _interopRequireDefault(require("./light"));
 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; }

package/prisma/light.js

@@ -50,9 +50,9 @@ var actionColors = {
   actionColorBackgroundPrimaryDisabled: '#72b2fe',
   actionColorBackgroundPrimaryHover: '#024ba2',
   actionColorBackgroundSubtle: 'transparent',
-  actionColorBackgroundSecondaryActive: '#d6d6d6',
+  actionColorBackgroundSecondaryActive: 'rgba(0, 0, 0, 0.07)',
   actionColorBackgroundSubtleDisabled: 'transparent',
-  actionColorBackgroundSecondaryHover: '#d6d6d6',
+  actionColorBackgroundSecondaryHover: 'rgba(0, 0, 0, 0.03)',
   actionColorBackgroundSecondary: 'transparent',
   actionColorBackgroundSubtleActive: '#cce3ff',
   actionColorBackgroundSecondaryDisabled: 'transparent',
@@ -65,10 +65,10 @@ var actionColors = {
   actionColorBackgroundDestructiveSecondaryActive: '#ffcccc',
   actionColorBackgroundDestructiveSecondaryDisabled: 'transparent',
   actionColorBackgroundDestructiveSecondaryHover: '#ffcccc',
-  actionColorBorderSecondary: '#858585',
-  actionColorBorderSecondaryActive: '#525252',
-  actionColorBorderSecondaryDisabled: '#d6d6d6',
-  actionColorBorderSecondaryHover: '#525252',
+  actionColorBorderSecondary: 'rgba(0, 0, 0, 0.48)',
+  actionColorBorderSecondaryActive: 'rgba(0, 0, 0, 0.5)',
+  actionColorBorderSecondaryDisabled: 'rgba(0, 0, 0, 0.3)',
+  actionColorBorderSecondaryHover: 'rgba(0, 0, 0, 0.6)',
   actionColorBorderDestructiveSecondary: '#e00000',
   actionColorBorderDestructiveSecondaryActive: '#a30000',
   actionColorBorderDestructiveSecondaryDisabled: '#ff9999',

package/splunk-magnetic/index.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _tinycolor = _interopRequireDefault(require("tinycolor2"));
-var _magneticTokensLight = _interopRequireDefault(require("./magneticTokensLight"));
 var _magneticTokensDark = _interopRequireDefault(require("./magneticTokensDark"));
+var _magneticTokensLight = _interopRequireDefault(require("./magneticTokensLight"));
 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; }

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

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SplunkThemesTool = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _managerApi = require("@storybook/manager-api");
 var _components = require("@storybook/components");
+var _managerApi = require("@storybook/manager-api");
 var _constants = require("./constants");
 var _themeOptions = require("./themeOptions");
 var _themes = require("./themes");

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TooltipSectionTitle = exports.GlobalStyles = void 0;
-var _styledComponents = require("styled-components");
 var _theming = require("@storybook/theming");
+var _styledComponents = require("styled-components");
 var _mixins = _interopRequireDefault(require("../mixins"));
 var _variables = _interopRequireDefault(require("../variables"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }

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

@@ -12,8 +12,8 @@ var _splunkMagnetic = _interopRequireDefault(require("../splunk-magnetic"));
 var _SplunkThemeProvider = _interopRequireDefault(require("../SplunkThemeProvider"));
 var _variables = _interopRequireDefault(require("../variables"));
 var _constants = require("./constants");
-var _themes = require("./themes");
 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); }

package/types/clearAllCaches.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Note: Use with caution, as this will clear all caches in the themes package.
+ *
+ * Clear the `getTheme`, `customizedTheme`, and `variables` caches.
+ *
+ * (Note: Having this in utils causes a build time error in the themes package, due to import cycles.)
+ *
+ * @private
+ */
+export declare const clearAllCaches: () => void;

package/types/enterprise/dark.d.ts

@@ -512,32 +512,32 @@ declare const theme: {
     serifFontFamily: string;
     monoFontFamily: string;
     focusColor: string;
-    gray30: string;
-    gray45: string;
-    gray60: string;
-    gray80: string;
-    gray92: string;
-    gray96: string;
+    brandColor: string;
     gray98: string;
-    successColor: string;
-    warningColor: string;
-    alertColor: string;
-    errorColor: string;
-    accentColorD10: string;
+    gray96: string;
+    gray92: string;
+    gray80: string;
+    gray60: string;
+    gray45: string;
+    gray30: string;
     accentColor: string;
-    infoColor: string;
-    infoColorL10: string;
-    infoColorD10: string;
-    successColorL10: string;
-    successColorD10: string;
-    warningColorL10: string;
-    warningColorD10: string;
-    alertColorL10: string;
-    alertColorD10: string;
+    accentColorD10: string;
     errorColorL10: string;
+    errorColor: string;
     errorColorD10: string;
     errorColorD20: string;
-    brandColor: string;
+    alertColorL10: string;
+    alertColor: string;
+    alertColorD10: string;
+    warningColorL10: string;
+    warningColor: string;
+    warningColorD10: string;
+    successColorL10: string;
+    successColor: string;
+    successColorD10: string;
+    infoColorL10: string;
+    infoColor: string;
+    infoColorD10: string;
 };
 type Dark = typeof theme;
 export default theme;

package/types/enterprise/index.d.ts

@@ -1,7 +1,7 @@
-import { Light } from './light';
-import { Dark } from './dark';
-import { Compact } from './compact';
 import { Comfortable } from './comfortable';
+import { Compact } from './compact';
+import { Dark } from './dark';
+import { Light } from './light';
 import { ColorScheme, Density } from '../types';
 type MutableEnterprise = (Light | Dark) & (Comfortable | Compact);
 type Enterprise = Readonly<MutableEnterprise>;

package/types/enterprise/light.d.ts

@@ -510,32 +510,32 @@ declare const theme: {
     backgroundColorPopup: string;
     backgroundColorFloating: string;
     backgroundColorScrim: string;
-    gray30: string;
-    gray45: string;
-    gray60: string;
-    gray80: string;
-    gray92: string;
-    gray96: string;
+    brandColor: string;
     gray98: string;
-    successColor: string;
-    warningColor: string;
-    alertColor: string;
-    errorColor: string;
-    accentColorD10: string;
+    gray96: string;
+    gray92: string;
+    gray80: string;
+    gray60: string;
+    gray45: string;
+    gray30: string;
     accentColor: string;
-    infoColor: string;
-    infoColorL10: string;
-    infoColorD10: string;
-    successColorL10: string;
-    successColorD10: string;
-    warningColorL10: string;
-    warningColorD10: string;
-    alertColorL10: string;
-    alertColorD10: string;
+    accentColorD10: string;
     errorColorL10: string;
+    errorColor: string;
     errorColorD10: string;
     errorColorD20: string;
-    brandColor: string;
+    alertColorL10: string;
+    alertColor: string;
+    alertColorD10: string;
+    warningColorL10: string;
+    warningColor: string;
+    warningColorD10: string;
+    successColorL10: string;
+    successColor: string;
+    successColorD10: string;
+    infoColorL10: string;
+    infoColor: string;
+    infoColorD10: string;
 };
 type Light = typeof theme;
 export default theme;

package/types/index.d.ts

@@ -8,4 +8,5 @@ export { default as unstable_splunkMagneticThemeCustomizer } from './splunk-magn
 export { default as useSplunkTheme } from './useSplunkTheme';
 export { default as withSplunkTheme } from './withSplunkTheme';
 export { default as variables } from './variables';
+export { clearAllCaches } from './clearAllCaches';
 export * from './types';

package/types/mixins/index.d.ts

@@ -1,6 +1,6 @@
-import typography from './typography';
-import prose from './prose';
 import layout from './layout';
+import prose from './prose';
+import typography from './typography';
 export * from './utilityMixins';
 export { default as layout } from './layout';
 export * from './layout';

package/types/prisma/index.d.ts

@@ -1,8 +1,8 @@
-import { Light } from './light';
-import { Dark } from './dark';
-import { Compact } from './compact';
-import { Comfortable } from './comfortable';
 import { PrismaBase } from './base';
+import { Comfortable } from './comfortable';
+import { Compact } from './compact';
+import { Dark } from './dark';
+import { Light } from './light';
 import { ColorScheme, Density } from '../types';
 type MutablePrisma = PrismaBase & (Light | Dark) & (Comfortable | Compact);
 type Prisma = Readonly<MutablePrisma>;

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

@@ -522,31 +522,31 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     white: string;
     transparent: string;
     backgroundColorFloating: string;
-    gray30: string;
-    gray45: string;
-    gray60: string;
-    gray80: string;
-    gray92: string;
-    gray96: string;
+    brandColor: string;
     gray98: string;
-    successColor: string;
-    warningColor: string;
-    alertColor: string;
-    errorColor: string;
+    gray96: string;
+    gray92: string;
+    gray80: string;
+    gray60: string;
+    gray45: string;
+    gray30: string;
     accentColorD10: string;
-    infoColor: string;
-    infoColorL10: string;
-    infoColorD10: string;
-    successColorL10: string;
-    successColorD10: string;
-    warningColorL10: string;
-    warningColorD10: string;
-    alertColorL10: string;
-    alertColorD10: string;
     errorColorL10: string;
+    errorColor: string;
     errorColorD10: string;
     errorColorD20: string;
-    brandColor: string;
+    alertColorL10: string;
+    alertColor: string;
+    alertColorD10: string;
+    warningColorL10: string;
+    warningColor: string;
+    warningColorD10: string;
+    successColorL10: string;
+    successColor: string;
+    successColorD10: string;
+    infoColorL10: string;
+    infoColor: string;
+    infoColorD10: string;
     spacingQuarter: string;
     spacingHalf: string;
     spacing: string;
@@ -1090,31 +1090,31 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     white: string;
     transparent: string;
     backgroundColorFloating: string;
-    gray30: string;
-    gray45: string;
-    gray60: string;
-    gray80: string;
-    gray92: string;
-    gray96: string;
+    brandColor: string;
     gray98: string;
-    successColor: string;
-    warningColor: string;
-    alertColor: string;
-    errorColor: string;
+    gray96: string;
+    gray92: string;
+    gray80: string;
+    gray60: string;
+    gray45: string;
+    gray30: string;
     accentColorD10: string;
-    infoColor: string;
-    infoColorL10: string;
-    infoColorD10: string;
-    successColorL10: string;
-    successColorD10: string;
-    warningColorL10: string;
-    warningColorD10: string;
-    alertColorL10: string;
-    alertColorD10: string;
     errorColorL10: string;
+    errorColor: string;
     errorColorD10: string;
     errorColorD20: string;
-    brandColor: string;
+    alertColorL10: string;
+    alertColor: string;
+    alertColorD10: string;
+    warningColorL10: string;
+    warningColor: string;
+    warningColorD10: string;
+    successColorL10: string;
+    successColor: string;
+    successColorD10: string;
+    infoColorL10: string;
+    infoColor: string;
+    infoColorD10: string;
     spacingQuarter: string;
     spacingHalf: string;
     spacing: string;
@@ -1660,31 +1660,31 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     fontWeightExtraBold: number;
     sansFontFamily: string;
     serifFontFamily: string;
-    gray30: string;
-    gray45: string;
-    gray60: string;
-    gray80: string;
-    gray92: string;
-    gray96: string;
+    brandColor: string;
     gray98: string;
-    successColor: string;
-    warningColor: string;
-    alertColor: string;
-    errorColor: string;
+    gray96: string;
+    gray92: string;
+    gray80: string;
+    gray60: string;
+    gray45: string;
+    gray30: string;
     accentColorD10: string;
-    infoColor: string;
-    infoColorL10: string;
-    infoColorD10: string;
-    successColorL10: string;
-    successColorD10: string;
-    warningColorL10: string;
-    warningColorD10: string;
-    alertColorL10: string;
-    alertColorD10: string;
     errorColorL10: string;
+    errorColor: string;
     errorColorD10: string;
     errorColorD20: string;
-    brandColor: string;
+    alertColorL10: string;
+    alertColor: string;
+    alertColorD10: string;
+    warningColorL10: string;
+    warningColor: string;
+    warningColorD10: string;
+    successColorL10: string;
+    successColor: string;
+    successColorD10: string;
+    infoColorL10: string;
+    infoColor: string;
+    infoColorD10: string;
     spacingQuarter: string;
     spacingHalf: string;
     spacing: string;
@@ -2230,31 +2230,31 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     fontWeightExtraBold: number;
     sansFontFamily: string;
     serifFontFamily: string;
-    gray30: string;
-    gray45: string;
-    gray60: string;
-    gray80: string;
-    gray92: string;
-    gray96: string;
+    brandColor: string;
     gray98: string;
-    successColor: string;
-    warningColor: string;
-    alertColor: string;
-    errorColor: string;
+    gray96: string;
+    gray92: string;
+    gray80: string;
+    gray60: string;
+    gray45: string;
+    gray30: string;
     accentColorD10: string;
-    infoColor: string;
-    infoColorL10: string;
-    infoColorD10: string;
-    successColorL10: string;
-    successColorD10: string;
-    warningColorL10: string;
-    warningColorD10: string;
-    alertColorL10: string;
-    alertColorD10: string;
     errorColorL10: string;
+    errorColor: string;
     errorColorD10: string;
     errorColorD20: string;
-    brandColor: string;
+    alertColorL10: string;
+    alertColor: string;
+    alertColorD10: string;
+    warningColorL10: string;
+    warningColor: string;
+    warningColorD10: string;
+    successColorL10: string;
+    successColor: string;
+    successColorD10: string;
+    infoColorL10: string;
+    infoColor: string;
+    infoColorD10: string;
     spacingQuarter: string;
     spacingHalf: string;
     spacing: string;

package/types/utils.d.ts

@@ -10,4 +10,5 @@ declare function getCustomizedThemeUnmemo<T extends AnyTheme>(settings?: Partial
  * @private
  */
 export declare const getCustomizedTheme: typeof getCustomizedThemeUnmemo & import("lodash").MemoizedFunction;
+export declare const clearCustomizedThemeCache: () => void;
 export {};

package/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getCustomizedTheme = exports.addThemeDefaults = void 0;
+exports.clearCustomizedThemeCache = exports.getCustomizedTheme = exports.addThemeDefaults = void 0;
 var _memoize = _interopRequireDefault(require("lodash/memoize"));
 var _getTheme = _interopRequireDefault(require("./getTheme"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
@@ -51,6 +51,7 @@ function getCustomizedThemeUnmemo(settings, customizer) {
   }
   return customizer(variables);
 }
+
 /**
  * Accepts a theme object and customizer, and returns supported values and defaults.
  * @private
@@ -65,4 +66,9 @@ function () {
   var customizer = arguments.length > 1 ? arguments[1] : undefined;
   return "".concat(family, "-").concat(colorScheme, "-").concat(density, "-").concat(!!customizer);
 });
-exports.getCustomizedTheme = getCustomizedTheme;
+exports.getCustomizedTheme = getCustomizedTheme;
+var clearCustomizedThemeCache = function clearCustomizedThemeCache() {
+  var _getCustomizedTheme$c, _getCustomizedTheme$c2;
+  return (_getCustomizedTheme$c = (_getCustomizedTheme$c2 = getCustomizedTheme.cache).clear) === null || _getCustomizedTheme$c === void 0 ? void 0 : _getCustomizedTheme$c.call(_getCustomizedTheme$c2);
+};
+exports.clearCustomizedThemeCache = clearCustomizedThemeCache;

package/CHANGELOG.v1.md

@@ -1,117 +0,0 @@
-Change Log
-============
-
-1.0.0-rc.2 - May 28, 2025
-----------
-* Release candidate 2
-
-1.0.0-rc.1 - May 14, 2025
-----------
-API Changes:
-* `SplunkThemeProvider`'s default `density` has been changed from `"comfortable"` to `"compact"` (SUI-5709).
-
-1.0.0-beta.5 - May 7, 2025
-----------
-New Features:
-* New `interactiveColorAccentErrorWeak` variable (SUI-7757).
-* `typography` has reintroduced the `withReset` prop, which defaults to `false`. When set to `true`, it removes all browser-default styles and applies theme-specific defaults (SUI-7638).
-
-1.0.0-beta.4 - April 22, 2025
-----------
-New Features:
-* New `inputBorderWidth` variable (SUI-7384).
-
-Bug Fixes:
-* Fixes broken CSS for Splunk Magnetic's `backgroundColorNavigation` override (SUI-7653).
-
-Deprecations:
-* `statusColor*`s have been deprecated. Instead use the appropriate `notificationColor*` or `severityColor*`(SUI-7303)
-
-API Changes:
-* `typescript` version is now `^5.8.3` (SUI-7601).
-* `borderActiveColor` has been deprecated. (SUI-7633).
-  * Use `interactiveColorBorderActive` for Data Entry components or `actionColorBorderSecondaryActive` for Buttons.
-* `backgroundColorHover` have been deprecated. (SUI-7633).
-  * Use `interactiveColorOverlayHover` for Data Entry components or `actionColorBackgroundSecondaryHover` for Buttons.
-* `hoverShadow` has been deprecated. See notes on `backgroundColorHover` for hover affordances. (SUI-7621)
-
-1.0.0-beta.3 - April 2, 2025
-----------
-New Features:
-* New `neutral50` variable (SUI-7384).
-* New `notificationColor` variables (SUI-7303).
-* New `severityColor` variables (SUI-7303).
-
-Bug Fixes:
-* Updates `interactiveColorBackground` and `interactiveColorBackgroundDisabled` to be transparent in all themes (SUI-7347).
-* The `@types/react` peer dependency is now correctly set to `^18.2.0` (SUI-7548).
-
-Deprecations:
-* `interactiveColorPrimary` has been deprecated (SUI-3568).
-
-1.0.0-beta.2 - March 5, 2025
-----------
-New Features:
-* New `contentColorLink` variable (SUI-3568).
-* The data-viz variables are supported in all themes (SUI-3568).
-
-Deprecations:
-* `linkColor` and `linkColorHover` have been deprecated. Instead use `contentColorLink` (SUI-3568).
-
-API Changes:
-* `accentColor` variable has been removed from Prisma themes (SUI-3568).
-* `borderColor`, `borderColorStrong`, and `borderColorWeak` have had alpha removed from their values (SUI-7340).
-* `embossShadow`, `overlayShadow`, `dragShadow`, and `modalShadow` variables have been updated in Enterprise themes to match Prisma (SUI-7334).
-* Enterprise only tokens have been deprecated: `brandColor*`, `gray*`,  `accentColor*`, `errorColor*`, `alertColor*`, `warningColor*`, `successColor*`, `infoColor*`, `diverging*Color*`, and `cat*Color*`.
-
-1.0.0-beta.1 - February 20, 2025
-----------
-New Features:
-* Enterprise themes now support the `interactiveColorOverlayHover` Prisma alias (SUI-6289).
-* All themes now support color variable `interactiveColorAccent` (SUI-6304).
-* All themes now support color variable `interactiveColorAccentError` (SUI-6395).
-* Enterprise themes now support the `interactiveColorOverlaySelected` Prisma alias.
-* All themes now support color variable `contentBackgroundColorNegativeWeak` (SUI-6395).
-* Enterprise themes now support color variable `contentColorInverted` (SUI-6530).
-* All themes now support color variable `contentColorNegative` (SUI-6408).
-* Prisma themes now support color variable `accentColor` (SUI-6657).
-* All themes now support new `actionColor` tokens (SUI-6616).
-* All themes now support color variable `contentColorAccent` (SUI-6711).
-* All themes now support color variables `contentColorInfo`, `contentColorPositive`, and `contentColorWarning` (SUI-6830).
-* Enterprise themes now support the `interactiveColorOverlayActive` (SUI-6870).
-* All themes now support color variable `interactiveColorAccentErrorStrong` (SUI-6869).
-* All themes now support color variable `interactiveColorBackground` (SUI-6983).
-* New `layout` mixin (SUI-6678).
-* Enterprise themes now support color variable `backgroundColorSidebar` (SUI-7102).
-
-Deprecations:
-* Enterprise theme tokens `textColor`, `textGray`, and `textDisabledColor` have been deprecated (SUI-6160).
-* Enterprise theme token `backgroundColor` has been deprecated (SUI-6656).
-* `accentColorPositive`, `accentColorWarning`, `accentColorAlert`, and `accentColorNegative` have been deprecated (SUI-3658).
-
-API Changes:
-* `react` and `react-dom` peer dependencies are now `"^16.8.0 || ^17.0.0 || ^18.0.0"`.
-* `px` sizing for `variables.fontSize*` and `mixins.typography` have been replaced with `rem` sizing (SUI-5509).
-  * This results in minor differences in text sizing; but is required to meet WCAG 1.4.4 and WCAG 1.4.10.
-* `typography` `size` param no longer supports `56` `36` `32` and `10`.
-* `variables.lineHeight` is no longer defined in `px` to improve readability of font at all scales (SUI-5509).
-* `typography`'s mixin for `Title5`'s has been updated to text color `variables.contentColorActive` in Prisma theme (SUI-5685).
-  * This change affects `Heading` and `Typography` components.
-* The font size and line height no longer change with density. The default font-size in Enterprise Compact now is 14px (SUI-5508).
-* `typography`'s `line-height`, `size`, and `font-weight` values have been consolidated between Enterprise and Prisma themes (SUI-5684).
-* `typography`'s `withReset` prop has been removed (SUI-5686).
-* `variables.activeBorder` has been removed (SUI-6362).
-* Spacing variables in Enterprise themes are now aligned with Prisma themes (SUI-6530).
-  * `spacingXSmall`, `spacingSmall`, `spacingMedium`, `spacingLarge`, `spacingXLarge`, `spacingXXLarge`, `spacingXXXLarge` have been updated to match Prisma themes.
-  * `spacingQuarter`, `spacingHalf`, and `spacing` are deprecated and should not be used.
-* Enterprise theme `statusColor*` variables have been shifted to align brightness values with Prisma themes (SUI-6348).
-* Enterprise theme's `focusShadow` variable has been updated to match Prisma (SUI-6481).
-* Enterprise theme's `focusShadowInset` variable has been updated to match Prisma (SUI-6487).
-* `typography` supports a new scale for line-height that uses unitless values (SUI-6593).
-* `typography` no longer support pixel values for line-height (SUI-6593).
-* `typography` no longer supports the `title7` and `footnote` variants (SUI-6593).
-* `typography` parameters now supports `family: "title"`.
-* `fontSizeXLarge` size has been changed (SUI-6593).
-* Enterprise themes support the `contentColorActive`, `contentColorDefault`, `contentColorDisabled`, `contentColorInverted`, and `contentColorMuted` tokens (SUI-6160).
-
-----------