@react-spectrum/progress - npm Package Compare versions

Comparing version 3.1.1 to 3.1.2

dist/main.js

@@ -31,2 +31,4 @@ var {
   "spectrum-BarLoader": "_spectrum-BarLoader_c74d2",
+  "spectrum-BarLoader--indeterminate": "_spectrum-BarLoader--indeterminate_c74d2",
+  "spectrum-BarLoader--sideLabel": "_spectrum-BarLoader--sideLabel_c74d2",
   "spectrum-BarLoader-track": "_spectrum-BarLoader-track_c74d2",
@@ -36,5 +38,3 @@ "spectrum-BarLoader-fill": "_spectrum-BarLoader-fill_c74d2",
   "spectrum-BarLoader-percentage": "_spectrum-BarLoader-percentage_c74d2",
-  "spectrum-BarLoader--sideLabel": "_spectrum-BarLoader--sideLabel_c74d2",
   "spectrum-BarLoader--small": "_spectrum-BarLoader--small_c74d2",
-  "spectrum-BarLoader--indeterminate": "_spectrum-BarLoader--indeterminate_c74d2",
   "indeterminate-loop-ltr": "_indeterminate-loop-ltr_c74d2",
@@ -84,5 +84,6 @@ "indeterminate-loop-rtl": "_indeterminate-loop-rtl_c74d2",
     console.warn('If you do not provide a visible label via children, you must specify an aria-label or aria-labelledby attribute for accessibility');
-  }
+  } // use inline style for fit-content because cssnano is too smart for us and will strip out the -moz prefix in css files
 
-  return /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, styleProps, barProps, {
+
+  return /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, barProps, {
     ref: domRef,
@@ -94,3 +95,6 @@ className: classNames($b76be3b356c6ec92c2715ea3e4dc0e69$$interop$default, 'spectrum-BarLoader', {
       'spectrum-BarLoader--sideLabel': labelPosition === 'side'
-    }, barClassName, styleProps.className)
+    }, barClassName, styleProps.className),
+    style: _babelRuntimeHelpersExtends({
+      minWidth: '-moz-fit-content'
+    }, styleProps.style)
   }), label && /*#__PURE__*/_react.createElement("span", _babelRuntimeHelpersExtends({}, labelProps, {
@@ -108,3 +112,3 @@ className: classNames($b76be3b356c6ec92c2715ea3e4dc0e69$$interop$default, 'spectrum-BarLoader-label')
 
-let ProgressBarBase = _react.forwardRef($b0d2f47ae3a8238ab2360be8fc837fc$var$ProgressBarBase);
+let ProgressBarBase = /*#__PURE__*/_react.forwardRef($b0d2f47ae3a8238ab2360be8fc837fc$var$ProgressBarBase);
 
@@ -138,3 +142,3 @@ exports.ProgressBarBase = ProgressBarBase;
 
-let ProgressBar = _react.forwardRef($e05519d83e80e24bd20eae11a34f5$var$ProgressBar);
+let ProgressBar = /*#__PURE__*/_react.forwardRef($e05519d83e80e24bd20eae11a34f5$var$ProgressBar);
 
@@ -243,5 +247,5 @@ exports.ProgressBar = ProgressBar;
 
-let ProgressCircle = _react.forwardRef($afa84cf894ccc20de32ae773d8878b79$var$ProgressCircle);
+let ProgressCircle = /*#__PURE__*/_react.forwardRef($afa84cf894ccc20de32ae773d8878b79$var$ProgressCircle);
 
 exports.ProgressCircle = ProgressCircle;
 //# sourceMappingURL=main.js.map

dist/module.js

@@ -17,2 +17,4 @@ import { useProgressBar } from "@react-aria/progress";
   "spectrum-BarLoader": "_spectrum-BarLoader_c74d2",
+  "spectrum-BarLoader--indeterminate": "_spectrum-BarLoader--indeterminate_c74d2",
+  "spectrum-BarLoader--sideLabel": "_spectrum-BarLoader--sideLabel_c74d2",
   "spectrum-BarLoader-track": "_spectrum-BarLoader-track_c74d2",
@@ -22,5 +24,3 @@ "spectrum-BarLoader-fill": "_spectrum-BarLoader-fill_c74d2",
   "spectrum-BarLoader-percentage": "_spectrum-BarLoader-percentage_c74d2",
-  "spectrum-BarLoader--sideLabel": "_spectrum-BarLoader--sideLabel_c74d2",
   "spectrum-BarLoader--small": "_spectrum-BarLoader--small_c74d2",
-  "spectrum-BarLoader--indeterminate": "_spectrum-BarLoader--indeterminate_c74d2",
   "indeterminate-loop-ltr": "_indeterminate-loop-ltr_c74d2",
@@ -70,5 +70,6 @@ "indeterminate-loop-rtl": "_indeterminate-loop-rtl_c74d2",
     console.warn('If you do not provide a visible label via children, you must specify an aria-label or aria-labelledby attribute for accessibility');
-  }
+  } // use inline style for fit-content because cssnano is too smart for us and will strip out the -moz prefix in css files
 
-  return /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersEsmExtends({}, styleProps, barProps, {
+
+  return /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersEsmExtends({}, barProps, {
     ref: domRef,
@@ -80,3 +81,6 @@ className: classNames($eae5301468e7259fd99d852e67771$$interop$default, 'spectrum-BarLoader', {
       'spectrum-BarLoader--sideLabel': labelPosition === 'side'
-    }, barClassName, styleProps.className)
+    }, barClassName, styleProps.className),
+    style: _babelRuntimeHelpersEsmExtends({
+      minWidth: '-moz-fit-content'
+    }, styleProps.style)
   }), label && /*#__PURE__*/_react.createElement("span", _babelRuntimeHelpersEsmExtends({}, labelProps, {
@@ -94,3 +98,3 @@ className: classNames($eae5301468e7259fd99d852e67771$$interop$default, 'spectrum-BarLoader-label')
 
-export let ProgressBarBase = _react.forwardRef($c5cde9743903482bb7abecafb119431a$var$ProgressBarBase);
+export let ProgressBarBase = /*#__PURE__*/_react.forwardRef($c5cde9743903482bb7abecafb119431a$var$ProgressBarBase);
 
@@ -122,3 +126,3 @@ function $f18373465a3261d8a2c5beeda930081$var$ProgressBar(props, ref) {
 
-export let ProgressBar = _react.forwardRef($f18373465a3261d8a2c5beeda930081$var$ProgressBar);
+export let ProgressBar = /*#__PURE__*/_react.forwardRef($f18373465a3261d8a2c5beeda930081$var$ProgressBar);
 // ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/circleloader/vars.css
@@ -225,3 +229,3 @@ var $ac0b16ab45b43a13bd626652200d2$exports = {};
 
-export let ProgressCircle = _react.forwardRef($e712ab91a3ca4a742ab6443c53b96b8$var$ProgressCircle);
+export let ProgressCircle = /*#__PURE__*/_react.forwardRef($e712ab91a3ca4a742ab6443c53b96b8$var$ProgressCircle);
 //# sourceMappingURL=module.js.map

package.json

 {
   "name": "@react-spectrum/progress",
-  "version": "3.1.1",
+  "version": "3.1.2",
   "description": "Spectrum UI components in React",
@@ -35,10 +35,10 @@ "license": "Apache-2.0",
     "@babel/runtime": "^7.6.2",
-    "@react-aria/progress": "^3.1.1",
-    "@react-aria/utils": "^3.3.0",
-    "@react-spectrum/utils": "^3.3.0",
+    "@react-aria/progress": "^3.1.2",
+    "@react-aria/utils": "^3.8.0",
+    "@react-spectrum/utils": "^3.5.2",
     "@react-types/progress": "^3.1.1",
-    "@react-types/shared": "^3.2.1"
+    "@react-types/shared": "^3.6.0"
   },
   "devDependencies": {
-    "@adobe/spectrum-css-temp": "^3.0.0-alpha.1"
+    "@adobe/spectrum-css-temp": "3.0.0-alpha.1"
   },
@@ -52,3 +52,3 @@ "peerDependencies": {
   },
-  "gitHead": "0778f71a3c13e1e24388a23b6d525e3b9f5b98f1"
+  "gitHead": "3aae08e7d8a75382bedcddac7c86107e40db9296"
 }

No alert changes

Improved metrics

Total package byte prevSize

120506

increased by1.89%

Lines of code

745

increased by1.22%

Dependency changes

• Updated@react-aria/progress@^3.1.2

• Updated@react-aria/utils@^3.8.0

• Updated@react-spectrum/utils@^3.5.2

• Updated@react-types/shared@^3.6.0