@splunk/themes 0.16.1 → 0.16.3

package/CHANGELOG.md

@@ -1,6 +1,19 @@
 Change Log
 ============
 
+0.16.3  - October 11, 2023
+----------
+Bug Fixes:
+* This package should now load correctly in Webpack 4 environments (SUI-5802).
+
+0.16.2 - October 4, 2023
+----------
+Bug Fixes:
+* `typography` mixin's `title4`, `title5`, and `title6` should now correctly follow the font hierarchy (SUI-5668).
+  * `title5` is now larger and bolder than `title6` in Prisma themes.
+  * `title4` it now larger than `title6` in the Enterprise compact theme.
+* `typography`'s mixin's `title5` color has been changed to `active` in prisma theme to match the Splunk Design System.
+
 0.16.1 - June 6, 2023
 ----------
 API Changes:

package/mixins/typography.js

@@ -120,35 +120,35 @@ function getStylesForVariant(variant) {
         prisma: '24px'
       });
       size = (0, _pick["default"])({
-        enterprise: '12px',
+        enterprise: _variables["default"].fontSize,
         prisma: '16px'
       });
       weight = _variables["default"].fontWeightBold;
       break;
 
     case 'title5':
-      color = (0, _pick["default"])({
-        enterprise: _variables["default"].contentColorActive,
-        prisma: 'default'
-      });
-      lineHeight = (0, _pick["default"])({
-        enterprise: _variables["default"].lineHeight,
-        prisma: '16px'
-      });
+      color = _variables["default"].contentColorActive;
+      lineHeight = _variables["default"].lineHeight;
       size = (0, _pick["default"])({
         enterprise: '12px',
-        prisma: '13px'
+        prisma: _variables["default"].fontSize
       });
       weight = (0, _pick["default"])({
-        enterprise: '500',
+        enterprise: _variables["default"].fontWeightSemiBold,
         prisma: _variables["default"].fontWeightBold
       });
       break;
 
     case 'title6':
       color = _variables["default"].contentColorActive;
-      lineHeight = _variables["default"].lineHeight;
-      size = _variables["default"].fontSize;
+      lineHeight = (0, _pick["default"])({
+        enterprise: _variables["default"].lineHeight,
+        prisma: '16px'
+      });
+      size = (0, _pick["default"])({
+        enterprise: '12px',
+        prisma: '13px'
+      });
       weight = _variables["default"].fontWeightSemiBold;
       break;
 

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@splunk/themes",
-  "version": "0.16.1",
+  "version": "0.16.3",
   "description": "Theme variables and mixins for the Splunk design language",
   "scripts": {
     "babel": "babel src -d . --ignore src/babel-plugin-base64-png,src/tests --ignore \"**/docs\" --extensions .js,.ts,.tsx",
     "build": "cross-env NODE_ENV=production yarn babel && yarn types:build",
     "docs": "NODE_ENV=production webpack --config docs.gen.webpack.config.js",
-    "docs:publish": "cicd-publish-docs docs --force",
-    "docs:publish:external": "cicd-publish-docs docs-external --force --suffix=public",
+    "docs:publish": "eval $(splunk-docs-package docs) && artifact-ci publish generic $DOCS_GEN_OUTPUT_NAME $DOCS_GEN_REMOTE_PATH",
+    "docs:publish:external": "eval $(splunk-docs-package docs-external --suffix=public) && artifact-ci publish generic $DOCS_GEN_OUTPUT_NAME $DOCS_GEN_REMOTE_PATH",
     "docs:start": "INTERNAL=true webpack serve --config docs.gen.webpack.config.js",
     "docs:start:external": "webpack serve --config docs.gen.webpack.config.js",
     "lint": "eslint src --ext \".ts,.tsx,.js,.jsx\"",
@@ -66,8 +66,7 @@
   "devDependencies": {
     "@babel/cli": "^7.2.0",
     "@babel/core": "^7.2.0",
-    "@splunk/babel-preset": "^3.0.0",
-    "@splunk/cicd-tools": "^0.5.0",
+    "@splunk/babel-preset": "^4.0.0",
     "@splunk/eslint-config": "^4.0.0",
     "@storybook/addon-docs": "^6.5.9",
     "@storybook/addons": "^6.5.9",
@@ -89,15 +88,15 @@
     "eslint-plugin-jsx-a11y": "^6.3.1",
     "eslint-plugin-react": "^7.20.3",
     "eslint-plugin-react-hooks": "^4.0.5",
-    "jest": "^25.1.0",
+    "jest": "^26.6.3",
     "jest-styled-components": "^7.0.8",
     "react": "^16.12.0",
     "styled-components": "^5.3.10",
     "typescript": "^4.0.5",
-    "webpack": "^4.16.2",
-    "webpack-cli": "^4.9.2",
-    "webpack-dev-server": "^4.7.4",
-    "webpack-merge": "^4.1.3"
+    "webpack": "^5.88.2",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^4.15.1",
+    "webpack-merge": "^5.9.0"
   },
   "engines": {
     "node": ">=6"

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

@@ -51,7 +51,7 @@ var ThemedDocsContainer = function ThemedDocsContainer(_ref) {
 
   return /*#__PURE__*/_react["default"].createElement(_blocks.DocsContainer, {
     context: themedContext
-  }, /*#__PURE__*/_react["default"].createElement(_themes.GlobalStyles, null), children);
+  }, /*#__PURE__*/_react["default"].createElement(_themes.GlobalStyles, null), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children));
 };
 
 exports.ThemedDocsContainer = ThemedDocsContainer;

package/stubs-dependencies.d.ts

@@ -0,0 +1,8 @@
+import '@storybook/addon-docs/blocks';
+
+declare module '@storybook/addon-docs/blocks' {
+    declare interface DocsContainerPropsWithChildren extends DocsContainerProps {
+        children?: ReactNode;
+    }
+    export declare const DocsContainer: FunctionComponent<DocsContainerPropsWithChildren>;
+}

package/types.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});