baseui 16.1.0 → 18.1.0

package/phone-input/stateful-phone-input-container.js

@@ -7,9 +7,9 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _constants = require("./constants");
 var _defaultProps = _interopRequireDefault(require("./default-props"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /*
 Copyright (c) Uber Technologies, Inc.
 

package/phone-input/stateful-phone-input-next.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _statefulPhoneInputContainer = _interopRequireDefault(require("./stateful-phone-input-container"));
 var _phoneInputNext = _interopRequireDefault(require("./phone-input-next"));
 var _defaultProps = _interopRequireDefault(require("./default-props"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*
 Copyright (c) Uber Technologies, Inc.
 

package/phone-input/stateful-phone-input.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _statefulPhoneInputContainer = _interopRequireDefault(require("./stateful-phone-input-container"));
 var _phoneInput = _interopRequireDefault(require("./phone-input"));
 var _defaultProps = _interopRequireDefault(require("./default-props"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*
 Copyright (c) Uber Technologies, Inc.
 

package/phone-input/styled-components.js

@@ -10,9 +10,8 @@ var _styles = require("../styles");
 var _menu = require("../menu");
 var _select = require("../select");
 var _defaultProps = _interopRequireDefault(require("../select/default-props"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /*
 Copyright (c) Uber Technologies, Inc.
 

package/pin-code/index.js

@@ -49,4 +49,4 @@ Object.keys(_types).forEach(function (key) {
     }
   });
 });
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/pin-code/pin-code.js

@@ -10,10 +10,10 @@ var _defaultProps = _interopRequireDefault(require("./default-props"));
 var _styledComponents = require("./styled-components");
 var _overrides = require("../helpers/overrides");
 var _input = require("../input");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /*
 Copyright (c) Uber Technologies, Inc.
 

package/pin-code/stateful-pin-code-container.js

@@ -7,9 +7,9 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _defaultProps = _interopRequireDefault(require("./default-props"));
 var _input = require("../input");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /*
 Copyright (c) Uber Technologies, Inc.
 

package/pin-code/stateful-pin-code.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _defaultProps = _interopRequireDefault(require("./default-props"));
 var _pinCode = _interopRequireDefault(require("./pin-code"));
 var _statefulPinCodeContainer = _interopRequireDefault(require("./stateful-pin-code-container"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*
 Copyright (c) Uber Technologies, Inc.
 

package/popover/index.js

@@ -113,4 +113,4 @@ Object.keys(_types).forEach(function (key) {
     }
   });
 });
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/popover/popover.js

@@ -13,12 +13,11 @@ var _styledComponents = require("./styled-components");
 var _utils = require("./utils");
 var _defaultProps = _interopRequireDefault(require("./default-props"));
 var _reactUid = require("react-uid");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /*
 Copyright (c) Uber Technologies, Inc.
 
@@ -392,7 +391,7 @@ class PopoverInner extends React.Component {
     // Only render popover on the browser (portals aren't supported server-side)
     if (renderedContent) {
       if (mountedAndOpen) {
-        rendered.push( /*#__PURE__*/React.createElement(_layer.Layer, {
+        rendered.push(/*#__PURE__*/React.createElement(_layer.Layer, {
           key: "new-layer",
           mountNode: this.props.mountNode,
           onEscape: this.props.onEsc,
@@ -432,7 +431,7 @@ class PopoverInner extends React.Component {
           disabled: !this.props.autoFocus || !this.state.autoFocusAfterPositioning
         }, this.renderPopover(renderedContent)))));
       } else {
-        rendered.push( /*#__PURE__*/React.createElement(_styledComponents.Hidden, {
+        rendered.push(/*#__PURE__*/React.createElement(_styledComponents.Hidden, {
           key: "hidden-layer"
         }, renderedContent));
       }

package/popover/stateful-container.js

@@ -7,10 +7,9 @@ exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _constants = require("./constants");
 var _focusVisible = require("../utils/focusVisible");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /*
 Copyright (c) Uber Technologies, Inc.
 

package/popover/stateful-popover.js

@@ -8,9 +8,8 @@ var React = _interopRequireWildcard(require("react"));
 var _constants = require("./constants");
 var _statefulContainer = _interopRequireDefault(require("./stateful-container"));
 var _popover = _interopRequireDefault(require("./popover"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /*
 Copyright (c) Uber Technologies, Inc.
 

package/progress-bar/constants.d.ts

@@ -3,3 +3,10 @@ export declare const SIZE: {
     readonly medium: "medium";
     readonly large: "large";
 };
+export declare const INTENT: {
+    readonly default: "default";
+    readonly positive: "positive";
+    readonly warning: "warning";
+    readonly negative: "negative";
+    readonly brand: "brand";
+};

package/progress-bar/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SIZE = void 0;
+exports.SIZE = exports.INTENT = void 0;
 /*
 Copyright (c) Uber Technologies, Inc.
 
@@ -14,4 +14,11 @@ const SIZE = exports.SIZE = {
   small: 'small',
   medium: 'medium',
   large: 'large'
+};
+const INTENT = exports.INTENT = {
+  default: 'default',
+  positive: 'positive',
+  warning: 'warning',
+  negative: 'negative',
+  brand: 'brand'
 };

package/progress-bar/index.d.ts

@@ -1,5 +1,5 @@
 export { default as ProgressBar } from './progressbar';
 export { default as ProgressBarRounded } from './progressbar-rounded';
-export { SIZE } from './constants';
+export { SIZE, INTENT } from './constants';
 export { StyledRoot, StyledBarContainer, StyledBar, StyledBarProgress, StyledInfiniteBar, StyledLabel, StyledProgressBarRoundedRoot, StyledProgressBarRoundedSvg, StyledProgressBarRoundedTrackBackground, StyledProgressBarRoundedTrackForeground, StyledProgressBarRoundedText, } from './styled-components';
 export * from './types';

package/progress-bar/index.js

@@ -7,6 +7,7 @@ var _exportNames = {
   ProgressBar: true,
   ProgressBarRounded: true,
   SIZE: true,
+  INTENT: true,
   StyledRoot: true,
   StyledBarContainer: true,
   StyledBar: true,
@@ -19,6 +20,12 @@ var _exportNames = {
   StyledProgressBarRoundedTrackForeground: true,
   StyledProgressBarRoundedText: true
 };
+Object.defineProperty(exports, "INTENT", {
+  enumerable: true,
+  get: function () {
+    return _constants.INTENT;
+  }
+});
 Object.defineProperty(exports, "ProgressBar", {
   enumerable: true,
   get: function () {
@@ -119,4 +126,4 @@ Object.keys(_types).forEach(function (key) {
     }
   });
 });
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/progress-bar/progressbar-rounded.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import type { ProgressBarRoundedProps } from './types';
-declare function ProgressBarRounded({ progress, size, animate, inline, overrides, ...restProps }: ProgressBarRoundedProps): React.JSX.Element;
+declare function ProgressBarRounded({ progress, size, animate, inline, overrides, ariaLabel, ...restProps }: ProgressBarRoundedProps): React.JSX.Element;
 export default ProgressBarRounded;

package/progress-bar/progressbar-rounded.js

@@ -8,9 +8,8 @@ var React = _interopRequireWildcard(require("react"));
 var _constants = require("./constants");
 var _styledComponents = require("./styled-components");
 var _overrides = require("../helpers/overrides");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); } /*
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /*
 Copyright (c) Uber Technologies, Inc.
 
 This source code is licensed under the MIT license found in the
@@ -40,6 +39,7 @@ function ProgressBarRounded({
   animate = true,
   inline = false,
   overrides = {},
+  ariaLabel,
   ...restProps
 }) {
   const {
@@ -92,12 +92,17 @@ function ProgressBarRounded({
     loop();
   }, [progress]); // We want *only* `progress` to trigger this effect
 
+  const propsAriaLabel = restProps['aria-label'] || ariaLabel;
+  const progressPercentage = `${roundTo(Math.min(progress * 100, 100))}%`;
+  const defaultAriaLabel = propsAriaLabel || `${progressPercentage} complete`;
   return /*#__PURE__*/React.createElement(Root, _extends({
     "data-baseweb": "progressbar-rounded",
     role: "progressbar",
-    "aria-valuenow": progress.toFixed(2).replace(/\.?0+$/, ''),
+    "aria-label": defaultAriaLabel,
+    "aria-valuenow": progress,
     "aria-valuemin": 0,
     "aria-valuemax": 1,
+    "aria-live": "polite",
     $size: size,
     $inline: inline
   }, restProps, rootProps), /*#__PURE__*/React.createElement(Svg, _extends({
@@ -111,7 +116,8 @@ function ProgressBarRounded({
     $pathLength: pathLength,
     $pathProgress: pathProgress
   }, trackForegroundProps))), /*#__PURE__*/React.createElement(Text, _extends({
-    $size: size
-  }, textProps), roundTo(Math.min(progress * 100, 100)), "%"));
+    $size: size,
+    children: progressPercentage
+  }, textProps)));
 }
 var _default = exports.default = ProgressBarRounded;

package/progress-bar/progressbar.js

@@ -8,11 +8,10 @@ var React = _interopRequireWildcard(require("react"));
 var _overrides = require("../helpers/overrides");
 var _constants = require("./constants");
 var _styledComponents = require("./styled-components");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /*
 Copyright (c) Uber Technologies, Inc.
 
@@ -20,14 +19,6 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 class ProgressBar extends React.Component {
-  componentDidMount() {
-    // TODO(v11): remove warning when switching default Spinner
-    if (process.env.NODE_ENV !== "production") {
-      if (this.props.errorMessage) {
-        console.warn('baseui:ProgressBar The `errorMessage` prop is deprecated in WAI-ARIA v1.2.');
-      }
-    }
-  }
   render() {
     const {
       overrides = {},
@@ -40,7 +31,9 @@ class ProgressBar extends React.Component {
       maxValue,
       showLabel,
       infinite,
+      intent,
       errorMessage,
+      // Deprecated, ignored
       forwardedRef,
       ...restProps
     } = this.props;
@@ -58,6 +51,7 @@ class ProgressBar extends React.Component {
     const [InfiniteBar, infiniteBarProps] = (0, _overrides.getOverrides)(overrides.InfiniteBar, _styledComponents.StyledInfiniteBar);
     const sharedProps = {
       $infinite: infinite,
+      $intent: intent,
       $size: size,
       $steps: steps,
       $successValue: maximumValue,
@@ -82,27 +76,24 @@ class ProgressBar extends React.Component {
     function getStepProgressLabel(value, maxValue, minValue, steps) {
       return `Step ${Math.ceil((value - minValue) / (maxValue - minValue) * steps)} of ${steps}`;
     }
-    return (
-      /*#__PURE__*/
-      /* eslint-disable jsx-a11y/role-supports-aria-props */
-      React.createElement(Root, _extends({
-        ref: forwardedRef,
-        "data-baseweb": "progress-bar",
-        role: "progressbar",
-        "aria-label": ariaLabel,
-        "aria-valuenow": infinite ? null : value,
-        "aria-valuemin": infinite ? null : minValue,
-        "aria-valuemax": infinite ? null : maximumValue,
-        "aria-invalid": errorMessage ? true : null,
-        "aria-errormessage": errorMessage
-      }, restProps, sharedProps, rootProps), /*#__PURE__*/React.createElement(BarContainer, _extends({}, sharedProps, barContainerProps), infinite ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(InfiniteBar, _extends({
-        $isLeft: true,
-        $size: sharedProps.$size
-      }, infiniteBarProps)), /*#__PURE__*/React.createElement(InfiniteBar, _extends({
-        $size: sharedProps.$size
-      }, infiniteBarProps))) : renderProgressBar()), showLabel && /*#__PURE__*/React.createElement(Label, _extends({}, sharedProps, labelProps), getProgressLabel(value, maximumValue, minValue)))
-    );
-    /* eslint-enable jsx-a11y/role-supports-aria-props */
+    return /*#__PURE__*/React.createElement(Root, _extends({
+      ref: forwardedRef,
+      "data-baseweb": "progress-bar",
+      role: "progressbar",
+      "aria-label": ariaLabel,
+      "aria-valuenow": infinite ? null : value,
+      "aria-valuemin": infinite ? null : minValue,
+      "aria-valuemax": infinite ? null : maximumValue,
+      "aria-live": "polite",
+      "aria-busy": infinite ? true : null
+    }, restProps, sharedProps, rootProps), /*#__PURE__*/React.createElement(BarContainer, _extends({}, sharedProps, barContainerProps), infinite ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(InfiniteBar, _extends({
+      $isLeft: true,
+      $size: sharedProps.$size,
+      $intent: sharedProps.$intent
+    }, infiniteBarProps)), /*#__PURE__*/React.createElement(InfiniteBar, _extends({
+      $size: sharedProps.$size,
+      $intent: sharedProps.$intent
+    }, infiniteBarProps))) : renderProgressBar()), showLabel && /*#__PURE__*/React.createElement(Label, _extends({}, sharedProps, labelProps), getProgressLabel(value, maximumValue, minValue)));
   }
 }
 _defineProperty(ProgressBar, "defaultProps", {

package/progress-bar/styled-components.d.ts

@@ -8,6 +8,7 @@ export declare const StyledBar: import("styletron-react").StyletronComponent<"di
 export declare const StyledBarProgress: import("styletron-react").StyletronComponent<"div", StyleProps>;
 export declare const StyledInfiniteBar: import("styletron-react").StyletronComponent<"div", {
     $isLeft?: boolean;
+    $intent?: StyleProps['$intent'];
     $size: Size;
 }>;
 export declare const StyledLabel: import("styletron-react").StyletronComponent<"div", StyleProps>;

package/progress-bar/styled-components.js

@@ -7,8 +7,8 @@ exports.StyledRoot = exports.StyledProgressBarRoundedTrackForeground = exports.S
 var _styles = require("../styles");
 var _constants = require("./constants");
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); } /*
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /*
 Copyright (c) Uber Technologies, Inc.
 
 This source code is licensed under the MIT license found in the
@@ -23,28 +23,38 @@ function getBarHeight(size) {
     [_constants.SIZE.large]: '8px'
   }[size];
 }
+function getProgressColor(colors, intent) {
+  // When intent is not provided, use the old default color for backward compatibility
+  if (!intent) {
+    return colors.backgroundAccent;
+  }
+  return {
+    [_constants.INTENT.default]: colors.contentAccent,
+    [_constants.INTENT.positive]: colors.contentPositive,
+    [_constants.INTENT.warning]: colors.contentWarning,
+    [_constants.INTENT.negative]: colors.contentNegative,
+    [_constants.INTENT.brand]: colors.brandBorderAccessible
+  }[intent];
+}
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const StyledRoot = exports.StyledRoot = (0, _styles.styled)('div', props => {
+  const {
+    $theme
+  } = props;
   return {
-    width: '100%'
+    width: '100%',
+    display: 'flex',
+    flexDirection: 'column',
+    gap: $theme.sizing.scale300
   };
 });
 StyledRoot.displayName = "StyledRoot";
 StyledRoot.displayName = 'StyledRoot';
-const StyledBarContainer = exports.StyledBarContainer = (0, _styles.styled)('div', props => {
-  const {
-    $theme
-  } = props;
-  const {
-    sizing
-  } = $theme;
+const StyledBarContainer = exports.StyledBarContainer = (0, _styles.styled)('div', () => {
   return {
     display: 'flex',
-    marginLeft: sizing.scale500,
-    marginRight: sizing.scale500,
-    marginTop: sizing.scale500,
-    marginBottom: sizing.scale500
+    position: 'relative'
   };
 });
 StyledBarContainer.displayName = "StyledBarContainer";
@@ -89,7 +99,8 @@ const StyledBarProgress = exports.StyledBarProgress = (0, _styles.styled)('div',
     $steps,
     $index,
     $maxValue,
-    $minValue = 0
+    $minValue = 0,
+    $intent
   } = props;
   // making sure this doesn't break existing use that use StyledBarProgress directly
   const maxValue = $maxValue ? $maxValue : $successValue;
@@ -150,7 +161,7 @@ const StyledBarProgress = exports.StyledBarProgress = (0, _styles.styled)('div',
     borderTopRightRadius: borderRadius,
     borderBottomRightRadius: borderRadius,
     borderBottomLeftRadius: borderRadius,
-    backgroundColor: colors.backgroundAccent,
+    backgroundColor: getProgressColor(colors, $intent),
     height: '100%',
     width: '100%',
     transform: 'translateX(-102%)',
@@ -164,7 +175,8 @@ const StyledInfiniteBar = exports.StyledInfiniteBar = (0, _styles.styled)('div',
   const {
     $theme,
     $isLeft = false,
-    $size = _constants.SIZE.medium
+    $size = _constants.SIZE.medium,
+    $intent
   } = props;
   const {
     colors,
@@ -173,6 +185,7 @@ const StyledInfiniteBar = exports.StyledInfiniteBar = (0, _styles.styled)('div',
   } = $theme;
   const borderRadius = borders.useRoundedCorners ? sizing.scale0 : 0;
   const height = getBarHeight($size);
+  const progressColor = getProgressColor(colors, $intent);
   const animationStyles = {
     display: 'inline-block',
     flex: 1,
@@ -185,7 +198,7 @@ const StyledInfiniteBar = exports.StyledInfiniteBar = (0, _styles.styled)('div',
     backgroundSize: '300% auto',
     backgroundRepeat: 'no-repeat',
     backgroundPositionX: $isLeft ? '-50%' : '150%',
-    backgroundImage: `linear-gradient(${$isLeft ? '90' : '270'}deg, transparent 0%, ${colors.backgroundAccent} 25%, ${colors.backgroundAccent} 75%, transparent 100%)`,
+    backgroundImage: `linear-gradient(${$isLeft ? '90' : '270'}deg, transparent 0%, ${progressColor} 25%, ${progressColor} 75%, transparent 100%)`,
     animationName: $isLeft ? {
       '0%': {
         backgroundPositionX: '-50%'
@@ -229,10 +242,21 @@ const StyledInfiniteBar = exports.StyledInfiniteBar = (0, _styles.styled)('div',
 StyledInfiniteBar.displayName = "StyledInfiniteBar";
 StyledInfiniteBar.displayName = 'StyledInfiniteBar';
 const StyledLabel = exports.StyledLabel = (0, _styles.styled)('div', props => {
+  const {
+    $theme,
+    $size
+  } = props;
+  const typographyMap = {
+    [_constants.SIZE.small]: $theme.typography.LabelSmall,
+    [_constants.SIZE.medium]: $theme.typography.LabelMedium,
+    [_constants.SIZE.large]: $theme.typography.LabelLarge
+  };
   return {
     textAlign: 'center',
-    ...props.$theme.typography.font150,
-    color: props.$theme.colors.contentTertiary
+    paddingLeft: $theme.sizing.scale600,
+    paddingRight: $theme.sizing.scale600,
+    ...typographyMap[$size],
+    color: $theme.colors.contentPrimary
   };
 });
 StyledLabel.displayName = "StyledLabel";

package/progress-bar/types.d.ts

@@ -1,7 +1,8 @@
 import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
-import type { SIZE } from './constants';
+import type { SIZE, INTENT } from './constants';
 export type Size = keyof typeof SIZE;
+export type Intent = keyof typeof INTENT;
 export type ProgressBarOverrides = {
     Root?: Override;
     BarContainer?: Override;
@@ -15,12 +16,19 @@ export type ProgressBarProps = {
     ariaLabel?: string;
     'aria-label'?: string;
     children?: React.ReactNode;
-    /** Error message for screen-reader users**/
+    /**
+     * @deprecated This prop is deprecated and will be removed in a future version.
+     * Use proper error UI patterns instead (Banner, Alert, Toast) as aria-invalid and aria-errormessage
+     * are not semantically correct for progress bars per WAI-ARIA 1.2.
+     * This prop is ignored and has no effect.
+     */
     errorMessage?: string;
     /** The function that returns a progress bar label to display. */
     getProgressLabel: (value: number, maxValue: number, minValue: number) => React.ReactNode;
     /** If set to true, there’s and infinite loading animation. */
     infinite: boolean;
+    /** The visual intent/variant of the progress bar. */
+    intent?: Intent;
     overrides?: ProgressBarOverrides;
     /** If set to false, label is hidden and `getProgressLabel` is ignored. */
     showLabel: boolean;
@@ -40,6 +48,7 @@ export type ProgressBarProps = {
 export type StyleProps = {
     $infinite: boolean;
     $index: number;
+    $intent?: Intent;
     $size: Size;
     $steps: number;
     $successValue: number;
@@ -63,6 +72,9 @@ export type ProgressBarRoundedProps = {
     animate?: boolean;
     /** Toggle container rendering as a block or inline. */
     inline?: boolean;
+    /** The accessible label for the progress bar. Defaults to percentage if not provided. */
+    ariaLabel?: string;
+    'aria-label'?: string;
     /** Overrides for sub-nodes in the rendering tree. */
     overrides?: ProgressBarRoundedOverrides;
 };

package/progress-steps/index.js

@@ -65,4 +65,4 @@ Object.keys(_types).forEach(function (key) {
     }
   });
 });
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }