baseui 10.12.1 → 11.0.2

package/esm/phone-input/index.js

@@ -6,13 +6,9 @@ LICENSE file in the root directory of this source tree.
 */
 export { default as PhoneInput } from './phone-input.js';
 export { default as PhoneInputLite } from './phone-input-lite.js';
-export { default as PhoneInputNext } from './phone-input-next.js';
 export { default as StatefulPhoneInput } from './stateful-phone-input.js';
-export { default as StatefulPhoneInputNext } from './stateful-phone-input-next.js';
 export { default as StatefulPhoneInputContainer } from './stateful-phone-input-container.js';
 export { default as CountryPicker } from './country-picker.js';
-export { default as CountrySelect } from './country-select.js';
-export { default as CountrySelectDropdown } from './country-select-dropdown.js';
 export { default as Flag, StyledFlag } from './flag.js';
 export * from './constants.js';
 export * from './styled-components.js';

package/esm/phone-input/phone-input-lite.js

@@ -12,6 +12,8 @@ function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+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; }
+
 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; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -23,19 +25,17 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 import React, { useRef } from 'react';
+import CountryPicker from './country-picker.js';
+import defaultProps from './default-props.js';
+import { StyledPhoneInputRoot, StyledDialCode } from './styled-components.js';
 import { Input as DefaultInput } from '../input/index.js';
-import CountrySelect from './country-select.js';
 import { getOverrides, mergeOverrides } from '../helpers/overrides.js';
-import defaultProps from './default-props.js';
-
-var country = defaultProps.country,
-    lightDefaultProps = _objectWithoutProperties(defaultProps, ["country"]);
-
-PhoneInputLite.defaultProps = lightDefaultProps;
+PhoneInputLite.defaultProps = defaultProps;
 export default function PhoneInputLite(props) {
   var ariaLabel = props['aria-label'],
       ariaLabelledBy = props['aria-labelledby'],
       ariaDescribedBy = props['aria-describedby'],
+      clearable = props.clearable,
       countries = props.countries,
       country = props.country,
       disabled = props.disabled,
@@ -53,45 +53,67 @@ export default function PhoneInputLite(props) {
       required = props.required,
       size = props.size,
       text = props.text,
-      restProps = _objectWithoutProperties(props, ["aria-label", "aria-labelledby", "aria-describedby", "countries", "country", "disabled", "error", "id", "mapIsoToLabel", "maxDropdownHeight", "maxDropdownWidth", "name", "onTextChange", "onCountryChange", "overrides", "placeholder", "positive", "required", "size", "text"]);
+      restProps = _objectWithoutProperties(props, ["aria-label", "aria-labelledby", "aria-describedby", "clearable", "countries", "country", "disabled", "error", "id", "mapIsoToLabel", "maxDropdownHeight", "maxDropdownWidth", "name", "onTextChange", "onCountryChange", "overrides", "placeholder", "positive", "required", "size", "text"]);
 
   var inputRef = useRef(null);
+  var baseDialCodeOverride = {
+    component: StyledDialCode,
+    style: function style(_ref) {
+      var _ref$$theme = _ref.$theme,
+          direction = _ref$$theme.direction,
+          sizing = _ref$$theme.sizing;
+      var marginDir = direction === 'rtl' ? 'marginRight' : 'marginLeft';
+      return _defineProperty({}, marginDir, sizing.scale600);
+    },
+    props: {
+      children: country.dialCode
+    }
+  };
+  var mergedDialCodeOverride = mergeOverrides({
+    DialCode: baseDialCodeOverride
+  }, {
+    DialCode: overrides.DialCode || {}
+  });
   var baseOverrides = {
     Input: {
-      style: function style(_ref) {
-        var sizing = _ref.$theme.sizing;
-        return {
-          paddingLeft: sizing.scale100
-        };
+      style: function style(_ref3) {
+        var _ref3$$theme = _ref3.$theme,
+            direction = _ref3$$theme.direction,
+            sizing = _ref3$$theme.sizing;
+        var paddingDir = direction === 'rtl' ? 'paddingRight' : 'paddingLeft';
+        return _defineProperty({}, paddingDir, sizing.scale100);
       }
     },
-    Before: {
-      component: CountrySelect,
-      props: {
-        countries: countries,
-        country: country,
-        disabled: disabled,
-        error: error,
-        inputRef: inputRef,
-        mapIsoToLabel: mapIsoToLabel,
-        maxDropdownHeight: maxDropdownHeight,
-        maxDropdownWidth: maxDropdownWidth,
-        onCountryChange: onCountryChange,
-        overrides: overrides,
-        positive: positive,
-        required: required,
-        size: size
-      }
-    }
+    Before: mergedDialCodeOverride.DialCode
   };
 
-  var _getOverrides = getOverrides(overrides.Input, DefaultInput),
+  var _getOverrides = getOverrides(overrides.Root, StyledPhoneInputRoot),
       _getOverrides2 = _slicedToArray(_getOverrides, 2),
-      Input = _getOverrides2[0],
-      inputProps = _getOverrides2[1];
+      Root = _getOverrides2[0],
+      rootProps = _getOverrides2[1];
+
+  var _getOverrides3 = getOverrides(overrides.Input, DefaultInput),
+      _getOverrides4 = _slicedToArray(_getOverrides3, 2),
+      Input = _getOverrides4[0],
+      inputProps = _getOverrides4[1];
 
   inputProps.overrides = mergeOverrides(baseOverrides, inputProps.overrides);
-  return /*#__PURE__*/React.createElement(Input, _extends({
+  return /*#__PURE__*/React.createElement(Root, _extends({}, rootProps, {
+    "data-baseweb": "phone-input"
+  }), /*#__PURE__*/React.createElement(CountryPicker, {
+    country: country,
+    countries: countries,
+    disabled: disabled,
+    error: error,
+    mapIsoToLabel: mapIsoToLabel,
+    maxDropdownHeight: maxDropdownHeight,
+    maxDropdownWidth: maxDropdownWidth,
+    onCountryChange: onCountryChange,
+    overrides: overrides,
+    positive: positive,
+    required: required,
+    size: size
+  }), /*#__PURE__*/React.createElement(Input, _extends({
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
     "aria-describedby": ariaDescribedBy,
@@ -108,6 +130,7 @@ export default function PhoneInputLite(props) {
     placeholder: placeholder,
     size: size,
     type: "text",
-    value: text
-  }, restProps, inputProps));
+    value: text,
+    clearable: clearable
+  }, restProps, inputProps)));
 }

package/esm/radio/radio.js

@@ -122,10 +122,6 @@ var Radio = /*#__PURE__*/function (_React$Component) {
       if (this.props.autoFocus && (_this$props$inputRef = this.props.inputRef) !== null && _this$props$inputRef !== void 0 && _this$props$inputRef.current) {
         this.props.inputRef.current.focus();
       }
-
-      if (process.env.NODE_ENV !== "production" && this.props.isError) {
-        console.warn('baseui:Radio Property "isError" will be removed in the next major version. Use "error" property instead.');
-      }
     }
   }, {
     key: "render",
@@ -169,7 +165,6 @@ var Radio = /*#__PURE__*/function (_React$Component) {
         $disabled: this.props.disabled,
         $hasDescription: !!this.props.description,
         $isActive: this.state.isActive,
-        $isError: this.props.isError,
         $error: this.props.error,
         $isFocused: this.props.isFocused,
         $isFocusVisible: this.props.isFocused && this.props.isFocusVisible,
@@ -194,7 +189,7 @@ var Radio = /*#__PURE__*/function (_React$Component) {
         onMouseDown: this.onMouseDown,
         onMouseUp: this.onMouseUp
       }, sharedProps, rootProps), isLabelTopLeft(this.props.labelPlacement) && label, /*#__PURE__*/React.createElement(RadioMarkOuter, _extends({}, sharedProps, radioMarkOuterProps), /*#__PURE__*/React.createElement(RadioMarkInner, _extends({}, sharedProps, radioMarkInnerProps))), /*#__PURE__*/React.createElement(Input, _extends({
-        "aria-invalid": this.props.error || this.props.isError || null,
+        "aria-invalid": this.props.error || null,
         checked: this.props.checked,
         disabled: this.props.disabled,
         name: this.props.name,
@@ -224,7 +219,6 @@ _defineProperty(Radio, "defaultProps", {
   autoFocus: false,
   inputRef: /*#__PURE__*/React.createRef(),
   align: 'vertical',
-  isError: false,
   error: false,
   onChange: function onChange() {},
   onMouseEnter: function onMouseEnter() {},

package/esm/radio/radiogroup.js

@@ -2,10 +2,6 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
 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 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 _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 _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."); }
@@ -104,13 +100,6 @@ var StatelessRadioGroup = /*#__PURE__*/function (_React$Component) {
   }
 
   _createClass(StatelessRadioGroup, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (process.env.NODE_ENV !== "production" && this.props.isError) {
-        console.warn('baseui:Radio Property "isError" will be removed in the next major version. Use "error" property instead.');
-      }
-    }
-  }, {
     key: "render",
     value: function render() {
       var _this2 = this;
@@ -123,27 +112,17 @@ var StatelessRadioGroup = /*#__PURE__*/function (_React$Component) {
           RadioGroupRoot = _getOverrides2[0],
           radioGroupRootProps = _getOverrides2[1];
 
-      if (process.env.NODE_ENV !== "production") {
-        var overrideKeys = Object.keys(overrides); // TODO(v11)
-
-        if (Boolean(overrideKeys.length) && !overrideKeys.includes('RadioGroupRoot')) {
-          // eslint-disable-next-line no-console
-          console.warn("All overrides beside 'RadioGroupRoot' will be deprecated in the next major version update.\n          Pass other overrides to the 'Radio' children instead.\n        ");
-        }
-      }
-
       return /*#__PURE__*/React.createElement(RadioGroupRoot, _extends({
         id: this.props.id,
         role: "radiogroup",
         "aria-describedby": this.props['aria-describedby'],
         "aria-errormessage": this.props['aria-errormessage'],
-        "aria-invalid": this.props.error || this.props.isError || null,
+        "aria-invalid": this.props.error || null,
         "aria-label": this.props['aria-label'],
         "aria-labelledby": this.props['aria-labelledby'],
         $align: this.props.align,
         $disabled: this.props.disabled,
-        $isError: this.props.error || this.props.isError,
-        $error: this.props.error || this.props.isError,
+        $error: this.props.error,
         $required: this.props.required
       }, radioGroupRootProps), React.Children.map(this.props.children, function (child, index) {
         if (! /*#__PURE__*/React.isValidElement(child)) {
@@ -156,7 +135,6 @@ var StatelessRadioGroup = /*#__PURE__*/function (_React$Component) {
           autoFocus: _this2.props.autoFocus,
           checked: checked,
           disabled: _this2.props.disabled || child.props.disabled,
-          isError: _this2.props.isError,
           error: _this2.props.error,
           isFocused: _this2.state.focusedRadioIndex === index,
           isFocusVisible: _this2.state.isFocusVisible,
@@ -171,9 +149,7 @@ var StatelessRadioGroup = /*#__PURE__*/function (_React$Component) {
           },
           onChange: _this2.props.onChange,
           onMouseEnter: _this2.props.onMouseEnter,
-          onMouseLeave: _this2.props.onMouseLeave,
-          // will need to remove overrides pass-through on next major version
-          overrides: _objectSpread(_objectSpread({}, _this2.props.overrides), child.props.overrides)
+          onMouseLeave: _this2.props.onMouseLeave
         });
       }));
     }
@@ -189,7 +165,6 @@ _defineProperty(StatelessRadioGroup, "defaultProps", {
   autoFocus: false,
   labelPlacement: 'right',
   align: 'vertical',
-  isError: false,
   error: false,
   required: false,
   onChange: function onChange() {},

package/esm/radio/styled-components.js

@@ -26,16 +26,15 @@ function getOuterColor(props) {
       $disabled = props.$disabled,
       $checked = props.$checked,
       $isFocusVisible = props.$isFocusVisible,
-      $error = props.$error,
-      $isError = props.$isError;
+      $error = props.$error;
   if ($disabled) return colors.tickFillDisabled;
 
   if (!$checked) {
     if ($isFocusVisible) return colors.borderSelected;
-    if ($error || $isError) return colors.tickBorderError;
+    if ($error) return colors.tickBorderError;
     return colors.tickBorder;
   } else {
-    if ($error || $isError) {
+    if ($error) {
       switch (getState(props)) {
         case DEFAULT:
           return colors.tickFillErrorSelected;
@@ -71,7 +70,7 @@ function getInnerColor(props) {
   }
 
   if (!props.$checked) {
-    if (props.$error || props.$isError) {
+    if (props.$error) {
       switch (getState(props)) {
         case DEFAULT:
           return colors.tickFillError;

package/esm/rating/styled-components.js

@@ -38,11 +38,11 @@ export var StyledStar = styled('li', function (_ref2) {
   var prePartialStarFill;
 
   if ($isActive) {
-    starStroke = starFill = $theme.colors.rating400;
+    starStroke = starFill = $theme.colors.warning400;
   }
 
   if ($isPartialActive && !$isActive) {
-    prePartialStarStroke = prePartialStarFill = $theme.colors.rating400;
+    prePartialStarStroke = prePartialStarFill = $theme.colors.warning400;
   }
 
   var styles = {
@@ -99,7 +99,7 @@ export var StyledEmoticon = styled('li', function (_ref3) {
   var emoticonFill = $theme.colors.ratingInactiveFill;
 
   if ($isActive) {
-    emoticonFill = $theme.colors.rating400;
+    emoticonFill = $theme.colors.warning400;
   }
 
   var ratingIcons = [angryRatingSVG(emoticonFill, $size), sadRatingSVG(emoticonFill, $size), neutralRatingSVG(emoticonFill, $size), happyRatingSVG(emoticonFill, $size), veryHappyRatingSVG(emoticonFill, $size)];

package/esm/select/index.js

@@ -14,7 +14,6 @@ export { default as SelectDropdown } from './dropdown.js';
 export { default as StatefulSelect } from './stateful-select.js';
 export { default as StatefulSelectContainer } from './stateful-select-container.js'; // Styled elements
 
-export { StyledRoot, StyledControlContainer, StyledValueContainer, StyledPlaceholder, StyledSingleValue, StyledInputContainer, StyledInput, StyledInputSizer, StyledIconsContainer, StyledSelectArrow, StyledClearIcon // TODO(v11): remove StyledSearchIconContainer as StyledSearchIcon
-, StyledSearchIconContainer as StyledSearchIcon, StyledSearchIconContainer, StyledDropdownContainer, StyledDropdown, StyledDropdownListItem, StyledOptionContent } from './styled-components.js';
+export { StyledRoot, StyledControlContainer, StyledValueContainer, StyledPlaceholder, StyledSingleValue, StyledInputContainer, StyledInput, StyledInputSizer, StyledIconsContainer, StyledSelectArrow, StyledClearIcon, StyledSearchIconContainer, StyledDropdownContainer, StyledDropdown, StyledDropdownListItem, StyledOptionContent } from './styled-components.js';
 export { default as filterOptions } from './utils/default-filter-options.js';
 export { SIZE, TYPE, STATE_CHANGE_TYPE } from './constants.js';

package/esm/select/select-component.js

@@ -59,13 +59,12 @@ import TriangleDownIcon from '../icon/triangle-down.js';
 import SearchIconComponent from '../icon/search.js';
 import { LocaleContext } from '../locale/index.js';
 import { Popover, PLACEMENT } from '../popover/index.js';
-import { Spinner } from '../spinner/index.js';
 import { UIDConsumer } from 'react-uid';
 import AutosizeInput from './autosize-input.js';
 import { TYPE, STATE_CHANGE_TYPE } from './constants.js';
 import defaultProps from './default-props.js';
 import SelectDropdown from './dropdown.js';
-import { StyledRoot, StyledControlContainer, StyledPlaceholder, StyledValueContainer, StyledInputContainer, StyledIconsContainer, StyledSelectArrow, StyledClearIcon, getLoadingIconStyles, StyledSearchIconContainer } from './styled-components.js';
+import { StyledRoot, StyledControlContainer, StyledPlaceholder, StyledValueContainer, StyledInputContainer, StyledIconsContainer, StyledSelectArrow, StyledClearIcon, StyledSearchIconContainer, StyledLoadingIndicator } from './styled-components.js';
 import { expandValue, normalizeOptions } from './utils/index.js';
 
 function Noop() {
@@ -776,24 +775,29 @@ var Select = /*#__PURE__*/function (_React$Component) {
     key: "renderLoading",
     value: function renderLoading() {
       if (!this.props.isLoading) return;
-      var sharedProps = this.getSharedProps();
       var _this$props$overrides = this.props.overrides,
           overrides = _this$props$overrides === void 0 ? {} : _this$props$overrides;
 
-      var _getOverrides = getOverrides(overrides.LoadingIndicator, Spinner),
+      var _getOverrides = getOverrides(overrides.LoadingIndicator, StyledLoadingIndicator),
           _getOverrides2 = _slicedToArray(_getOverrides, 2),
           LoadingIndicator = _getOverrides2[0],
           loadingIndicatorProps = _getOverrides2[1];
 
       return /*#__PURE__*/React.createElement(LoadingIndicator, _extends({
-        size: 16,
-        overrides: {
-          Svg: {
-            style: getLoadingIconStyles
-          }
-        },
-        $silenceV11DeprecationWarning: true
-      }, sharedProps, loadingIndicatorProps));
+        role: "status"
+      }, loadingIndicatorProps), /*#__PURE__*/React.createElement("span", {
+        style: {
+          position: 'absolute',
+          width: '1px',
+          height: '1px',
+          padding: 0,
+          margin: '-1px',
+          overflow: 'hidden',
+          clip: 'rect(0,0,0,0)',
+          whiteSpace: 'nowrap',
+          border: 0
+        }
+      }, "Loading"));
     }
   }, {
     key: "renderValue",
@@ -1002,14 +1006,10 @@ var Select = /*#__PURE__*/function (_React$Component) {
           searchIconProps = _getOverrides12[1];
 
       var sharedProps = this.getSharedProps();
-      return (
-        /*#__PURE__*/
-        // TODO(v11): remove searchIconProps from SearchIconContainer
-        React.createElement(SearchIconContainer, _extends({}, sharedProps, searchIconProps, searchIconContainerProps), /*#__PURE__*/React.createElement(SearchIcon, _extends({
-          size: 16,
-          title: 'search'
-        }, searchIconProps)))
-      );
+      return /*#__PURE__*/React.createElement(SearchIconContainer, _extends({}, sharedProps, searchIconContainerProps), /*#__PURE__*/React.createElement(SearchIcon, _extends({
+        size: 16,
+        title: 'search'
+      }, sharedProps, searchIconProps)));
     }
   }, {
     key: "filterOptions",

package/esm/select/styled-components.js

@@ -10,9 +10,10 @@ 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.
 */
-import { styled } from '../styles/index.js';
+import { styled, withStyle } from '../styles/index.js';
 import { TYPE, SIZE } from './constants.js';
 import { StyledList, StyledListItem } from '../menu/index.js';
+import { Spinner } from '../spinner/index.js';
 import { ellipsisText } from '../styles/util.js';
 
 function getFont() {
@@ -102,10 +103,10 @@ function getControlContainerColors($disabled, $isFocused, $isPseudoFocused, $pos
   if ($isFocused || $isPseudoFocused) {
     return {
       color: colors.contentPrimary,
-      borderLeftColor: colors.borderFocus,
-      borderRightColor: colors.borderFocus,
-      borderTopColor: colors.borderFocus,
-      borderBottomColor: colors.borderFocus,
+      borderLeftColor: colors.borderSelected,
+      borderRightColor: colors.borderSelected,
+      borderTopColor: colors.borderSelected,
+      borderBottomColor: colors.borderSelected,
       backgroundColor: colors.inputFillActive
     };
   }
@@ -371,15 +372,21 @@ export var StyledClearIcon = styled('svg', function (props) {
   });
 });
 StyledClearIcon.displayName = "StyledClearIcon";
-export var getLoadingIconStyles = function getLoadingIconStyles(props) {
-  var $theme = props.$theme;
-  var colors = $theme.colors;
-  return _objectSpread(_objectSpread({}, getSvgStyles({
-    $theme: $theme
-  })), {}, {
-    color: colors.contentPrimary
-  });
-};
+export var StyledLoadingIndicator = withStyle(Spinner, function (_ref5) {
+  var $theme = _ref5.$theme;
+  return {
+    borderTopWidth: '2px',
+    borderRightWidth: '2px',
+    borderBottomWidth: '2px',
+    borderLeftWidth: '2px',
+    borderRightColor: $theme.colors.borderOpaque,
+    borderBottomColor: $theme.colors.borderOpaque,
+    borderLeftColor: $theme.colors.borderOpaque,
+    width: '16px',
+    height: '16px'
+  };
+});
+StyledLoadingIndicator.displayName = "StyledLoadingIndicator";
 export var StyledSearchIconContainer = styled('div', function (props) {
   var _objectSpread4;
 

package/esm/snackbar/snackbar-context.js

@@ -136,7 +136,7 @@ export default function SnackbarProvider(_ref) {
     setTimeout(function () {
       setAnimating(false);
       display(duration);
-    }, 1000);
+    }, 0);
   }
 
   function exit() {

package/esm/snackbar/styled-components.js

@@ -10,7 +10,7 @@ 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.
 */
-import { StyledSpinnerNext } from '../spinner/index.js';
+import { Spinner } from '../spinner/index.js';
 import { styled, withStyle } from '../styles/index.js';
 import { PLACEMENT } from './constants.js';
 export var StyledRoot = styled('div', function (_ref) {
@@ -44,7 +44,7 @@ export var StyledStartEnhancerContainer = styled('span', function (_ref2) {
   }, paddingDir, $theme.sizing.scale600);
 });
 StyledStartEnhancerContainer.displayName = "StyledStartEnhancerContainer";
-export var StyledSpinner = withStyle(StyledSpinnerNext, function (_ref4) {
+export var StyledSpinner = withStyle(Spinner, function (_ref4) {
   var $height = _ref4.$height,
       $width = _ref4.$width;
   return {

package/esm/spinner/index.js

@@ -4,12 +4,6 @@ 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.
 */
-import { ProgressBarRounded, StyledProgressBarRoundedRoot, StyledProgressBarRoundedSvg, StyledProgressBarRoundedText, StyledProgressBarRoundedTrackBackground, StyledProgressBarRoundedTrackForeground } from '../progress-bar/index.js';
-export { default as Spinner } from './spinner.js'; // Styled elements
-
-export { Svg as StyledSvg, StyledTrackPath, StyledActivePath, StyledSpinnerNext } from './styled-components.js';
-export { SIZE } from './constants.js'; // Flow
-
-// Backward compatibility with SpinnerDeterminate
-// Deprecated
-export { ProgressBarRounded as SpinnerDeterminate, StyledProgressBarRoundedRoot as StyledSpinnerDeterminateRoot, StyledProgressBarRoundedSvg as StyledSpinnerDeterminateSvg, StyledProgressBarRoundedTrackBackground as StyledSpinnerDeterminateTrackBackground, StyledProgressBarRoundedTrackForeground as StyledSpinnerDeterminateTrackForeground, StyledProgressBarRoundedText as StyledSpinnerDeterminateText };
+import { StyledSpinner } from './styled-components.js';
+export { StyledSpinner as Spinner };
+export { SIZE } from './constants.js'; // Flow

package/esm/spinner/styled-components.js

@@ -1,9 +1,3 @@
-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 _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 _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; }
-
 /*
 Copyright (c) Uber Technologies, Inc.
 
@@ -11,7 +5,6 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 import { styled } from '../styles/index.js';
-import { getSvgStyles } from '../icon/styled-components.js';
 import { SIZE } from './constants.js';
 var spin = {
   from: {
@@ -21,38 +14,7 @@ var spin = {
     transform: 'rotate(360deg)'
   }
 };
-/**
- * Spinner icon overrides
- */
-
-export var Svg = styled('svg', function (props) {
-  var $theme = props.$theme,
-      $color = props.$color;
-  return _objectSpread(_objectSpread({}, getSvgStyles(props)), {}, {
-    fill: $color || $theme.colors.accent,
-    cursor: 'wait',
-    animationName: spin,
-    animationDuration: $theme.animation.timing1000,
-    animationIterationCount: 'infinite',
-    animationTimingFunction: 'linear'
-  });
-});
-Svg.displayName = "Svg";
-export var StyledTrackPath = styled('path', function (props) {
-  return {
-    fill: props.$theme.colors.spinnerTrackFill,
-    opacity: 0.16
-  };
-});
-StyledTrackPath.displayName = "StyledTrackPath";
-export var StyledActivePath = styled('path', function (props) {
-  return {
-    fill: props.$color || props.$theme.colors.accent
-  };
-}); // TODO(v11): Replace Spinner with SpinnerNext
-
-StyledActivePath.displayName = "StyledActivePath";
-export var StyledSpinnerNext = styled('i', function (_ref) {
+export var StyledSpinner = styled('i', function (_ref) {
   var $theme = _ref.$theme,
       _ref$$color = _ref.$color,
       $color = _ref$$color === void 0 ? $theme.colors.contentAccent : _ref$$color,
@@ -110,4 +72,4 @@ export var StyledSpinnerNext = styled('i', function (_ref) {
     cursor: 'wait'
   };
 });
-StyledSpinnerNext.displayName = "StyledSpinnerNext";
+StyledSpinner.displayName = "StyledSpinner";

package/esm/table/filter.js

@@ -79,19 +79,19 @@ export default function Filter(props) {
         ,
         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,
+        kind: KIND.tertiary,
         size: SIZE.compact,
         onClick: function onClick() {
           onSelectAll();
         }
       }, "Select All"), /*#__PURE__*/React.createElement(Button, {
-        kind: KIND.minimal,
+        kind: KIND.tertiary,
         size: SIZE.compact,
         onClick: function onClick() {
           onReset();
         }
       }, "Reset"), props.hasCloseButton && /*#__PURE__*/React.createElement(Button, {
-        kind: KIND.minimal,
+        kind: KIND.tertiary,
         size: SIZE.compact,
         onClick: close
       }, "Close")));

package/esm/tag/styled-components.js

@@ -241,7 +241,7 @@ var customColorStates = (_customColorStates = {}, _defineProperty(_customColorSt
   return {
     color: customOnRamp(color, theme.colors.tagFontDisabledRampUnit),
     backgroundColor: null,
-    borderColor: customOnRamp(color, theme.colors.tagOutlinedDisabledRampUnit)
+    borderColor: customOnRamp(color, theme.colors.tagSolidDisabledRampUnit)
   };
 }), _defineProperty(_customColorStates, COLOR_STATE.solid, function (theme, color) {
   return {