@splunk/react-ui 4.15.0 → 4.16.1

package/TextArea.js

@@ -196,7 +196,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "lodash/defer"
-var defer_ = __webpack_require__(53);
+var defer_ = __webpack_require__(55);
 var defer_default = /*#__PURE__*/__webpack_require__.n(defer_);
 
 // EXTERNAL MODULE: external "lodash/has"
@@ -1224,8 +1224,8 @@ TextAreaWithTheme.componentType = TextArea_TextArea.componentType;
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CrossMark; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29);
-/* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _splunk_react_icons_enterprise_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29);
+/* harmony import */ var _splunk_react_icons_enterprise_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_enterprise_Close__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -1259,7 +1259,7 @@ function Prisma16(_ref2) {
 
 function CrossMark(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
-    Enterprise: _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default.a,
+    Enterprise: _splunk_react_icons_enterprise_Close__WEBPACK_IMPORTED_MODULE_1___default.a,
     Prisma16: Prisma16,
     Prisma24: Prisma24
   }, props));
@@ -1270,7 +1270,7 @@ function CrossMark(props) {
 /***/ 29:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/Close");
+module.exports = require("@splunk/react-icons/enterprise/Close");
 
 /***/ }),
 
@@ -1295,8 +1295,8 @@ module.exports = require("lodash/throttle");
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Search; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(54);
-/* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _splunk_react_icons_enterprise_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(56);
+/* harmony import */ var _splunk_react_icons_enterprise_Search__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_enterprise_Search__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -1330,7 +1330,7 @@ function Prisma16(_ref2) {
 
 function Search(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
-    Enterprise: _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default.a,
+    Enterprise: _splunk_react_icons_enterprise_Search__WEBPACK_IMPORTED_MODULE_1___default.a,
     Prisma16: Prisma16,
     Prisma24: Prisma24
   }, props));
@@ -1359,17 +1359,17 @@ module.exports = require("lodash/omit");
 
 /***/ }),
 
-/***/ 53:
+/***/ 55:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/defer");
 
 /***/ }),
 
-/***/ 54:
+/***/ 56:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/Search");
+module.exports = require("@splunk/react-icons/enterprise/Search");
 
 /***/ }),
 
@@ -1488,8 +1488,8 @@ function Icon(_ref) {
 
 
   if (prismaSize === 'small') {
-    var SVG = Prisma16 || Prisma24;
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVG, _extends({
+    var SVGEnterprise = Prisma16 || Prisma24;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVGEnterprise, _extends({
       width: "16",
       height: "16"
     }, prismaProps));
@@ -1497,9 +1497,9 @@ function Icon(_ref) {
 
 
   if (density === 'compact') {
-    var _SVG = Prisma20 || Prisma24;
+    var _SVGEnterprise = Prisma20 || Prisma24;
 
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG, _extends({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVGEnterprise, _extends({
       width: "20",
       height: "20"
     }, prismaProps));

package/Tooltip.js

@@ -179,9 +179,9 @@ var id_ = __webpack_require__(13);
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
 var i18n_ = __webpack_require__(4);
 
-// EXTERNAL MODULE: external "@splunk/react-icons/SVG"
-var SVG_ = __webpack_require__(32);
-var SVG_default = /*#__PURE__*/__webpack_require__.n(SVG_);
+// EXTERNAL MODULE: external "@splunk/react-icons/SVGEnterprise"
+var SVGEnterprise_ = __webpack_require__(32);
+var SVGEnterprise_default = /*#__PURE__*/__webpack_require__.n(SVGEnterprise_);
 
 // CONCATENATED MODULE: ./src/Tooltip/InfoIcon.tsx
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -197,7 +197,7 @@ function InfoCircle(props) {
       density = _useSplunkTheme.density;
 
   if (family === 'enterprise') {
-    return /*#__PURE__*/external_react_default.a.createElement(SVG_default.a, _extends({
+    return /*#__PURE__*/external_react_default.a.createElement(SVGEnterprise_default.a, _extends({
       screenReaderText: Object(i18n_["_"])('Info Circle'),
       viewBox: "0 0 24 24"
     }, props), /*#__PURE__*/external_react_default.a.createElement("path", {
@@ -824,7 +824,7 @@ module.exports = require("lodash/throttle");
 /***/ 32:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/SVG");
+module.exports = require("@splunk/react-icons/SVGEnterprise");
 
 /***/ }),
 

package/Typography.js

@@ -152,7 +152,7 @@ var propTypes = {
   variant: external_prop_types_default.a.oneOf(mixins_["typographyVariants"]),
   size: external_prop_types_default.a.number,
   lineHeight: external_prop_types_default.a.number,
-  color: external_prop_types_default.a.oneOf(['active', 'default', 'disabled', 'inverted', 'muted']),
+  color: external_prop_types_default.a.oneOf(['active', 'default', 'disabled', 'inverted', 'muted', 'inherit']),
   weight: external_prop_types_default.a.oneOf([300, 400, 500, 600, 700, 800, 900, 'light', 'normal', 'semiBold', 'bold', 'extraBold', 'heavy']),
   withReset: external_prop_types_default.a.bool
 };

package/WaitSpinner.js

@@ -127,7 +127,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/AnimationToggle"
-var AnimationToggle_ = __webpack_require__(47);
+var AnimationToggle_ = __webpack_require__(48);
 
 // EXTERNAL MODULE: external "@splunk/themes"
 var themes_ = __webpack_require__(0);
@@ -288,7 +288,7 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 47:
+/***/ 48:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/AnimationToggle");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splunk/react-ui",
-  "version": "4.15.0",
+  "version": "4.16.1",
   "description": "Library of React components that implement the Splunk design language",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
@@ -39,7 +39,7 @@
   },
   "dependencies": {
     "@splunk/react-icons": "^3.3.1",
-    "@splunk/themes": "^0.13.1",
+    "@splunk/themes": "^0.15.0",
     "@splunk/ui-utils": "^1.5.2",
     "@types/commonmark": "^0.27.0",
     "@types/lodash": "^4.14.156",
@@ -48,7 +48,6 @@
     "@types/react-resize-detector": "^3.1.1",
     "@types/styled-components": "^5.1.0",
     "@types/tinycolor2": "^1.4.2",
-    "axe-html-reporter": "^2.2.3",
     "commonmark": "^0.27.0",
     "commonmark-react-renderer": "^4.3.2",
     "decimal.js-light": "^2.2.3",
@@ -68,11 +67,11 @@
     "@cypress/webpack-dev-server": "^1.8.2",
     "@splunk/babel-preset": "^3.0.0",
     "@splunk/cicd-tools": "^0.5.0",
-    "@splunk/docs-gen": "1.0.0-beta.1",
+    "@splunk/docs-gen": "1.0.0-beta.2",
     "@splunk/eslint-config": "^4.0.0",
-    "@splunk/react-docs": "1.0.0-beta.1",
+    "@splunk/react-docs": "1.0.0-beta.2",
     "@splunk/stylelint-config": "^4.0.0",
-    "@splunk/test-runner-utils": "^0.4.0",
+    "@splunk/test-runner-utils": "^0.4.1",
     "@splunk/wdio-functional-test-runner": "^10.1.0",
     "@splunk/webpack-configs": "^6.0.0",
     "@storybook/addon-a11y": "^6.5.9",
@@ -97,6 +96,7 @@
     "@types/webpack-env": "^1.15.2",
     "@typescript-eslint/eslint-plugin": "^4.8.2",
     "@typescript-eslint/parser": "^4.8.2",
+    "axe-html-reporter": "^2.2.3",
     "axe-playwright": "^1.1.11",
     "babel-loader": "^8.0.4",
     "babel-plugin-istanbul": "^5.1.0",
@@ -143,7 +143,6 @@
     "stylelint": "^13.0.0",
     "ts-loader": "^6.2.1",
     "typescript": "^4.0.5",
-    "wdio-image-comparison-service": "^1.9.0",
     "webpack": "^4.16.2",
     "webpack-cli": "^4.9.2",
     "webpack-dev-server": "^4.7.4",

package/types/src/Button/Button.d.ts

@@ -12,7 +12,7 @@ interface ButtonPropsBase {
     /** Returns a value on click. Use when composing or testing. */
     action?: string;
     /** Changes the style of the button.
-     * @themeNotes Enterprise themes support the following appearances:`default`, `primary`, `secondary`, and `pill`. Prisma themes support the `default`, `primary`, `secondary`, `destructive`, `toggle` and `flat` appearances.
+     * @themeNotes Enterprise themes support the following appearances:`default`, `primary`, `secondary`, `destructive` and `pill`. Prisma themes support the `default`, `primary`, `secondary`, `destructive`, `toggle` and `flat` appearances.
      */
     appearance?: 'default' | 'secondary' | 'primary' | 'destructive' | 'pill' | 'toggle' | 'flat';
     /** Removes the right border and border-radius of the button so you can
@@ -29,7 +29,9 @@ interface ButtonPropsBase {
     elementRef?: React.Ref<HTMLAnchorElement | HTMLButtonElement>;
     /** Turns the button red. If you use this prop, apply other error
      * indicators, such as an error message, to meet accessibility
-     * requirements. */
+     * requirements.
+     * @deprecated
+     * */
     error?: boolean;
     /** Applies the text that displays on the button. */
     label?: React.ReactNode;
@@ -68,6 +70,7 @@ declare class Button extends Component<ButtonProps> {
     static propTypes: React.WeakValidationMap<ClassComponentProps<ButtonPropsBase, Required<Pick<ButtonPropsBase, "disabled" | "selected" | "appearance" | "inline" | "error" | "openInNewContext" | "append" | "prepend" | "isMenu">>, "button", never>> | React.WeakValidationMap<ClassComponentProps<ButtonPropsBase, Required<Pick<ButtonPropsBase, "disabled" | "selected" | "appearance" | "inline" | "error" | "openInNewContext" | "append" | "prepend" | "isMenu">>, "a", "href">>;
     static defaultProps: Required<Pick<ButtonPropsBase, "disabled" | "selected" | "appearance" | "inline" | "error" | "openInNewContext" | "append" | "prepend" | "isMenu">>;
     static [legacyRefMode]: boolean;
+    constructor(props: Readonly<ButtonProps>);
     private handleClick;
     private handleMount;
     /**

package/types/src/Button/docs/examples/Basic.d.ts

@@ -1,2 +1,2 @@
-declare function Buttons(): JSX.Element;
-export default Buttons;
+declare function Basic(): JSX.Element;
+export default Basic;