@splunk/react-ui 5.0.0-rc.2 → 5.1.0

package/Progress.js

@@ -66,11 +66,11 @@
     // CONCATENATED MODULE: external "react"
     const t = require("react");
     var n =  e.n(t);
-    // CONCATENATED MODULE: external "prop-types"
-    const o = require("prop-types");
-    var i =  e.n(o);
     // CONCATENATED MODULE: external "lodash/isNumber"
-    const a = require("lodash/isNumber");
+    const o = require("lodash/isNumber");
+    var i =  e.n(o);
+    // CONCATENATED MODULE: external "prop-types"
+    const a = require("prop-types");
     var s =  e.n(a);
     // CONCATENATED MODULE: external "@splunk/react-ui/AnimationToggle"
     const l = require("@splunk/react-ui/AnimationToggle");
@@ -102,7 +102,7 @@
         var r = e.$animated, t = e.$type;
         // Animated is only supported for the info type.
         // This is enforced in the component and duplicating here
-                return r && t === "info" ? (0, c.css)([ "background:radial-gradient( circle at center,", ",", " 30% );background-size:200% 100%;animation:", " 2500ms infinite cubic-bezier(0.33,0,0.67,1);" ], d.variables.notificationColorInfoWeak, d.variables.notificationColorInfo, b) : (0, 
+                return r && t === "info" ? (0, c.css)([ "background:radial-gradient( circle at center,", ",", " 30% );background-size:200% 100%;animation:", " 2500ms infinite cubic-bezier(0.33,0,0.67,1);" ], d.variables.notificationColorInfoStrong, d.variables.notificationColorInfo, b) : (0, 
         c.css)([ "background:", ";" ], (0, d.pickVariant)("$type", {
             info: d.variables.notificationColorInfo,
             success: d.variables.notificationColorPositive,
@@ -212,13 +212,13 @@
         return t;
     }
     var $ = {
-        elementRef: i().oneOfType([ i().func, i().object ]),
-        percentage: i().number,
-        tooltip: i().node,
-        type: i().oneOf([ "info", "success", "error" ])
+        elementRef: s().oneOfType([ s().func, s().object ]),
+        percentage: s().number,
+        tooltip: s().node,
+        type: s().oneOf([ "info", "success", "error" ])
     };
     function I(e) {
-        var r = e.elementRef, o = e.percentage, i = e.tooltip, a = e.type, c = a === void 0 ? "info" : a, u = j(e, [ "elementRef", "percentage", "tooltip", "type" ]);
+        var r = e.elementRef, o = e.percentage, a = e.tooltip, s = e.type, c = s === void 0 ? "info" : s, u = j(e, [ "elementRef", "percentage", "tooltip", "type" ]);
         // @docs-props-type ProgressPropsBase
                 if (false) {}
         var f = (0, t.useState)(false), p = S(f, 2), d = p[0], v = p[1];
@@ -229,8 +229,8 @@
         var k = (0, t.useCallback)((function() {
             v(false);
         }), []);
-        var w = s()(o) ? o : 0;
-        var C = i || "".concat(w, "%");
+        var w = i()(o) ? o : 0;
+        var C = a || "".concat(w, "%");
         
         return n().createElement(y, h({
             onMouseEnter: O,

package/Prose.js

@@ -75,10 +75,10 @@
     var c =  e.n(l);
     // CONCATENATED MODULE: external "@splunk/react-ui/Heading"
     const u = require("@splunk/react-ui/Heading");
-    // CONCATENATED MODULE: external "@splunk/react-ui/Paragraph"
-    const a = require("@splunk/react-ui/Paragraph");
     // CONCATENATED MODULE: external "@splunk/react-ui/List"
-    const s = require("@splunk/react-ui/List");
+    const a = require("@splunk/react-ui/List");
+    // CONCATENATED MODULE: external "@splunk/react-ui/Paragraph"
+    const s = require("@splunk/react-ui/Paragraph");
     // CONCATENATED MODULE: external "@splunk/themes/mixins"
     const f = require("@splunk/themes/mixins");
     var p =  e.n(f);
@@ -168,15 +168,15 @@
         return ("string" === r ? String : Number)(e);
     }
     var j = {
-        p: a.StyledParagraph,
+        p: s.StyledParagraph,
         h1: u.StyledHeading,
         h2: u.StyledHeading,
         h3: u.StyledHeading,
         h4: u.StyledHeading,
         h5: u.StyledHeading,
         h6: u.StyledHeading,
-        ul: s.StyledList,
-        ol: s.StyledList
+        ul: a.StyledList,
+        ol: a.StyledList
     };
     var P = c().section.withConfig({
         displayName: "Prose__StyledProse",

package/README.md

@@ -8,7 +8,7 @@ Install the package and its dependencies.
 
 1. Install the peer dependencies:
     ```bash
-    npm install react@^16 react-dom@^16 styled-components@^5
+    npm install react@^18 react-dom@^18 styled-components@^5
     ```
 2. Install the package:
     ```bash
@@ -74,7 +74,7 @@ It is strongly recommended to include only one instance of `@splunk/react-ui` in
 using multiple instances of this library on the same page is discouraged.
 
 ```
-| Multiple instances | @splunk/react-ui 4.x    | @splunk/react-ui 4.x and 3.x |
+| Multiple instances | @splunk/react-ui 5.x    | @splunk/react-ui 5.x and 4.x |
 | ------------------ | ----------------------- | ---------------------------- |
 | In the same bundle | Deduplicate             | Avoid                        |
 | On the same page   | Avoid                   | Avoid                        |
@@ -84,19 +84,19 @@ using multiple instances of this library on the same page is discouraged.
 
 Multiple instances of `@splunk/react-ui` in the same bundle should be avoided.
 For example, instead of `4.0.0` and `4.1.0` only `4.1.0` should be used.
-Multiple versions of `3.x` are not supported.
+Only major bug fixes will be supported in version `4.x`
 Use a package manager (Yarn or NPM) or a module bundler (Webpack) to deduplicate versions.
 
 ##### 1. Yarn or NPM:
 `yarn` and `npm` resolve dependencies to avoid duplicate versions.
 
 Pros:
-  * Supports `4.x` and `3.x` in the same bundle.
+  * Supports `5.x` and `4.x` in the same bundle.
 
 Cons:
   * Extra versions can unexpectedly be added to lock files while updating dependencies.
   * Upgrades may require rebuilding the lock file.
-  * All packages must all define their `@splunk/react-ui` dependency with a major version (`@^4.0` or `@^4.1`),
+  * All packages must all define their `@splunk/react-ui` dependency with a major version (`@^5.0` or `@^4.1`),
   not a minor version (`@~4.0`).  
 
 
@@ -108,7 +108,7 @@ Pros:
   * Reliably builds with one version of `@splunk/react-ui`.
 
 Cons:
-  * Cannot be used when `3.x` and `4.x` are required by different dependencies.
+  * Cannot be used when `5.x` and `4.x` are required by different dependencies.
   * If dependencies rely on a newer version, unexpected breakages may occur.
 
 ### On the same page