baseui 10.7.4 → 10.9.1

package/esm/progress-bar/styled-components.js

@@ -72,11 +72,16 @@ export var StyledBarProgress = styled('div', function (props) {
       $value = props.$value,
       $successValue = props.$successValue,
       $steps = props.$steps,
-      $index = props.$index;
+      $index = props.$index,
+      $maxValue = props.$maxValue,
+      _props$$minValue = props.$minValue,
+      $minValue = _props$$minValue === void 0 ? 0 : _props$$minValue; // making sure this doesn't break existing use that use StyledBarProgress directly
+
+  var maxValue = $maxValue ? $maxValue : $successValue;
   var colors = $theme.colors,
       sizing = $theme.sizing,
       borders = $theme.borders;
-  var width = "".concat(100 - $value / $successValue * 100, "%");
+  var width = "".concat(100 - ($value - $minValue) * 100 / (maxValue - $minValue), "%");
   var stepStates = {
     default: 'default',
     awaits: 'awaits',
@@ -86,8 +91,8 @@ export var StyledBarProgress = styled('div', function (props) {
   var stepState = stepStates.default;
 
   if ($steps > 1) {
-    var stepValue = $successValue / $steps;
-    var currentValue = $value / $successValue * 100;
+    var stepValue = (maxValue - $minValue) / $steps;
+    var currentValue = ($value - $minValue) / (maxValue - $minValue) * 100;
     var completedSteps = Math.floor(currentValue / stepValue);
 
     if ($index < completedSteps) {

package/esm/select/select-component.js

@@ -183,12 +183,6 @@ var Select = /*#__PURE__*/function (_React$Component) {
       _this.handleClick(event);
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleTouchEndClearValue", function (event) {
-      if (_this.dragging) return;
-
-      _this.clearValue(event);
-    });
-
     _defineProperty(_assertThisInitialized(_this), "handleClick", function (event) {
       if (_this.props.disabled || !isClick(event) && !isLeftClick(event)) {
         return;
@@ -865,7 +859,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
           "aria-required": this.props.required || null,
           onFocus: this.handleInputFocus,
           tabIndex: 0
-        }, sharedProps, inputContainerProps), /*#__PURE__*/React.createElement("input", {
+        }, sharedProps, inputContainerProps), /*#__PURE__*/React.createElement("input", _extends({
           "aria-hidden": true,
           id: this.props.id || null,
           ref: this.handleInputRef,
@@ -877,7 +871,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
             padding: 0
           },
           tabIndex: -1
-        }));
+        }, overrides.Input ? overrides.Input.props ? overrides.Input.props : {} : {})));
       }
 
       return /*#__PURE__*/React.createElement(InputContainer, _extends({}, sharedProps, inputContainerProps), /*#__PURE__*/React.createElement(AutosizeInput, _extends({
@@ -929,9 +923,6 @@ var Select = /*#__PURE__*/function (_React$Component) {
         title: ariaLabel,
         "aria-label": ariaLabel,
         onClick: this.clearValue,
-        onTouchEnd: this.handleTouchEndClearValue,
-        onTouchMove: this.handleTouchMove,
-        onTouchStart: this.handleTouchStart,
         role: "button",
         overrides: {
           Svg: {

package/esm/spinner/styled-components.js

@@ -54,13 +54,40 @@ export var StyledActivePath = styled('path', function (props) {
 StyledActivePath.displayName = "StyledActivePath";
 export var StyledSpinnerNext = styled('i', function (_ref) {
   var $theme = _ref.$theme,
+      _ref$$color = _ref.$color,
+      $color = _ref$$color === void 0 ? $theme.colors.contentAccent : _ref$$color,
+      $borderWidth = _ref.$borderWidth,
       _ref$$size = _ref.$size,
       $size = _ref$$size === void 0 ? SIZE.medium : _ref$$size;
-  var borderWidth = {
+  //$FlowFixMe
+  var borderSize = {
     large: $theme.sizing.scale300,
     medium: $theme.sizing.scale100,
     small: $theme.sizing.scale0
+  }[$borderWidth || $size];
+  var boxSize = {
+    large: $theme.sizing.scale1000,
+    medium: $theme.sizing.scale900,
+    small: $theme.sizing.scale800
   }[$size];
+
+  if (!borderSize) {
+    borderSize = $theme.sizing[$borderWidth];
+
+    if (!borderSize) {
+      borderSize = "".concat(parseInt($borderWidth), "px");
+    }
+  }
+
+  if (!boxSize) {
+    //$FlowFixMe
+    boxSize = $theme.sizing[$size];
+
+    if (!boxSize) {
+      boxSize = "".concat(parseInt($size), "px");
+    }
+  }
+
   return {
     display: 'block',
     animationName: spin,
@@ -72,24 +99,16 @@ export var StyledSpinnerNext = styled('i', function (_ref) {
     borderTopStyle: 'solid',
     borderBottomStyle: 'solid',
     borderRadius: '50%',
-    borderTopColor: $theme.colors.contentAccent,
+    borderTopColor: $color,
     borderRightColor: $theme.colors.backgroundTertiary,
     borderBottomColor: $theme.colors.backgroundTertiary,
     borderLeftColor: $theme.colors.backgroundTertiary,
-    borderLeftWidth: borderWidth,
-    borderRightWidth: borderWidth,
-    borderTopWidth: borderWidth,
-    borderBottomWidth: borderWidth,
-    width: {
-      large: $theme.sizing.scale1000,
-      medium: $theme.sizing.scale900,
-      small: $theme.sizing.scale800
-    }[$size],
-    height: {
-      large: $theme.sizing.scale1000,
-      medium: $theme.sizing.scale900,
-      small: $theme.sizing.scale800
-    }[$size],
+    borderLeftWidth: borderSize,
+    borderRightWidth: borderSize,
+    borderTopWidth: borderSize,
+    borderBottomWidth: borderSize,
+    width: boxSize,
+    height: boxSize,
     cursor: 'wait'
   };
 });

package/esm/table/filter.js

@@ -75,7 +75,9 @@ export default function Filter(props) {
     content: function content(_ref) {
       var close = _ref.close;
       return /*#__PURE__*/React.createElement(FocusLock, {
-        autoFocus: false
+        autoFocus: false // Allow focus to escape when UI is within an iframe
+        ,
+        crossFrame: false
       }, /*#__PURE__*/React.createElement(Heading, headingProps, "Filter Column"), /*#__PURE__*/React.createElement(Content, contentProps, props.children), /*#__PURE__*/React.createElement(Footer, footerProps, /*#__PURE__*/React.createElement(Button, {
         kind: KIND.minimal,
         size: SIZE.compact,

package/esm/themes/dark-theme/color-component-tokens.js

@@ -38,6 +38,8 @@ export default (function () {
     buttonTertiaryActive: themePrimitives.primary600,
     buttonTertiarySelectedText: themePrimitives.primary,
     buttonTertiarySelectedFill: themePrimitives.primary600,
+    buttonTertiaryDisabledActiveFill: themePrimitives.primary700,
+    buttonTertiaryDisabledActiveText: themePrimitives.mono300,
     buttonTertiarySpinnerForeground: themePrimitives.primary50,
     buttonTertiarySpinnerBackground: themePrimitives.primary500,
     buttonMinimalFill: 'transparent',
@@ -50,6 +52,8 @@ export default (function () {
     buttonMinimalSpinnerBackground: themePrimitives.primary500,
     buttonDisabledFill: themePrimitives.mono600,
     buttonDisabledText: themePrimitives.mono300,
+    buttonDisabledActiveFill: themePrimitives.mono200,
+    buttonDisabledActiveText: themePrimitives.primary500,
     buttonDisabledSpinnerForeground: themePrimitives.mono200,
     buttonDisabledSpinnerBackground: themePrimitives.mono400,
     // Breadcrumbs
@@ -108,15 +112,15 @@ export default (function () {
     modalCloseColorFocus: themePrimitives.mono400,
     // Notification
     notificationPrimaryBackground: themePrimitives.primary700,
-    notificationPrimaryText: themePrimitives.primary200,
+    notificationPrimaryText: themePrimitives.primaryA,
     notificationInfoBackground: themePrimitives.accent700,
-    notificationInfoText: themePrimitives.accent200,
+    notificationInfoText: themePrimitives.primaryA,
     notificationPositiveBackground: themePrimitives.positive700,
-    notificationPositiveText: themePrimitives.positive200,
+    notificationPositiveText: themePrimitives.primaryA,
     notificationWarningBackground: themePrimitives.warning700,
-    notificationWarningText: themePrimitives.warning200,
+    notificationWarningText: themePrimitives.primaryA,
     notificationNegativeBackground: themePrimitives.negative700,
-    notificationNegativeText: themePrimitives.negative200,
+    notificationNegativeText: themePrimitives.primaryA,
     // Tag
     // Custom ramps
     tagFontDisabledRampUnit: '600',
@@ -276,11 +280,16 @@ export default (function () {
     tableFilterFooterBackground: themePrimitives.mono800,
     // Toast
     toastText: themePrimitives.white,
-    toastPrimaryBackground: themePrimitives.primary500,
-    toastInfoBackground: themePrimitives.accent500,
-    toastPositiveBackground: themePrimitives.positive500,
-    toastWarningBackground: themePrimitives.warning500,
-    toastNegativeBackground: themePrimitives.negative500,
+    toastPrimaryBackground: themePrimitives.primary400,
+    toastPrimaryText: themePrimitives.white,
+    toastInfoBackground: themePrimitives.accent400,
+    toastInfoText: themePrimitives.white,
+    toastPositiveBackground: themePrimitives.positive400,
+    toastPositiveText: themePrimitives.white,
+    toastWarningBackground: themePrimitives.warning400,
+    toastWarningText: themePrimitives.black,
+    toastNegativeBackground: themePrimitives.negative400,
+    toastNegativeText: themePrimitives.white,
     // Toggle
     toggleFill: themePrimitives.mono300,
     toggleFillChecked: themePrimitives.primary,

package/esm/themes/light-theme/color-component-tokens.js

@@ -38,6 +38,8 @@ export default (function () {
     buttonTertiaryActive: themePrimitives.primary100,
     buttonTertiarySelectedFill: themePrimitives.primary100,
     buttonTertiarySelectedText: themePrimitives.primary,
+    buttonTertiaryDisabledActiveFill: themePrimitives.primary50,
+    buttonTertiaryDisabledActiveText: themePrimitives.mono600,
     buttonTertiarySpinnerForeground: themePrimitives.accent,
     buttonTertiarySpinnerBackground: themePrimitives.primary100,
     buttonMinimalFill: 'transparent',
@@ -50,6 +52,8 @@ export default (function () {
     buttonMinimalSpinnerBackground: themePrimitives.primary100,
     buttonDisabledFill: themePrimitives.mono200,
     buttonDisabledText: themePrimitives.mono600,
+    buttonDisabledActiveFill: themePrimitives.mono700,
+    buttonDisabledActiveText: themePrimitives.mono100,
     buttonDisabledSpinnerForeground: themePrimitives.mono600,
     buttonDisabledSpinnerBackground: themePrimitives.mono400,
     // Breadcrumbs
@@ -184,15 +188,15 @@ export default (function () {
     tabColor: themePrimitives.mono800,
     // Notification
     notificationPrimaryBackground: themePrimitives.primary50,
-    notificationPrimaryText: themePrimitives.primary500,
+    notificationPrimaryText: themePrimitives.primaryA,
     notificationInfoBackground: themePrimitives.accent50,
-    notificationInfoText: themePrimitives.accent500,
+    notificationInfoText: themePrimitives.primaryA,
     notificationPositiveBackground: themePrimitives.positive50,
-    notificationPositiveText: themePrimitives.positive500,
+    notificationPositiveText: themePrimitives.primaryA,
     notificationWarningBackground: themePrimitives.warning50,
-    notificationWarningText: themePrimitives.warning500,
+    notificationWarningText: themePrimitives.primaryA,
     notificationNegativeBackground: themePrimitives.negative50,
-    notificationNegativeText: themePrimitives.negative500,
+    notificationNegativeText: themePrimitives.primaryA,
     // Tag
     // Custom ramps
     tagFontDisabledRampUnit: '100',
@@ -351,11 +355,16 @@ export default (function () {
     tableFilterFooterBackground: themePrimitives.mono200,
     // Toast
     toastText: themePrimitives.white,
-    toastPrimaryBackground: themePrimitives.primary500,
-    toastInfoBackground: themePrimitives.accent500,
-    toastPositiveBackground: themePrimitives.positive500,
-    toastWarningBackground: themePrimitives.warning500,
-    toastNegativeBackground: themePrimitives.negative500,
+    toastPrimaryBackground: themePrimitives.primary400,
+    toastPrimaryText: themePrimitives.white,
+    toastInfoBackground: themePrimitives.accent400,
+    toastInfoText: themePrimitives.white,
+    toastPositiveBackground: themePrimitives.positive400,
+    toastPositiveText: themePrimitives.white,
+    toastWarningBackground: themePrimitives.warning400,
+    toastWarningText: themePrimitives.black,
+    toastNegativeBackground: themePrimitives.negative400,
+    toastNegativeText: themePrimitives.white,
     // Spinner
     spinnerTrackFill: themePrimitives.mono900,
     // Progress bar

package/esm/timezonepicker/timezone-picker.js

@@ -6,14 +6,16 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
 
 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 _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 _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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+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 _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 _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); } }
@@ -44,11 +46,11 @@ LICENSE file in the root directory of this source tree.
 */
 // global Intl
 import * as React from 'react';
-import { findTimeZone, getZonedTime, listTimeZones } from 'timezone-support/dist/index-1900-2050.js';
-import { formatZonedTime } from 'timezone-support/dist/parse-format.js';
+import { format, getTimezoneOffset } from 'date-fns-tz';
 import { getOverrides, mergeOverrides } from '../helpers/overrides.js';
 import { LocaleContext } from '../locale/index.js';
 import { Select } from '../select/index.js';
+import { zones } from './tzdata.js';
 
 var TimezonePicker = /*#__PURE__*/function (_React$Component) {
   _inherits(TimezonePicker, _React$Component);
@@ -72,40 +74,56 @@ var TimezonePicker = /*#__PURE__*/function (_React$Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "buildTimezones", function (compareDate) {
-      return listTimeZones().map(function (zone) {
-        var timezone = findTimeZone(zone);
-        var zonedTime = getZonedTime(compareDate, timezone);
-        var offsetTime = (zonedTime.zone.offset < 0 ? '+' : '-') + Math.abs(zonedTime.zone.offset / 60);
-        var abbreviation = formatZonedTime(zonedTime, 'z');
-        var formatted = "(GMT ".concat(offsetTime, ") ").concat(zone).concat(_this.props.includeAbbreviations ? " - ".concat(abbreviation) : '').replace('_', ' ');
-        var option = {
-          id: zone,
-          label: formatted,
-          offset: zonedTime.zone.offset
-        };
-
-        if (_this.props.mapLabels) {
-          option.label = _this.props.mapLabels(option);
-        }
+      var timezones = [];
 
-        return option;
-      }) // Formats 'noisy' timezones without a letter acronym.
-      .map(function (option) {
-        var rgx = /(\s-\s(\+|-)\d\d\d?\d?)$/;
-        var matches = option.label.match(rgx);
+      var _iterator = _createForOfIteratorHelper(zones),
+          _step;
 
-        if (matches) {
-          var prefix = matches[0];
-          option.label = option.label.split(prefix)[0];
-        }
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var zoneName = _step.value;
+
+          try {
+            var offset = getTimezoneOffset(zoneName, compareDate) / 3600000;
+            var offsetFormatted = "".concat(offset >= 0 ? '+' : '-').concat(Math.abs(offset));
+            var label = "(GMT".concat(offsetFormatted, ") ").concat(zoneName.replace('_', ' '));
+
+            if (_this.props.includeAbbreviations) {
+              var abbreviation = format(compareDate, 'zzz', {
+                timeZone: zoneName
+              });
 
-        return option;
-      }) // Sorts W -> E, prioritizes america. could be more nuanced based on system tz but simple for now
-      .sort(function (a, b) {
+              if (abbreviation) {
+                label += " - ".concat(abbreviation);
+              }
+            }
+
+            timezones.push({
+              id: zoneName,
+              label: label,
+              offset: offset
+            });
+          } catch (error) {
+            // Ignores timezones that are not available within a user's browser/operating system
+            console.error("failed to format zone name ".concat(zoneName));
+          }
+        } // Sorts W -> E, prioritizes america. could be more nuanced based on system tz but simple for now
+
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+
+      return timezones.sort(function (a, b) {
         var offsetDelta = b.offset - a.offset;
         if (offsetDelta !== 0) return offsetDelta;
-        if (a.label < b.label) return -1;
-        if (a.label > b.label) return 1;
+
+        if (typeof a.label === 'string' && typeof b.label === 'string') {
+          if (a.label < b.label) return -1;
+          if (a.label > b.label) return 1;
+        }
+
         return 0;
       });
     });
@@ -182,10 +200,20 @@ var TimezonePicker = /*#__PURE__*/function (_React$Component) {
       selectProps.overrides); // $FlowFixMe
 
       selectProps.overrides = selectOverrides;
+      var options = this.state.timezones;
+
+      if (this.props.mapLabels) {
+        options = options.map(function (option) {
+          // $FlowFixMe - TimezoneT.label is a string, but mapLabels can return a React.Node
+          option.label = _this3.props.mapLabels(option);
+          return option;
+        });
+      }
+
       return /*#__PURE__*/React.createElement(LocaleContext.Consumer, null, function (locale) {
         return /*#__PURE__*/React.createElement(OverriddenSelect, _extends({
           "aria-label": locale.datepicker.timezonePickerAriaLabel,
-          options: _this3.state.timezones,
+          options: options,
           clearable: false,
           disabled: _this3.props.disabled,
           error: _this3.props.error,

package/esm/timezonepicker/tzdata.js

@@ -0,0 +1,2 @@
+/* eslint-disable header/header */
+export var zones = ['Europe/Andorra', 'Asia/Dubai', 'Asia/Kabul', 'Europe/Tirane', 'Asia/Yerevan', 'Antarctica/Casey', 'Antarctica/Davis', 'Antarctica/Mawson', 'Antarctica/Palmer', 'Antarctica/Rothera', 'Antarctica/Troll', 'Antarctica/Vostok', 'America/Argentina/Buenos_Aires', 'America/Argentina/Cordoba', 'America/Argentina/Salta', 'America/Argentina/Jujuy', 'America/Argentina/Tucuman', 'America/Argentina/Catamarca', 'America/Argentina/La_Rioja', 'America/Argentina/San_Juan', 'America/Argentina/Mendoza', 'America/Argentina/San_Luis', 'America/Argentina/Rio_Gallegos', 'America/Argentina/Ushuaia', 'Pacific/Pago_Pago', 'Europe/Vienna', 'Australia/Lord_Howe', 'Antarctica/Macquarie', 'Australia/Hobart', 'Australia/Melbourne', 'Australia/Sydney', 'Australia/Broken_Hill', 'Australia/Brisbane', 'Australia/Lindeman', 'Australia/Adelaide', 'Australia/Darwin', 'Australia/Perth', 'Australia/Eucla', 'Asia/Baku', 'America/Barbados', 'Asia/Dhaka', 'Europe/Brussels', 'Europe/Sofia', 'Atlantic/Bermuda', 'Asia/Brunei', 'America/La_Paz', 'America/Noronha', 'America/Belem', 'America/Fortaleza', 'America/Recife', 'America/Araguaina', 'America/Maceio', 'America/Bahia', 'America/Sao_Paulo', 'America/Campo_Grande', 'America/Cuiaba', 'America/Santarem', 'America/Porto_Velho', 'America/Boa_Vista', 'America/Manaus', 'America/Eirunepe', 'America/Rio_Branco', 'Asia/Thimphu', 'Europe/Minsk', 'America/Belize', 'America/St_Johns', 'America/Halifax', 'America/Glace_Bay', 'America/Moncton', 'America/Goose_Bay', 'America/Toronto', 'America/Nipigon', 'America/Thunder_Bay', 'America/Iqaluit', 'America/Pangnirtung', 'America/Winnipeg', 'America/Rainy_River', 'America/Resolute', 'America/Rankin_Inlet', 'America/Regina', 'America/Swift_Current', 'America/Edmonton', 'America/Cambridge_Bay', 'America/Yellowknife', 'America/Inuvik', 'America/Dawson_Creek', 'America/Fort_Nelson', 'America/Whitehorse', 'America/Dawson', 'America/Vancouver', 'Indian/Cocos', 'Europe/Zurich', 'Africa/Abidjan', 'Pacific/Rarotonga', 'America/Santiago', 'America/Punta_Arenas', 'Pacific/Easter', 'Asia/Shanghai', 'Asia/Urumqi', 'America/Bogota', 'America/Costa_Rica', 'America/Havana', 'Atlantic/Cape_Verde', 'Indian/Christmas', 'Asia/Nicosia', 'Asia/Famagusta', 'Europe/Prague', 'Europe/Berlin', 'Europe/Copenhagen', 'America/Santo_Domingo', 'Africa/Algiers', 'America/Guayaquil', 'Pacific/Galapagos', 'Europe/Tallinn', 'Africa/Cairo', 'Africa/El_Aaiun', 'Europe/Madrid', 'Africa/Ceuta', 'Atlantic/Canary', 'Europe/Helsinki', 'Pacific/Fiji', 'Atlantic/Stanley', 'Pacific/Chuuk', 'Pacific/Pohnpei', 'Pacific/Kosrae', 'Atlantic/Faroe', 'Europe/Paris', 'Europe/London', 'Asia/Tbilisi', 'America/Cayenne', 'Europe/Gibraltar', 'America/Nuuk', 'America/Danmarkshavn', 'America/Scoresbysund', 'America/Thule', 'Europe/Athens', 'Atlantic/South_Georgia', 'America/Guatemala', 'Pacific/Guam', 'Africa/Bissau', 'America/Guyana', 'Asia/Hong_Kong', 'America/Tegucigalpa', 'America/Port-au-Prince', 'Europe/Budapest', 'Asia/Jakarta', 'Asia/Pontianak', 'Asia/Makassar', 'Asia/Jayapura', 'Europe/Dublin', 'Asia/Jerusalem', 'Asia/Kolkata', 'Indian/Chagos', 'Asia/Baghdad', 'Asia/Tehran', 'Atlantic/Reykjavik', 'Europe/Rome', 'America/Jamaica', 'Asia/Amman', 'Asia/Tokyo', 'Africa/Nairobi', 'Asia/Bishkek', 'Pacific/Tarawa', 'Pacific/Kanton', 'Pacific/Kiritimati', 'Asia/Pyongyang', 'Asia/Seoul', 'Asia/Almaty', 'Asia/Qyzylorda', 'Asia/Qostanay', 'Asia/Aqtobe', 'Asia/Aqtau', 'Asia/Atyrau', 'Asia/Oral', 'Asia/Beirut', 'Asia/Colombo', 'Africa/Monrovia', 'Europe/Vilnius', 'Europe/Luxembourg', 'Europe/Riga', 'Africa/Tripoli', 'Africa/Casablanca', 'Europe/Monaco', 'Europe/Chisinau', 'Pacific/Majuro', 'Pacific/Kwajalein', 'Asia/Yangon', 'Asia/Ulaanbaatar', 'Asia/Hovd', 'Asia/Choibalsan', 'Asia/Macau', 'America/Martinique', 'Europe/Malta', 'Indian/Mauritius', 'Indian/Maldives', 'America/Mexico_City', 'America/Cancun', 'America/Merida', 'America/Monterrey', 'America/Matamoros', 'America/Mazatlan', 'America/Chihuahua', 'America/Ojinaga', 'America/Hermosillo', 'America/Tijuana', 'America/Bahia_Banderas', 'Asia/Kuala_Lumpur', 'Asia/Kuching', 'Africa/Maputo', 'Africa/Windhoek', 'Pacific/Noumea', 'Pacific/Norfolk', 'Africa/Lagos', 'America/Managua', 'Europe/Amsterdam', 'Europe/Oslo', 'Asia/Kathmandu', 'Pacific/Nauru', 'Pacific/Niue', 'Pacific/Auckland', 'Pacific/Chatham', 'America/Panama', 'America/Lima', 'Pacific/Tahiti', 'Pacific/Marquesas', 'Pacific/Gambier', 'Pacific/Port_Moresby', 'Pacific/Bougainville', 'Asia/Manila', 'Asia/Karachi', 'Europe/Warsaw', 'America/Miquelon', 'Pacific/Pitcairn', 'America/Puerto_Rico', 'Asia/Gaza', 'Asia/Hebron', 'Europe/Lisbon', 'Atlantic/Madeira', 'Atlantic/Azores', 'Pacific/Palau', 'America/Asuncion', 'Asia/Qatar', 'Indian/Reunion', 'Europe/Bucharest', 'Europe/Belgrade', 'Europe/Kaliningrad', 'Europe/Moscow', 'Europe/Simferopol', 'Europe/Kirov', 'Europe/Volgograd', 'Europe/Astrakhan', 'Europe/Saratov', 'Europe/Ulyanovsk', 'Europe/Samara', 'Asia/Yekaterinburg', 'Asia/Omsk', 'Asia/Novosibirsk', 'Asia/Barnaul', 'Asia/Tomsk', 'Asia/Novokuznetsk', 'Asia/Krasnoyarsk', 'Asia/Irkutsk', 'Asia/Chita', 'Asia/Yakutsk', 'Asia/Khandyga', 'Asia/Vladivostok', 'Asia/Ust-Nera', 'Asia/Magadan', 'Asia/Sakhalin', 'Asia/Srednekolymsk', 'Asia/Kamchatka', 'Asia/Anadyr', 'Asia/Riyadh', 'Pacific/Guadalcanal', 'Indian/Mahe', 'Africa/Khartoum', 'Europe/Stockholm', 'Asia/Singapore', 'America/Paramaribo', 'Africa/Juba', 'Africa/Sao_Tome', 'America/El_Salvador', 'Asia/Damascus', 'America/Grand_Turk', 'Africa/Ndjamena', 'Indian/Kerguelen', 'Asia/Bangkok', 'Asia/Dushanbe', 'Pacific/Fakaofo', 'Asia/Dili', 'Asia/Ashgabat', 'Africa/Tunis', 'Pacific/Tongatapu', 'Europe/Istanbul', 'Pacific/Funafuti', 'Asia/Taipei', 'Europe/Kiev', 'Europe/Uzhgorod', 'Europe/Zaporozhye', 'Pacific/Wake', 'America/New_York', 'America/Detroit', 'America/Kentucky/Louisville', 'America/Kentucky/Monticello', 'America/Indiana/Indianapolis', 'America/Indiana/Vincennes', 'America/Indiana/Winamac', 'America/Indiana/Marengo', 'America/Indiana/Petersburg', 'America/Indiana/Vevay', 'America/Chicago', 'America/Indiana/Tell_City', 'America/Indiana/Knox', 'America/Menominee', 'America/North_Dakota/Center', 'America/North_Dakota/New_Salem', 'America/North_Dakota/Beulah', 'America/Denver', 'America/Boise', 'America/Phoenix', 'America/Los_Angeles', 'America/Anchorage', 'America/Juneau', 'America/Sitka', 'America/Metlakatla', 'America/Yakutat', 'America/Nome', 'America/Adak', 'Pacific/Honolulu', 'America/Montevideo', 'Asia/Samarkand', 'Asia/Tashkent', 'America/Caracas', 'Asia/Ho_Chi_Minh', 'Pacific/Efate', 'Pacific/Wallis', 'Pacific/Apia', 'Africa/Johannesburg'];

package/esm/timezonepicker/update-tzdata.js

@@ -0,0 +1,160 @@
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+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 _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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+
+/* eslint-env node */
+var fs = require('fs');
+
+var path = require('path');
+
+var util = require('util');
+
+var exec = util.promisify(require('child_process').exec); // Download tzdata and collect a list of timezones. Baseui previously used a library
+// to do this, but it grew stale and unmaintained. This approach is straightforward
+// enough to update whenever necessary, but future improvements could include building
+// this data set before baseui is published so that the data is always fresh.
+
+function main() {
+  return _main.apply(this, arguments);
+}
+
+function _main() {
+  _main = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var tmpDir, src, zoneTabPath, content, lines, zones, _iterator, _step, line, parts, file, _i, _zones, zone, tzdataPath;
+
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            tmpDir = path.join(__dirname, 'tmp'); // $FlowFixMe - flow is not aware of recursive option
+
+            _context.next = 4;
+            return fs.promises.rmdir(tmpDir, {
+              recursive: true
+            });
+
+          case 4:
+            _context.next = 6;
+            return fs.promises.mkdir(tmpDir);
+
+          case 6:
+            src = "https://www.iana.org/time-zones/repository/tzdata-latest.tar.gz";
+            _context.next = 9;
+            return exec("curl -L ".concat(src, " | gzip -dc | tar -xf - --directory ").concat(tmpDir));
+
+          case 9:
+            zoneTabPath = path.join(tmpDir, 'zone1970.tab');
+            _context.next = 12;
+            return fs.promises.readFile(zoneTabPath, 'utf-8');
+
+          case 12:
+            content = _context.sent;
+            lines = content.split('\n');
+            zones = [];
+            _iterator = _createForOfIteratorHelper(lines);
+            _context.prev = 16;
+
+            _iterator.s();
+
+          case 18:
+            if ((_step = _iterator.n()).done) {
+              _context.next = 26;
+              break;
+            }
+
+            line = _step.value;
+
+            if (!(line[0] === '#')) {
+              _context.next = 22;
+              break;
+            }
+
+            return _context.abrupt("continue", 24);
+
+          case 22:
+            parts = line.split(/\s+/);
+
+            if (parts.length >= 3) {
+              zones.push(parts[2]);
+            }
+
+          case 24:
+            _context.next = 18;
+            break;
+
+          case 26:
+            _context.next = 31;
+            break;
+
+          case 28:
+            _context.prev = 28;
+            _context.t0 = _context["catch"](16);
+
+            _iterator.e(_context.t0);
+
+          case 31:
+            _context.prev = 31;
+
+            _iterator.f();
+
+            return _context.finish(31);
+
+          case 34:
+            file = [];
+            file.push('/* eslint-disable header/header */');
+            file.push('// @flow');
+            file.push('');
+            file.push('export const zones = [');
+
+            for (_i = 0, _zones = zones; _i < _zones.length; _i++) {
+              zone = _zones[_i];
+              file.push("  '".concat(zone, "',"));
+            }
+
+            file.push('];');
+            tzdataPath = path.join(__dirname, 'tzdata.js');
+            _context.next = 44;
+            return fs.promises.writeFile(tzdataPath, file.join('\n'));
+
+          case 44:
+            _context.next = 46;
+            return fs.promises.rmdir(tmpDir, {
+              recursive: true
+            });
+
+          case 46:
+            _context.next = 51;
+            break;
+
+          case 48:
+            _context.prev = 48;
+            _context.t1 = _context["catch"](0);
+            console.error(_context.t1);
+
+          case 51:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[0, 48], [16, 28, 31, 34]]);
+  }));
+  return _main.apply(this, arguments);
+}
+
+main();

package/esm/toast/styled-components.js

@@ -21,10 +21,18 @@ function getBackgroundColor(kind, type, theme) {
   return (_KIND$info$KIND$posit = {}, _defineProperty(_KIND$info$KIND$posit, KIND.info, isInline ? theme.colors.notificationInfoBackground : theme.colors.toastInfoBackground), _defineProperty(_KIND$info$KIND$posit, KIND.positive, isInline ? theme.colors.notificationPositiveBackground : theme.colors.toastPositiveBackground), _defineProperty(_KIND$info$KIND$posit, KIND.warning, isInline ? theme.colors.notificationWarningBackground : theme.colors.toastWarningBackground), _defineProperty(_KIND$info$KIND$posit, KIND.negative, isInline ? theme.colors.notificationNegativeBackground : theme.colors.toastNegativeBackground), _KIND$info$KIND$posit)[kind];
 }
 
-function getFontColor(kind, theme) {
-  var _KIND$info$KIND$posit2;
+function getFontColor(kind, type, theme) {
+  var _KIND$info$KIND$posit3;
 
-  return (_KIND$info$KIND$posit2 = {}, _defineProperty(_KIND$info$KIND$posit2, KIND.info, theme.colors.notificationInfoText), _defineProperty(_KIND$info$KIND$posit2, KIND.positive, theme.colors.notificationPositiveText), _defineProperty(_KIND$info$KIND$posit2, KIND.warning, theme.colors.notificationWarningText), _defineProperty(_KIND$info$KIND$posit2, KIND.negative, theme.colors.notificationNegativeText), _KIND$info$KIND$posit2)[kind];
+  var isInline = type === TYPE.inline;
+
+  if (isInline) {
+    var _KIND$info$KIND$posit2;
+
+    return (_KIND$info$KIND$posit2 = {}, _defineProperty(_KIND$info$KIND$posit2, KIND.info, theme.colors.notificationInfoText), _defineProperty(_KIND$info$KIND$posit2, KIND.positive, theme.colors.notificationPositiveText), _defineProperty(_KIND$info$KIND$posit2, KIND.warning, theme.colors.notificationWarningText), _defineProperty(_KIND$info$KIND$posit2, KIND.negative, theme.colors.notificationNegativeText), _KIND$info$KIND$posit2)[kind];
+  }
+
+  return (_KIND$info$KIND$posit3 = {}, _defineProperty(_KIND$info$KIND$posit3, KIND.info, theme.colors.toastInfoText), _defineProperty(_KIND$info$KIND$posit3, KIND.positive, theme.colors.toastPositiveText), _defineProperty(_KIND$info$KIND$posit3, KIND.warning, theme.colors.toastWarningText), _defineProperty(_KIND$info$KIND$posit3, KIND.negative, theme.colors.toastNegativeText), _KIND$info$KIND$posit3)[kind];
 }
 
 export function getPlacement(placement) {
@@ -89,9 +97,9 @@ export var Body = styled('div', function (props) {
       $type = props.$type,
       $theme = props.$theme;
   var isInline = $type === TYPE.inline;
-  return _objectSpread(_objectSpread({}, $theme.typography.font250), {}, {
+  return _objectSpread(_objectSpread({}, $theme.typography.font300), {}, {
     pointerEvents: 'auto',
-    color: isInline ? getFontColor($kind, $theme) : $theme.colors.toastText,
+    color: getFontColor($kind, $type, $theme),
     height: 'auto',
     width: '288px',
     paddingTop: $theme.sizing.scale600,