baseui 11.2.1 → 12.1.1

package/toast/toast.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,25 +9,25 @@ exports.default = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _overrides = require("../helpers/overrides.js");
+var _overrides = require("../helpers/overrides");
 
-var _delete = _interopRequireDefault(require("../icon/delete.js"));
+var _delete = _interopRequireDefault(require("../icon/delete"));
 
-var _styledComponents = require("./styled-components.js");
+var _styledComponents = require("./styled-components");
 
-var _constants = require("./constants.js");
+var _constants = require("./constants");
 
-var _index = require("../locale/index.js");
+var _locale = require("../locale");
 
-var _focusVisible = require("../utils/focusVisible.js");
+var _focusVisible = require("../utils/focusVisible");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-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); }
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -37,7 +37,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -45,21 +45,21 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -179,8 +179,8 @@ var Toast = /*#__PURE__*/function (_React$Component) {
       this.startTimeout();
 
       if (typeof document !== 'undefined' && this.props.autoFocus && this.closeRef && this.closeRef.current && this.closeRef.current.focus && typeof this.closeRef.current.focus === 'function') {
-        this.previouslyFocusedElement = document.activeElement; // $FlowFixMe: CloseIcon is `mixed` type so doesn't like `focus` call.
-
+        // todo(flow->ts): double check if typecast is correct
+        this.previouslyFocusedElement = document.activeElement;
         this.closeRef.current.focus();
         this.setState({
           isFocusVisible: true
@@ -280,8 +280,7 @@ var Toast = /*#__PURE__*/function (_React$Component) {
         Svg: {
           component: CloseIcon
         }
-      }, // $FlowFixMe
-      {
+      }, {
         Svg: CloseIconOverride
       });
       var sharedProps = this.getSharedProps();
@@ -290,7 +289,7 @@ var Toast = /*#__PURE__*/function (_React$Component) {
         return null;
       }
 
-      return /*#__PURE__*/React.createElement(_index.LocaleContext.Consumer, null, function (locale) {
+      return /*#__PURE__*/React.createElement(_locale.LocaleContext.Consumer, null, function (locale) {
         return /*#__PURE__*/React.createElement(Body, _extends({
           role: "alert",
           "data-baseweb": _this2.props['data-baseweb'] || 'toast'

package/toast/toaster.d.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import type { ToasterProps, ToastPropsShape, ToasterContainerState, ToastProps } from './types';
+export declare class ToasterContainer extends React.Component<Partial<ToasterProps>, ToasterContainerState> {
+    static defaultProps: ToasterProps;
+    constructor(props: ToasterProps);
+    state: {
+        isMounted: boolean;
+        toasts: any[];
+    };
+    dismissHandlers: {};
+    toastId: number;
+    componentDidMount(): void;
+    getToastProps: (props: ToastProps) => ToastProps & {
+        key: React.Key;
+    };
+    show: (props?: ToastProps) => React.Key;
+    update: (key: React.Key, props: ToastProps) => void;
+    dismiss: (key: React.Key) => void;
+    clearAll: () => void;
+    clear: (key?: React.Key) => void;
+    internalOnClose: (key: React.Key) => void;
+    getOnCloseHandler: (key: React.Key, onClose?: (() => unknown) | null) => () => void;
+    renderToast: (toastProps: ToastProps & {
+        key: React.Key;
+    }) => React.ReactNode;
+    getSharedProps: () => {
+        $placement: import("./types").PlacementType;
+    };
+    render(): JSX.Element;
+}
+declare const toaster: {
+    getRef: () => ToasterContainer | undefined;
+    show: (children: React.ReactNode, props?: ToastPropsShape) => React.Key | undefined | null;
+    info: (children: React.ReactNode, props?: ToastPropsShape) => React.Key;
+    positive: (children: React.ReactNode, props?: ToastPropsShape) => React.Key;
+    warning: (children: React.ReactNode, props?: ToastPropsShape) => React.Key;
+    negative: (children: React.ReactNode, props?: ToastPropsShape) => React.Key;
+    update: (key: React.Key, props: Partial<ToastProps>) => void;
+    clear: (key?: React.Key | undefined | null) => void;
+};
+export default toaster;

package/toast/toaster.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -11,29 +11,31 @@ var React = _interopRequireWildcard(require("react"));
 
 var _reactDom = _interopRequireDefault(require("react-dom"));
 
-var _overrides = require("../helpers/overrides.js");
+var _overrides = require("../helpers/overrides");
 
-var _constants = require("./constants.js");
+var _constants = require("./constants");
 
-var _styledComponents = require("./styled-components.js");
+var _styledComponents = require("./styled-components");
 
-var _toast = _interopRequireDefault(require("./toast.js"));
+var _toast = _interopRequireDefault(require("./toast"));
+
+var _excluded = ["onClose", "children", "key"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-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); }
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
@@ -45,39 +47,39 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-var toasterRef = null;
+var toasterRef;
 
 var ToasterContainer = /*#__PURE__*/function (_React$Component) {
   _inherits(ToasterContainer, _React$Component);
@@ -148,7 +150,7 @@ var ToasterContainer = /*#__PURE__*/function (_React$Component) {
             }, props))), {}, {
               key: key
             }, _this.props.resetAutoHideTimerOnUpdate ? {
-              __updated: (parseInt(toast.__updated) || 0) + 1
+              __updated: (+toast.__updated || 0) + 1
             } : {});
 
             return updatedToastProps;
@@ -203,7 +205,7 @@ var ToasterContainer = /*#__PURE__*/function (_React$Component) {
       var onClose = toastProps.onClose,
           children = toastProps.children,
           key = toastProps.key,
-          restProps = _objectWithoutProperties(toastProps, ["onClose", "children", "key"]);
+          restProps = _objectWithoutProperties(toastProps, _excluded);
 
       var _this$props$overrides = _this.props.overrides,
           BodyOverride = _this$props$overrides.ToastBody,
@@ -225,8 +227,7 @@ var ToasterContainer = /*#__PURE__*/function (_React$Component) {
         onClose: _this.getOnCloseHandler(key, onClose)
       }), function (_ref4) {
         var dismiss = _ref4.dismiss;
-        _this.dismissHandlers[key] = dismiss; // $FlowFixMe
-
+        _this.dismissHandlers[key] = dismiss;
         return children;
       });
     });

package/toast/toaster.js.flow

@@ -6,7 +6,7 @@ LICENSE file in the root directory of this source tree.
 */
 
 // @flow
-/* eslint-disable cup/no-undef */
+
 import * as React from 'react';
 import ReactDOM from 'react-dom';
 import { getOverrides, mergeOverrides } from '../helpers/overrides.js';

package/toast/types.d.ts

@@ -0,0 +1,97 @@
+import type * as React from 'react';
+import type { Override } from '../helpers/overrides';
+import type { KIND, PLACEMENT, TYPE } from './constants';
+export declare type KindType = typeof KIND[keyof typeof KIND];
+export declare type NotificationType = typeof TYPE[keyof typeof TYPE];
+export declare type PlacementType = typeof PLACEMENT[keyof typeof PLACEMENT];
+export declare type SharedStylePropsArg = {
+    $closeable: boolean;
+    $isFocusVisible: boolean;
+    $isRendered: boolean;
+    $isVisible: boolean;
+    $kind: KindType;
+    $type: NotificationType;
+};
+export declare type ToasterSharedStylePropsArg = {
+    $placement: PlacementType;
+};
+export declare type ToastOverrides = {
+    Body?: Override;
+    CloseIcon?: Override;
+    InnerContainer?: Override;
+};
+export declare type ComponentRenderProp = (props: {
+    dismiss: () => void;
+}) => React.ReactNode;
+export declare type Child = React.ReactNode;
+export declare type Children = React.ReactNode;
+export declare type ToastPrivateState = {
+    isFocusVisible: boolean;
+    isRendered: boolean;
+    isVisible: boolean;
+};
+export declare type ToastProps = {
+    /** This is a private property to detect manual changes to a toast
+     *  i.e. calling toaster.info() with the same key twice
+     *  currently the change detection is used to reset the autohide timer
+     */
+    __updated?: number;
+    /** If true, the toast close icon will receive focus on mount
+        and restore focus to previously focused element on unmount.
+        This should only be used when there is no autoHideDuration
+        and the toast for some reason has an action within it.
+        Focusing alerts is bad for screenreaders! */
+    autoFocus?: boolean;
+    /** The number of milliseconds to wait before automatically dismissing a
+     * notification. This behavior is disabled when the value is set to 0.*/
+    autoHideDuration?: number;
+    /** Toast notification content. The children-as-function
+     *  receives a dismiss method that can be called to
+     * dismiss the notification and can be used as a
+     * handler for an action inside the toast content. */
+    children: Children | ComponentRenderProp;
+    /** When set to true a close button is displayed and the notification can be dismissed by a user. */
+    closeable?: boolean;
+    'data-baseweb'?: string;
+    key?: React.Key;
+    /** Defines the type of notification. */
+    kind?: KindType;
+    notificationType?: NotificationType;
+    /** A callback function called when a notification is dismissed. */
+    onBlur?: (e: React.FocusEvent) => unknown;
+    onClose?: () => unknown;
+    onFocus?: (e: React.FocusEvent) => unknown;
+    onMouseEnter?: (e: React.MouseEvent) => unknown;
+    onMouseLeave?: (e: React.MouseEvent) => unknown;
+    overrides?: ToastOverrides;
+};
+export declare type ToastPropsShape = Partial<Omit<ToastProps, 'children'>>;
+export declare type ToasterOverrides = {
+    Root?: Override;
+    ToastBody?: Override;
+    ToastCloseIcon?: Override;
+    ToastInnerContainer?: Override;
+};
+export declare type ToasterProps = {
+    /** If true, the toast close icon will receive focus on mount
+        and restore focus to previously focused element on unmount.
+        This should only be used when there is no autoHideDuration
+        and toasts for some reason have actions within them.
+        Focusing alerts is bad for screenreaders! */
+    autoFocus: boolean;
+    /** The number of milliseconds to wait before automatically dismissing a
+     * notification. This behavior is disabled when the value is set to 0.*/
+    autoHideDuration: number;
+    children: React.ReactNode;
+    /** When set to true a close button is displayed and the notification can be dismissed by a user. */
+    closeable: boolean;
+    overrides: ToasterOverrides;
+    placement: PlacementType;
+    /** Defines if updating a toast resets the autohide timer */
+    resetAutoHideTimerOnUpdate?: boolean;
+    usePortal: boolean;
+};
+export declare type ToasterContainerState = {
+    isMounted: boolean;
+    toasts: Array<ToastProps>;
+};

package/toast/types.js

@@ -1,11 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-var React = _interopRequireWildcard(require("react"));
-
-var _constants = require("./constants.js");
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/tokens/colors.d.ts

@@ -0,0 +1,3 @@
+import type { ColorTokens } from './types';
+declare const colors: ColorTokens;
+export default colors;

package/tokens/colors.js

@@ -57,6 +57,14 @@ var colors = {
   yellow500: '#BC8B2C',
   yellow600: '#996F00',
   yellow700: '#674D1B',
+  lime50: '#F2F7ED',
+  lime100: '#E0ECD2',
+  lime200: '#BCD69D',
+  lime300: '#8BB956',
+  lime400: '#67A421',
+  lime500: '#4E7C19',
+  lime600: '#3D6213',
+  lime700: '#29410d',
   green50: '#E6F2ED',
   green100: '#ADDEC9',
   green200: '#66D19E',
@@ -65,6 +73,14 @@ var colors = {
   green500: '#03703C',
   green600: '#03582F',
   green700: '#10462D',
+  teal50: '#EDF5F7',
+  teal100: '#D2E8EC',
+  teal200: '#9DCDD6',
+  teal300: '#56A9B9',
+  teal400: '#218EA4',
+  teal500: '#196B7C',
+  teal600: '#135562',
+  teal700: '#0D3841',
   blue50: '#EFF3FE',
   blue100: '#D4E2FC',
   blue200: '#A0BFF8',
@@ -89,6 +105,14 @@ var colors = {
   purple500: '#574191',
   purple600: '#453473',
   purple700: '#2E224C',
+  magenta50: '#F9F1F7',
+  magenta100: '#F2DDEB',
+  magenta200: '#E2B4D3',
+  magenta300: '#CE7EB3',
+  magenta400: '#BF569C',
+  magenta500: '#914176',
+  magenta600: '#72335D',
+  magenta700: '#4C223E',
   brown50: '#F6F0EA',
   brown100: '#EBE0DB',
   brown200: '#D2BBB0',

package/tokens/colors.js.flow

@@ -58,6 +58,15 @@ const colors: ColorTokensT = {
   yellow600: '#996F00',
   yellow700: '#674D1B',
 
+  lime50: '#F2F7ED',
+  lime100: '#E0ECD2',
+  lime200: '#BCD69D',
+  lime300: '#8BB956',
+  lime400: '#67A421',
+  lime500: '#4E7C19',
+  lime600: '#3D6213',
+  lime700: '#29410d',
+
   green50: '#E6F2ED',
   green100: '#ADDEC9',
   green200: '#66D19E',
@@ -67,6 +76,15 @@ const colors: ColorTokensT = {
   green600: '#03582F',
   green700: '#10462D',
 
+  teal50: '#EDF5F7',
+  teal100: '#D2E8EC',
+  teal200: '#9DCDD6',
+  teal300: '#56A9B9',
+  teal400: '#218EA4',
+  teal500: '#196B7C',
+  teal600: '#135562',
+  teal700: '#0D3841',
+
   blue50: '#EFF3FE',
   blue100: '#D4E2FC',
   blue200: '#A0BFF8',
@@ -94,6 +112,15 @@ const colors: ColorTokensT = {
   purple600: '#453473',
   purple700: '#2E224C',
 
+  magenta50: '#F9F1F7',
+  magenta100: '#F2DDEB',
+  magenta200: '#E2B4D3',
+  magenta300: '#CE7EB3',
+  magenta400: '#BF569C',
+  magenta500: '#914176',
+  magenta600: '#72335D',
+  magenta700: '#4C223E',
+
   brown50: '#F6F0EA',
   brown100: '#EBE0DB',
   brown200: '#D2BBB0',

package/tokens/index.d.ts

@@ -1,99 +1,5 @@
-export interface TokenColors {
-  white: string;
-  black: string;
-
-  gray50: string;
-  gray100: string;
-  gray200: string;
-  gray300: string;
-  gray400: string;
-  gray500: string;
-  gray600: string;
-  gray700: string;
-  gray800: string;
-  gray900: string;
-
-  platinum50: string;
-  platinum100: string;
-  platinum200: string;
-  platinum300: string;
-  platinum400: string;
-  platinum500: string;
-  platinum600: string;
-  platinum700: string;
-  platinum800: string;
-
-  blue50: string;
-  blue100: string;
-  blue200: string;
-  blue300: string;
-  blue400: string;
-  blue500: string;
-  blue600: string;
-  blue700: string;
-
-  red50: string;
-  red100: string;
-  red200: string;
-  red300: string;
-  red400: string;
-  red500: string;
-  red600: string;
-  red700: string;
-
-  green50: string;
-  green100: string;
-  green200: string;
-  green300: string;
-  green400: string;
-  green500: string;
-  green600: string;
-  green700: string;
-
-  orange50: string;
-  orange100: string;
-  orange200: string;
-  orange300: string;
-  orange400: string;
-  orange500: string;
-  orange600: string;
-  orange700: string;
-
-  purple50: string;
-  purple100: string;
-  purple200: string;
-  purple300: string;
-  purple400: string;
-  purple500: string;
-  purple600: string;
-  purple700: string;
-
-  yellow50: string;
-  yellow100: string;
-  yellow200: string;
-  yellow300: string;
-  yellow400: string;
-  yellow500: string;
-  yellow600: string;
-  yellow700: string;
-
-  brown50: string;
-  brown100: string;
-  brown200: string;
-  brown300: string;
-  brown400: string;
-  brown500: string;
-  brown600: string;
-  brown700: string;
-
-  cobalt50: string;
-  cobalt100: string;
-  cobalt200: string;
-  cobalt300: string;
-  cobalt400: string;
-  cobalt500: string;
-  cobalt600: string;
-  cobalt700: string;
-}
-
-export declare const colors: TokenColors;
+import type { ColorTokens } from './types';
+export { default as colors } from './colors';
+export * from './types';
+/** @deprecated use ColorTokens instead. To be removed in future versions.*/
+export declare type TokenColors = ColorTokens;