@splunk/themes 0.13.0 → 0.14.0

package/CHANGELOG.md

@@ -1,6 +1,15 @@
 Change Log
 ============
 
+0.14.0 - January 10, 2023
+----------
+New Features:
+* Added `inherit` option for `color` prop in `typography` mixin.
+
+0.13.1 - December 6, 2022
+----------
+* Optimizes bundle sizes of consumers by reducing footprint of "lodash" (SUI-5090).
+
 0.13.0 - September 6, 2022
 ----------
 New Features:
@@ -32,7 +41,7 @@ Bug Fixes:
 
   `styled-components@5.2.0` changed how selectors like `& + &` are compiled; [styled-components PR#3236](https://github.com/styled-components/styled-components/pull/3236).
   This breaks styles that worked in previous versions of styled-components; [styled-components issue #3265](https://github.com/styled-components/styled-components/issues/3265).
-  
+
   **Until noted otherwise in a future release of `@splunk/themes` do not use `styled-components@^5.2.0` with` @splunk/themes`**.
 
 0.10.0 - February 23, 2022
@@ -73,7 +82,7 @@ API Changes:
 * `lite` theme removed. That is, the orange theme for the Splunk Light product was removed.
 * New `SplunkThemeProvider`.
 * New `pick()` function for switching css blocks and variables in styled-components templates.
-* Individual themes are no longer exported directly. 
+* Individual themes are no longer exported directly.
     * Use `useSplunkTheme()` for variables in React components;
     * Use `variables` for variables in styled-components templates;
     * Use `getTheme()` should you need a full list of theme variables for use outside of React and styled-components;

package/mixins/typography.js

@@ -7,7 +7,7 @@ exports.typographyVariants = exports["default"] = void 0;
 
 var _styledComponents = require("styled-components");
 
-var _lodash = require("lodash");
+var _merge = _interopRequireDefault(require("lodash/merge"));
 
 var _variables = _interopRequireDefault(require("../variables"));
 
@@ -152,7 +152,7 @@ function getStylesForVariant(variant) {
     default:
       {
         if (false) {
-          // eslint-disable-line no-console
+          // eslint-disable-next-line no-console
           console.log("Unknown typography variant, ".concat(variant, ". Using default values for theme."));
         } // Make sure this "never" happens https://www.typescriptlang.org/docs/handbook/2/narrowing.html#exhaustiveness-checking
 
@@ -177,7 +177,8 @@ var colorPropToVariableMap = {
   "default": _variables["default"].contentColorDefault,
   disabled: _variables["default"].contentColorDisabled,
   inverted: _variables["default"].contentColorInverted,
-  muted: _variables["default"].contentColorMuted
+  muted: _variables["default"].contentColorMuted,
+  inherit: 'inherit'
 };
 var familyPropToVariableMap = {
   sansSerif: _variables["default"].sansFontFamily,
@@ -258,7 +259,7 @@ function typography(variantOrParams, additionalParams) {
     lineHeight: _variables["default"].lineHeight,
     withReset: false
   };
-  var finalParams = (0, _lodash.merge)(defaultTypographyParams, variantParams, transformedParams);
+  var finalParams = (0, _merge["default"])(defaultTypographyParams, variantParams, transformedParams);
   return function () {
     return (0, _styledComponents.css)(_templateObject(), function () {
       return finalParams.withReset && (0, _styledComponents.css)(_templateObject2());

package/mixins/utilityMixins.js

@@ -108,7 +108,7 @@ function clearfix() {
  *  import { ellipsis } from '@splunk/themes/mixins';
  *
  *  const myBlock = styled.div`
- *      ${clearfix()};
+ *      ${ellipsis()};
  *      width: 300px;
  *  `
  *  ```

package/package.json

@@ -1,13 +1,15 @@
 {
   "name": "@splunk/themes",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "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:start": "webpack serve --config docs.gen.webpack.config.js",
+    "docs:publish:external": "cicd-publish-docs docs-external --force --suffix=public",
+    "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\"",
     "lint:ci": "yarn run lint -- -f junit -o test-reports/lint-results.xml",
     "start": "yarn babel --watch",
@@ -64,7 +66,7 @@
     "@babel/cli": "^7.2.0",
     "@babel/core": "^7.2.0",
     "@splunk/babel-preset": "^3.0.0",
-    "@splunk/cicd-tools": "^0.4.0",
+    "@splunk/cicd-tools": "^0.5.0",
     "@splunk/eslint-config": "^4.0.0",
     "@storybook/addon-docs": "^6.5.9",
     "@storybook/addons": "^6.5.9",

package/types/mixins/typography.d.ts

@@ -17,7 +17,7 @@ interface TypographyParams {
     /**
      * Set the color to a system-standard color: e.g. `active` for `@splunk/themes/variables.contentColorActive`.
      */
-    color?: 'active' | 'default' | 'disabled' | 'inverted' | 'muted';
+    color?: 'active' | 'default' | 'disabled' | 'inverted' | 'muted' | 'inherit';
     /**
      * Set the font-weight to a system-standard value.
      *

package/types/mixins/utilityMixins.d.ts

@@ -51,7 +51,7 @@ export declare function clearfix(): {
  *  import { ellipsis } from '@splunk/themes/mixins';
  *
  *  const myBlock = styled.div`
- *      ${clearfix()};
+ *      ${ellipsis()};
  *      width: 300px;
  *  `
  *  ```

package/utils.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getCustomizedTheme = exports.addThemeDefaults = void 0;
 
-var _lodash = require("lodash");
+var _memoize = _interopRequireDefault(require("lodash/memoize"));
 
 var _getTheme = _interopRequireDefault(require("./getTheme"));
 
@@ -66,7 +66,7 @@ function getCustomizedThemeUnmemo(settings, customizer) {
  */
 
 
-var getCustomizedTheme = (0, _lodash.memoize)(getCustomizedThemeUnmemo, function () {
+var getCustomizedTheme = (0, _memoize["default"])(getCustomizedThemeUnmemo, function () {
   var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
       family = _ref2.family,
       colorScheme = _ref2.colorScheme,