@telefonica/mistica 11.1.0 → 11.3.0

package/dist/overscroll-color-context.js

@@ -35,11 +35,11 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var ref = (0, _nestableContext).default(''), Provider = ref.Provider, Getter = ref.Getter, useSetValue = ref.useSetValue;
-var shouldRender = (0, _platform).getPlatform() === 'ios';
+var ref = (0, _nestableContext).default(""), Provider = ref.Provider, Getter = ref.Getter, useSetValue = ref.useSetValue;
+var shouldRender = (0, _platform).getPlatform() === "ios";
 var OverscrollColorProviderNoOp = function OverscrollColorProviderNoOp(param) {
     var children = param.children;
-    /*#__PURE__*/ return (0, _jsxRuntime).jsx(_jsxRuntime.Fragment, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(_jsxRuntime.Fragment, {
         children: children || null
     });
 };
@@ -51,18 +51,18 @@ var OverscrollColorProviderComponent = function OverscrollColorProviderComponent
     return isTabletOrSmaller ? /*#__PURE__*/ (0, _jsxRuntime).jsx(Provider, {
         children: /*#__PURE__*/ (0, _jsxRuntime).jsx(Getter, {
             children: function children1(color) {
-                /*#__PURE__*/ return (0, _jsxRuntime).jsxs(_jsxRuntime.Fragment, {
+                return /*#__PURE__*/ (0, _jsxRuntime).jsxs(_jsxRuntime.Fragment, {
                     children: [
                         /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
                             style: {
-                                position: 'absolute',
+                                position: "absolute",
                                 zIndex: 1,
                                 background: color || theme.colors.background,
-                                width: '100%',
+                                width: "100%",
                                 height: 500 + ((0, _platform).isInsideNovumNativeApp(platformOverrides) ? 0 : theme.dimensions.headerMobileHeight),
                                 left: 0,
                                 marginTop: -500,
-                                transform: 'translate3d(0,0,0)'
+                                transform: "translate3d(0,0,0)"
                             }
                         }),
                         children

package/dist/package-version.js

@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 exports.PACKAGE_VERSION = void 0;
-var PACKAGE_VERSION = '11.1.0';
+var PACKAGE_VERSION = "11.3.0";
 exports.PACKAGE_VERSION = PACKAGE_VERSION;

package/dist/password-field.js

@@ -143,8 +143,8 @@ function _unsupportedIterableToArray(o, minLen) {
 var usePasswordAdornmentStyles = (0, _jss).createUseStyles(function(theme) {
     return {
         shadow: _defineProperty({}, theme.mq.supportsHover, {
-            '&:hover': {
-                backgroundColor: 'rgba(0, 0, 0, 0.08)'
+            "&:hover": {
+                backgroundColor: "rgba(0, 0, 0, 0.08)"
             }
         })
     };
@@ -154,13 +154,13 @@ var PasswordAdornment = function PasswordAdornment(param) {
     var texts = (0, _hooks).useTheme().texts;
     var classes = usePasswordAdornmentStyles();
     var style = {
-        backgroundSize: '200%',
+        backgroundSize: "200%",
         padding: 12,
         margin: -12,
-        borderRadius: '50%',
+        borderRadius: "50%",
         backgroundColor: undefined
     };
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_iconButton.default, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconButton.default, {
         "aria-label": texts.togglePasswordVisibilityLabel,
         onPress: function onPress() {
             setVisibility(!isVisible);
@@ -170,10 +170,10 @@ var PasswordAdornment = function PasswordAdornment(param) {
         className: classes.shadow,
         style: style,
         children: isVisible ? /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconVisibilityOff.default, {}) : /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconVisibility.default, {})
-    }));
+    });
 };
 var PasswordField = function PasswordField(_param) {
-    var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validate = _param.validate, onChange = _param.onChange, onChangeValue = _param.onChangeValue, onBlur = _param.onBlur, value1 = _param.value, _autoComplete = _param.autoComplete, autoComplete = _autoComplete === void 0 ? 'current-password' : _autoComplete, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, [
+    var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validate = _param.validate, onChange = _param.onChange, onChangeValue = _param.onChangeValue, onBlur = _param.onBlur, value1 = _param.value, _autoComplete = _param.autoComplete, autoComplete = _autoComplete === void 0 ? "current-password" : _autoComplete, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -227,8 +227,8 @@ var PasswordField = function PasswordField(_param) {
         onChange: onChange,
         onChangeValue: onChangeValue
     });
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.TextFieldBaseAutosuggest, _objectSpread({}, rest, fieldProps, {
-        type: isVisible ? 'text' : 'password',
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.TextFieldBaseAutosuggest, _objectSpread({}, rest, fieldProps, {
+        type: isVisible ? "text" : "password",
         inputRef: function inputRef1(field) {
             fieldProps.inputRef(field);
             // @ts-expect-error - current is typed as read-only
@@ -240,7 +240,7 @@ var PasswordField = function PasswordField(_param) {
             isVisible: isVisible,
             setVisibility: setIsVisible
         })
-    })));
+    }));
 };
 var _default = PasswordField;
 exports.default = _default;

package/dist/phone-number-field.js

@@ -136,7 +136,7 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var formatPhone = function formatPhone(regionCode, number) {
-    return (0, _libphonenumber).formatAsYouType(number.replace(/[^\d+*#]/g, ''), regionCode);
+    return (0, _libphonenumber).formatAsYouType(number.replace(/[^\d+*#]/g, ""), regionCode);
 };
 var isValidPrefix = function isValidPrefix(prefix) {
     return !!prefix.match(/^\+\d+$/);
@@ -150,11 +150,11 @@ var PhoneInput = function PhoneInput(_param) {
         "prefix",
         "e164"
     ]);
-    var ref = _slicedToArray(React.useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : ''), 2), selfValue = ref[0], setSelfValue = ref[1];
+    var ref = _slicedToArray(React.useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : ""), 2), selfValue = ref[0], setSelfValue = ref[1];
     var ref1 = React.useRef(null);
     var i18n = (0, _hooks).useTheme().i18n;
     var regionCode = i18n.phoneNumberFormattingRegionCode;
-    var isControlledByParent = typeof value1 !== 'undefined';
+    var isControlledByParent = typeof value1 !== "undefined";
     var controlledValue = isControlledByParent ? value1 : selfValue;
     var handleChangeValue = React.useCallback(function(newFormattedValue) {
         if (!isControlledByParent) {
@@ -170,7 +170,7 @@ var PhoneInput = function PhoneInput(_param) {
     var format = React.useCallback(// otherwise the cursor position is incorrectly positioned
     // also note the "@" is replaced back to "-" in `replace` param in `useRifm`
     function(value) {
-        var result = '';
+        var result = "";
         // If a prefix is defined, we format the concatenation of prefix + value and
         // then remove the prefix from the result
         if (prefix && isValidPrefix(prefix)) {
@@ -185,7 +185,7 @@ var PhoneInput = function PhoneInput(_param) {
         } else {
             result = formatPhone(regionCode, value);
         }
-        return result.replace(/-/g, '@');
+        return result.replace(/-/g, "@");
     }, [
         regionCode,
         prefix
@@ -196,16 +196,16 @@ var PhoneInput = function PhoneInput(_param) {
         onChange: handleChangeValue,
         accept: /[\d\-()+#*]+/g,
         replace: function replace(s) {
-            return s.replace(/@/g, '-');
+            return s.replace(/@/g, "-");
         }
     });
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("input", _objectSpread({}, other, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("input", _objectSpread({}, other, {
         value: rifm.value,
         onChange: rifm.onChange,
         type: "tel" // shows telephone keypad in Android and iOS
         ,
         ref: (0, _common).combineRefs(inputRef, ref1)
-    })));
+    }));
 };
 var PhoneNumberField = function PhoneNumberField(_param) {
     var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validate = _param.validate, onChange = _param.onChange, onChangeValue = _param.onChangeValue, onBlur = _param.onBlur, value2 = _param.value, defaultValue = _param.defaultValue, e164 = _param.e164, rest = _objectWithoutProperties(_param, [
@@ -227,18 +227,18 @@ var PhoneNumberField = function PhoneNumberField(_param) {
         if (e164) {
             try {
                 var _prefix;
-                var numericPrefix = ((_prefix = rest.prefix) !== null && _prefix !== void 0 ? _prefix : '').replace(/[^\d]/g, '');
+                var numericPrefix = ((_prefix = rest.prefix) !== null && _prefix !== void 0 ? _prefix : "").replace(/[^\d]/g, "");
                 var regionCode = (0, _libphonenumber).getRegionCodeForCountryCode(numericPrefix);
-                if (!regionCode || regionCode === 'ZZ') {
+                if (!regionCode || regionCode === "ZZ") {
                     regionCode = i18n.phoneNumberFormattingRegionCode;
                 }
                 return (0, _libphonenumber).formatToE164((0, _libphonenumber).parse(value, regionCode));
             } catch (e) {
-                return '';
+                return "";
             }
         } else {
             // keep only digits
-            return value.replace(/[^\d]/g, '');
+            return value.replace(/[^\d]/g, "");
         }
     };
     var fieldProps = (0, _formContext).useFieldProps({
@@ -255,13 +255,13 @@ var PhoneNumberField = function PhoneNumberField(_param) {
         onChange: onChange,
         onChangeValue: onChangeValue
     });
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.TextFieldBaseAutosuggest, _objectSpread({}, rest, fieldProps, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.TextFieldBaseAutosuggest, _objectSpread({}, rest, fieldProps, {
         type: "phone",
         inputProps: {
             prefix: rest.prefix
         },
         inputComponent: PhoneInput
-    })));
+    }));
 };
 var _default = PhoneNumberField;
 exports.default = _default;

package/dist/placeholder.js

@@ -29,28 +29,28 @@ function _interopRequireWildcard(obj) {
     }
 }
 var AvatarPlaceholder = function AvatarPlaceholder(param) {
-    var _size = param.size, size = _size === void 0 ? '100%' : _size;
-    /*#__PURE__*/ return (0, _jsxRuntime).jsx("div", {
+    var _size = param.size, size = _size === void 0 ? "100%" : _size;
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
         style: {
             width: size,
             height: size,
-            borderRadius: '50%',
-            background: 'gray'
+            borderRadius: "50%",
+            background: "gray"
         }
     });
 };
 exports.AvatarPlaceholder = AvatarPlaceholder;
 var Placeholder = function Placeholder(param) {
-    var _width = param.width, width = _width === void 0 ? 'auto' : _width, _height = param.height, height = _height === void 0 ? 120 : _height;
+    var _width = param.width, width = _width === void 0 ? "auto" : _width, _height = param.height, height = _height === void 0 ? 120 : _height;
     var colors = (0, _hooks).useTheme().colors;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
         style: {
             height: height,
             width: width,
-            boxSizing: 'border-box',
+            boxSizing: "border-box",
             background: (0, _color).applyAlpha(colors.neutralHigh, 0.08),
             border: "2px solid ".concat((0, _color).applyAlpha(colors.neutralHigh, 0.3)),
-            position: 'relative'
+            position: "relative"
         },
         children: /*#__PURE__*/ (0, _jsxRuntime).jsxs("svg", {
             width: "100%",
@@ -78,6 +78,6 @@ var Placeholder = function Placeholder(param) {
                 })
             ]
         })
-    }));
+    });
 };
 exports.Placeholder = Placeholder;

package/dist/popover.js

@@ -112,8 +112,8 @@ function _unsupportedIterableToArray(o, minLen) {
 }
 // Zeplin definition:
 // https://app.zeplin.io/project/5c9b6f097168bc065782b5c3/screen/5d15d87e46571573089f2863
-var defaultPositionDesktop = 'bottom';
-var defaultPositionMobile = 'top';
+var defaultPositionDesktop = "bottom";
+var defaultPositionMobile = "top";
 var arrowSize = 12;
 var distanceToTarget = 8 + arrowSize;
 var marginLeftRightMobile = 16;
@@ -124,33 +124,33 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
     var shadowAlpha = theme.isDarkMode ? 1 : 0.2;
     return {
         arrow: {
-            position: 'absolute',
+            position: "absolute",
             backgroundColor: theme.colors.background,
             width: arrowSize,
             height: arrowSize,
             top: 0,
-            left: '50%',
-            transform: 'translate(-50%, -50%) rotate(45deg)',
+            left: "50%",
+            transform: "translate(-50%, -50%) rotate(45deg)",
             border: "1px solid ".concat(theme.colors.divider),
             borderRadius: 2,
             boxShadow: function boxShadow(param) {
                 var position = param.position;
-                return position === 'bottom' ? 'initial' : "0 0 4px 0 rgba(0, 0, 0, ".concat(shadowAlpha, ")");
+                return position === "bottom" ? "initial" : "0 0 4px 0 rgba(0, 0, 0, ".concat(shadowAlpha, ")");
             }
         },
         arrowWrapper: {
-            position: 'absolute',
+            position: "absolute",
             color: theme.colors.background,
             width: arrowWrapperWidth,
             height: arrowWrapperHeight,
-            overflow: 'hidden'
+            overflow: "hidden"
         },
         wrapper: {
-            position: 'relative'
+            position: "relative"
         },
         container: {
-            position: 'absolute',
-            width: 'auto',
+            position: "absolute",
+            width: "auto",
             zIndex: 9,
             boxShadow: "0 2px 4px 0 rgba(0, 0, 0, ".concat(shadowAlpha, ")"),
             backgroundColor: theme.colors.background,
@@ -165,18 +165,18 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
             fontSize: 16
         },
         boxContainer: {
-            position: 'relative',
-            display: 'flex',
-            justifyContent: 'space-between'
+            position: "relative",
+            display: "flex",
+            justifyContent: "space-between"
         },
         textContent: {
-            display: 'flex',
-            flexDirection: 'column',
+            display: "flex",
+            flexDirection: "column",
             margin: 16,
             marginRight: 8,
-            justifyContent: 'center',
-            width: '100%',
-            wordBreak: 'break-word'
+            justifyContent: "center",
+            width: "100%",
+            wordBreak: "break-word"
         },
         assetContent: {
             width: 40,
@@ -187,7 +187,7 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
         },
         text: {
             color: theme.colors.textSecondary,
-            textAlign: 'left',
+            textAlign: "left",
             lineHeight: 1.42857142,
             fontSize: 14
         },
@@ -202,10 +202,9 @@ var getWidthDesktop = function getWidthDesktop(customWidth) {
 };
 var getPosition = function getPosition() {
     var position = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : defaultPositionDesktop, isTabletOrSmaller = arguments.length > 1 ? arguments[1] : void 0;
-    return isTabletOrSmaller && (position === 'left' || position === 'right') ? defaultPositionMobile : position;
+    return isTabletOrSmaller && (position === "left" || position === "right") ? defaultPositionMobile : position;
 };
 var getWidth = function getWidth(isTabletOrSmaller, isIos, width) {
-    // in iOS, when the webview is rendered offscreen (eg. acccount tab), window.innerWidth value is wrong, it returns strange values like 0 or 80.
     return isTabletOrSmaller ? (isIos ? window.screen.width : window.innerWidth) - marginLeftRightMobile * 2 : getWidthDesktop(width);
 };
 var getPositionStyles = function getPositionStyles(position, width, targetPosition, isTabletOrSmaller) {
@@ -213,18 +212,18 @@ var getPositionStyles = function getPositionStyles(position, width, targetPositi
         right: {
             left: targetPosition.width + distanceToTarget,
             top: targetPosition.height / 2,
-            transform: 'translateY(-50%)',
-            WebkitTransform: 'translateY(-50%)'
+            transform: "translateY(-50%)",
+            WebkitTransform: "translateY(-50%)"
         },
         left: {
             left: targetPosition.left - width - distanceToTarget,
             top: targetPosition.height / 2,
-            transform: 'translateY(-50%)',
-            WebkitTransform: 'translateY(-50%)'
+            transform: "translateY(-50%)",
+            WebkitTransform: "translateY(-50%)"
         },
         top: {
-            transform: 'translateY(-100%)',
-            WebkitTransform: 'translateY(-100%)',
+            transform: "translateY(-100%)",
+            WebkitTransform: "translateY(-100%)",
             top: -distanceToTarget,
             left: isTabletOrSmaller ? marginLeftRightMobile - targetPosition.parentLeft : Math.max(targetPosition.width / 2 - width / 2, 0)
         },
@@ -236,26 +235,26 @@ var getPositionStyles = function getPositionStyles(position, width, targetPositi
     var containerStyles = containerStylesByPos[position];
     var arrowStylesByPos = {
         right: {
-            right: '100%',
-            top: '50%',
-            transform: 'translateY(-100%) rotate(90deg)',
-            transformOrigin: 'bottom'
+            right: "100%",
+            top: "50%",
+            transform: "translateY(-100%) rotate(90deg)",
+            transformOrigin: "bottom"
         },
         left: {
-            left: '100%',
-            top: '50%',
-            transform: 'translateY(-100%) rotate(-90deg)',
-            transformOrigin: 'bottom'
+            left: "100%",
+            top: "50%",
+            transform: "translateY(-100%) rotate(-90deg)",
+            transformOrigin: "bottom"
         },
         top: {
-            top: '100%',
-            left: containerStyles.left === 0 ? targetPosition.width / 2 : '50%',
-            transform: 'translateX(-50%)'
+            top: "100%",
+            left: containerStyles.left === 0 ? targetPosition.width / 2 : "50%",
+            transform: "translateX(-50%)"
         },
         bottom: {
-            bottom: '100%',
-            left: containerStyles.left === 0 ? targetPosition.width / 2 : '50%',
-            transform: 'translateX(-50%) rotate(180deg)'
+            bottom: "100%",
+            left: containerStyles.left === 0 ? targetPosition.width / 2 : "50%",
+            transform: "translateX(-50%) rotate(180deg)"
         }
     };
     var arrowStyles = arrowStylesByPos[position];
@@ -293,9 +292,9 @@ var Popover = function Popover(param) {
             setTargetPosition(getTargetPosition(targetWrapperRef.current));
         };
         handleResize();
-        window.addEventListener('resize', handleResize);
+        window.addEventListener("resize", handleResize);
         return function() {
-            window.removeEventListener('resize', handleResize);
+            window.removeEventListener("resize", handleResize);
         };
     }, []);
     React.useEffect(function() {
@@ -358,7 +357,7 @@ var Popover = function Popover(param) {
             ]
         });
     }
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
         className: classes.wrapper,
         children: [
             /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
@@ -367,7 +366,7 @@ var Popover = function Popover(param) {
             }),
             popoverContainer
         ]
-    }));
+    });
 };
 var _default = Popover;
 exports.default = _default;

package/dist/portal.js

@@ -82,7 +82,7 @@ var Portal = function Portal(param) {
     var ref = _slicedToArray(React.useState(null), 2), container = ref[0], setContainer = ref[1];
     React.useEffect(function() {
         if (!container) {
-            var newContainer = document.createElement('div');
+            var newContainer = document.createElement("div");
             setContainer(newContainer);
             document.body.appendChild(newContainer);
         }

package/dist/progress-bar.d.ts

@@ -3,6 +3,8 @@ declare type Props = {
     progressPercent: number;
     color?: string;
     children?: void;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
 };
 declare const ProgressBar: React.FC<Props>;
 export default ProgressBar;

package/dist/progress-bar.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var React = _interopRequireWildcard(require("react"));
+var _hooks = require("./hooks");
 var _jss = require("./jss");
 function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
@@ -27,7 +28,7 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var transition = '1s cubic-bezier(0.75, 0, 0.27, 1)';
+var transition = "1s cubic-bezier(0.75, 0, 0.27, 1)";
 var useStyles = (0, _jss).createUseStyles(function(param1) {
     var colors = param1.colors;
     return {
@@ -37,7 +38,7 @@ var useStyles = (0, _jss).createUseStyles(function(param1) {
             borderRadius: 2
         },
         bar: {
-            height: '100%',
+            height: "100%",
             backgroundColor: function backgroundColor(param) {
                 var color = param.color;
                 return color !== null && color !== void 0 ? color : colors.controlActivated;
@@ -50,28 +51,34 @@ var useStyles = (0, _jss).createUseStyles(function(param1) {
                 return "".concat(progressPercent, "%");
             }
         },
-        '@keyframes bar': {
-            '0%': {
-                maxWidth: '0'
+        "@keyframes bar": {
+            "0%": {
+                maxWidth: "0"
             }
         }
     };
 });
 var ProgressBar = function ProgressBar(param) {
-    var progressPercent = param.progressPercent, color = param.color;
+    var progressPercent = param.progressPercent, color = param.color, ariaLabel = param["aria-label"], ariaLabelledBy = param["aria-labelledby"];
     var classes = useStyles({
         progressPercent: progressPercent,
         color: color
     });
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
+    var texts = (0, _hooks).useTheme().texts;
+    var defaultLabel = texts.loading;
+    var label = ariaLabelledBy ? undefined : ariaLabel || defaultLabel;
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
         className: classes.barBackground,
+        role: "progressbar",
         "aria-valuenow": progressPercent,
         "aria-valuemin": 0,
         "aria-valuemax": 100,
+        "aria-label": label,
+        "aria-labelledby": ariaLabelledBy,
         children: /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
             className: classes.bar
         })
-    }));
+    });
 };
 var _default = ProgressBar;
 exports.default = _default;

package/dist/progress-bar.js.flow

@@ -4,6 +4,8 @@ import * as React from "react";
 declare type Props = {
   progressPercent: number,
   color?: string,
+  "aria-label"?: string,
+  "aria-labelledby"?: string,
 };
 declare var ProgressBar: React.ComponentType<Props>;
 declare export default typeof ProgressBar;