baseui 10.12.1 → 11.0.0

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

@@ -1002,14 +1002,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

@@ -102,10 +102,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
     };
   }

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 {

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

@@ -42,14 +42,6 @@ export default (function () {
     buttonTertiaryDisabledActiveText: themePrimitives.mono300,
     buttonTertiarySpinnerForeground: themePrimitives.primary50,
     buttonTertiarySpinnerBackground: themePrimitives.primary500,
-    buttonMinimalFill: 'transparent',
-    buttonMinimalText: themePrimitives.primary,
-    buttonMinimalHover: themePrimitives.primary700,
-    buttonMinimalActive: themePrimitives.primary600,
-    buttonMinimalSelectedText: themePrimitives.primary,
-    buttonMinimalSelectedFill: themePrimitives.primary600,
-    buttonMinimalSpinnerForeground: themePrimitives.primary50,
-    buttonMinimalSpinnerBackground: themePrimitives.primary500,
     buttonDisabledFill: themePrimitives.mono600,
     buttonDisabledText: themePrimitives.mono300,
     buttonDisabledActiveFill: themePrimitives.mono200,
@@ -60,12 +52,6 @@ export default (function () {
     breadcrumbsText: themePrimitives.mono100,
     breadcrumbsSeparatorFill: themePrimitives.mono200,
     // Datepicker
-    datepickerBackground: themePrimitives.mono600,
-    datepickerDayFont: themePrimitives.white,
-    datepickerDayFontDisabled: themePrimitives.mono100,
-    datepickerDayPseudoSelected: themePrimitives.mono500,
-    datepickerDayPseudoHighlighted: themePrimitives.mono600,
-    // Calendar
     calendarBackground: themePrimitives.mono800,
     calendarForeground: themePrimitives.white,
     calendarForegroundDisabled: themePrimitives.mono300,
@@ -73,7 +59,6 @@ export default (function () {
     calendarHeaderForeground: themePrimitives.primary,
     calendarHeaderBackgroundActive: themePrimitives.primary600,
     calendarHeaderForegroundDisabled: themePrimitives.primary500,
-    calendarDayBackgroundPseudoSelected: themePrimitives.primary700,
     calendarDayForegroundPseudoSelected: themePrimitives.primary,
     calendarDayBackgroundPseudoSelectedHighlighted: themePrimitives.primary600,
     calendarDayForegroundPseudoSelectedHighlighted: themePrimitives.primary,
@@ -98,21 +83,16 @@ export default (function () {
     // List
     listHeaderFill: themePrimitives.mono600,
     listBodyFill: themePrimitives.mono800,
-    listIconFill: themePrimitives.mono100,
-    listBorder: themePrimitives.mono500,
     // ProgressSteps
     progressStepsCompletedText: themePrimitives.black,
     progressStepsCompletedFill: themePrimitives.primary,
     progressStepsActiveText: themePrimitives.black,
     progressStepsActiveFill: themePrimitives.primary,
-    progressStepsIconActiveFill: themePrimitives.primary,
     // Modal
     modalCloseColor: themePrimitives.mono300,
     modalCloseColorHover: themePrimitives.mono400,
     modalCloseColorFocus: themePrimitives.mono400,
     // Notification
-    notificationPrimaryBackground: themePrimitives.primary700,
-    notificationPrimaryText: themePrimitives.primaryA,
     notificationInfoBackground: themePrimitives.accent700,
     notificationInfoText: themePrimitives.primaryA,
     notificationPositiveBackground: themePrimitives.positive700,
@@ -124,7 +104,6 @@ export default (function () {
     // Tag
     // Custom ramps
     tagFontDisabledRampUnit: '600',
-    tagOutlinedDisabledRampUnit: '700',
     tagSolidFontRampUnit: '0',
     tagSolidRampUnit: '500',
     tagOutlinedFontRampUnit: '500',
@@ -137,7 +116,6 @@ export default (function () {
     tagLightRampUnit: '700',
     tagLightHoverRampUnit: '700',
     tagLightActiveRampUnit: '600',
-    tagLightDisabledRampUnit: '700',
     tagLightFontRampUnit: '100',
     tagLightFontHoverRampUnit: '100',
     tagOutlinedActiveRampUnit: '300',
@@ -280,7 +258,6 @@ export default (function () {
     tableFilterFooterBackground: themePrimitives.mono800,
     // Toast
     toastText: themePrimitives.white,
-    toastPrimaryBackground: themePrimitives.primary400,
     toastPrimaryText: themePrimitives.white,
     toastInfoBackground: themePrimitives.accent400,
     toastInfoText: themePrimitives.white,
@@ -320,23 +297,12 @@ export default (function () {
     sliderHandleFill: themePrimitives.primaryA,
     sliderHandleFillDisabled: themePrimitives.primary500,
     sliderHandleInnerFill: themePrimitives.primaryA,
-    sliderHandleFillHover: themePrimitives.mono300,
-    sliderHandleFillActive: themePrimitives.mono300,
-    sliderHandleFillSelected: themePrimitives.primary500,
-    sliderHandleFillSelectedHover: themePrimitives.primary600,
-    sliderHandleFillSelectedActive: themePrimitives.primary700,
     sliderTrackFillHover: themePrimitives.mono500,
     sliderTrackFillActive: themePrimitives.mono400,
-    sliderTrackFillSelected: themePrimitives.primary500,
-    sliderTrackFillSelectedActive: themePrimitives.primary600,
-    sliderTrackFillSelectedHover: themePrimitives.primary700,
     sliderTrackFillDisabled: themePrimitives.mono700,
     sliderHandleInnerFillDisabled: themePrimitives.mono500,
     sliderHandleInnerFillSelectedHover: themePrimitives.primary600,
     sliderHandleInnerFillSelectedActive: themePrimitives.primary700,
-    sliderBorder: themePrimitives.white,
-    sliderBorderHover: themePrimitives.white,
-    sliderBorderDisabled: themePrimitives.mono400,
     // Input
     inputBorder: themePrimitives.mono600,
     inputFill: themePrimitives.mono600,
@@ -359,10 +325,6 @@ export default (function () {
     menuFontDisabled: themePrimitives.mono400,
     menuFontHighlighted: themePrimitives.white,
     menuFontSelected: themePrimitives.white,
-    // Pagination
-    paginationTriangleDown: themePrimitives.mono100,
-    // Header navigation
-    headerNavigationFill: themePrimitives.mono700,
     // Tab
     tabBarFill: themePrimitives.mono1000,
     tabColor: themePrimitives.mono300,

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

@@ -74,8 +74,6 @@ export var darkColorTokens = {
   mono900: '#111111',
   mono1000: colors.black,
   // Rating Palette,
-  rating200: colors.yellow200,
-  rating400: colors.yellow400,
   ratingInactiveFill: colors.gray500,
   ratingStroke: colors.gray700
 };

package/esm/themes/dark-theme/create-dark-theme.js

@@ -20,7 +20,6 @@ import breakpoints from '../shared/breakpoints.js';
 import deepMerge from '../../utils/deep-merge.js';
 import defaultColorTokens from './color-tokens.js';
 import getComponentColorTokens from './color-component-tokens.js';
-import getDeprecatedSemanticColorTokens from './color-deprecated-semantic-tokens.js';
 import getSemanticColorTokens from './color-semantic-tokens.js';
 import getTypography from '../shared/typography.js';
 import grid from '../shared/grid.js';
@@ -43,7 +42,7 @@ export default function createDarkTheme() {
     animation: animation,
     borders: borders,
     breakpoints: breakpoints,
-    colors: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, colorTokens), getComponentColorTokens(colorTokens)), getDeprecatedSemanticColorTokens(colorTokens)), getSemanticColorTokens(colorTokens)),
+    colors: _objectSpread(_objectSpread(_objectSpread({}, colorTokens), getComponentColorTokens(colorTokens)), getSemanticColorTokens(colorTokens)),
     direction: 'auto',
     grid: grid,
     lighting: lighting,

package/esm/themes/dark-theme/dark-theme.js

@@ -13,7 +13,6 @@ LICENSE file in the root directory of this source tree.
 import colorTokens from './color-tokens.js';
 import getSemanticColorTokens from './color-semantic-tokens.js';
 import getComponentColorTokens from './color-component-tokens.js';
-import getDeprecatedSemanticColorTokens from './color-deprecated-semantic-tokens.js';
 import borders from './borders.js';
 import lighting from '../shared/lighting.js';
 import getTypography from '../shared/typography.js';
@@ -24,7 +23,7 @@ import mediaQuery from '../shared/media-query.js';
 import sizing from '../shared/sizing.js';
 export var DarkTheme = {
   name: 'dark-theme',
-  colors: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, colorTokens), getComponentColorTokens()), getDeprecatedSemanticColorTokens()), getSemanticColorTokens()),
+  colors: _objectSpread(_objectSpread(_objectSpread({}, colorTokens), getComponentColorTokens()), getSemanticColorTokens()),
   animation: animation,
   breakpoints: breakpoints,
   borders: borders,

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

@@ -42,14 +42,6 @@ export default (function () {
     buttonTertiaryDisabledActiveText: themePrimitives.mono600,
     buttonTertiarySpinnerForeground: themePrimitives.accent,
     buttonTertiarySpinnerBackground: themePrimitives.primary100,
-    buttonMinimalFill: 'transparent',
-    buttonMinimalText: themePrimitives.primary,
-    buttonMinimalHover: themePrimitives.primary50,
-    buttonMinimalActive: themePrimitives.primary100,
-    buttonMinimalSelectedFill: themePrimitives.primary100,
-    buttonMinimalSelectedText: themePrimitives.primary,
-    buttonMinimalSpinnerForeground: themePrimitives.accent,
-    buttonMinimalSpinnerBackground: themePrimitives.primary100,
     buttonDisabledFill: themePrimitives.mono200,
     buttonDisabledText: themePrimitives.mono600,
     buttonDisabledActiveFill: themePrimitives.mono700,
@@ -60,12 +52,6 @@ export default (function () {
     breadcrumbsText: themePrimitives.mono900,
     breadcrumbsSeparatorFill: themePrimitives.mono700,
     // Datepicker
-    datepickerBackground: themePrimitives.mono100,
-    datepickerDayFont: themePrimitives.mono1000,
-    datepickerDayFontDisabled: themePrimitives.mono500,
-    datepickerDayPseudoSelected: themePrimitives.primary100,
-    datepickerDayPseudoHighlighted: themePrimitives.primary200,
-    // Calendar
     calendarBackground: themePrimitives.mono100,
     calendarForeground: themePrimitives.mono1000,
     calendarForegroundDisabled: themePrimitives.mono500,
@@ -73,7 +59,6 @@ export default (function () {
     calendarHeaderForeground: themePrimitives.primary,
     calendarHeaderBackgroundActive: themePrimitives.primary700,
     calendarHeaderForegroundDisabled: themePrimitives.primary500,
-    calendarDayBackgroundPseudoSelected: themePrimitives.primary100,
     calendarDayForegroundPseudoSelected: themePrimitives.mono1000,
     calendarDayBackgroundPseudoSelectedHighlighted: themePrimitives.primary200,
     calendarDayForegroundPseudoSelectedHighlighted: themePrimitives.mono1000,
@@ -98,14 +83,11 @@ export default (function () {
     // List
     listHeaderFill: themePrimitives.white,
     listBodyFill: themePrimitives.white,
-    listIconFill: themePrimitives.mono500,
-    listBorder: themePrimitives.mono500,
     // ProgressSteps
     progressStepsCompletedText: themePrimitives.white,
     progressStepsCompletedFill: themePrimitives.primary,
     progressStepsActiveText: themePrimitives.white,
     progressStepsActiveFill: themePrimitives.primary,
-    progressStepsIconActiveFill: themePrimitives.primary,
     // Toggle
     toggleFill: themePrimitives.white,
     toggleFillChecked: themePrimitives.primary,
@@ -138,21 +120,10 @@ export default (function () {
     sliderHandleInnerFill: themePrimitives.primaryA,
     sliderTrackFillHover: themePrimitives.mono500,
     sliderTrackFillActive: themePrimitives.mono600,
-    sliderTrackFillSelected: themePrimitives.primary,
-    sliderTrackFillSelectedHover: themePrimitives.primary,
-    sliderTrackFillSelectedActive: themePrimitives.primary500,
     sliderTrackFillDisabled: themePrimitives.mono300,
-    sliderHandleFillHover: themePrimitives.white,
-    sliderHandleFillActive: themePrimitives.white,
-    sliderHandleFillSelected: themePrimitives.white,
-    sliderHandleFillSelectedHover: themePrimitives.white,
-    sliderHandleFillSelectedActive: themePrimitives.white,
     sliderHandleInnerFillDisabled: themePrimitives.mono400,
     sliderHandleInnerFillSelectedHover: themePrimitives.primary,
     sliderHandleInnerFillSelectedActive: themePrimitives.primary500,
-    sliderBorder: themePrimitives.mono500,
-    sliderBorderHover: themePrimitives.primary,
-    sliderBorderDisabled: themePrimitives.mono600,
     // Inputs
     inputBorder: themePrimitives.mono300,
     inputFill: themePrimitives.mono300,
@@ -179,16 +150,10 @@ export default (function () {
     modalCloseColor: themePrimitives.mono1000,
     modalCloseColorHover: themePrimitives.mono800,
     modalCloseColorFocus: themePrimitives.mono800,
-    // Pagination
-    paginationTriangleDown: themePrimitives.mono800,
-    // Header navigation
-    headerNavigationFill: 'transparent',
     // Tab
     tabBarFill: themePrimitives.mono200,
     tabColor: themePrimitives.mono800,
     // Notification
-    notificationPrimaryBackground: themePrimitives.primary50,
-    notificationPrimaryText: themePrimitives.primaryA,
     notificationInfoBackground: themePrimitives.accent50,
     notificationInfoText: themePrimitives.primaryA,
     notificationPositiveBackground: themePrimitives.positive50,
@@ -200,7 +165,6 @@ export default (function () {
     // Tag
     // Custom ramps
     tagFontDisabledRampUnit: '100',
-    tagOutlinedDisabledRampUnit: '200',
     tagSolidFontRampUnit: '0',
     tagSolidRampUnit: '400',
     tagOutlinedFontRampUnit: '400',
@@ -213,7 +177,6 @@ export default (function () {
     tagLightRampUnit: '50',
     tagLightHoverRampUnit: '100',
     tagLightActiveRampUnit: '100',
-    tagLightDisabledRampUnit: '50',
     tagLightFontRampUnit: '500',
     tagLightFontHoverRampUnit: '500',
     tagOutlinedHoverRampUnit: '50',
@@ -355,7 +318,6 @@ export default (function () {
     tableFilterFooterBackground: themePrimitives.mono200,
     // Toast
     toastText: themePrimitives.white,
-    toastPrimaryBackground: themePrimitives.primary400,
     toastPrimaryText: themePrimitives.white,
     toastInfoBackground: themePrimitives.accent400,
     toastInfoText: themePrimitives.white,

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

@@ -73,8 +73,6 @@ var lightColorTokens = {
   mono900: colors.gray700,
   mono1000: colors.black,
   // Rating Palette,
-  rating200: colors.yellow200,
-  rating400: colors.yellow400,
   ratingInactiveFill: colors.gray100,
   ratingStroke: colors.gray300
 };

package/esm/themes/light-theme/create-light-theme.js

@@ -20,7 +20,6 @@ import breakpoints from '../shared/breakpoints.js';
 import deepMerge from '../../utils/deep-merge.js';
 import defaultColorTokens from './color-tokens.js';
 import getComponentColorTokens from './color-component-tokens.js';
-import getDeprecatedSemanticColorTokens from './color-deprecated-semantic-tokens.js';
 import getSemanticColorTokens from './color-semantic-tokens.js';
 import getTypography from '../shared/typography.js';
 import grid from '../shared/grid.js';
@@ -43,7 +42,7 @@ export default function createLightTheme() {
     animation: animation,
     borders: borders,
     breakpoints: breakpoints,
-    colors: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, colorTokens), getComponentColorTokens(colorTokens)), getDeprecatedSemanticColorTokens(colorTokens)), getSemanticColorTokens(colorTokens)),
+    colors: _objectSpread(_objectSpread(_objectSpread({}, colorTokens), getComponentColorTokens(colorTokens)), getSemanticColorTokens(colorTokens)),
     direction: 'auto',
     grid: grid,
     lighting: lighting,

package/esm/themes/light-theme/light-theme.js

@@ -13,7 +13,6 @@ LICENSE file in the root directory of this source tree.
 import colorTokens from './color-tokens.js';
 import getSemanticColorTokens from './color-semantic-tokens.js';
 import getComponentColorTokens from './color-component-tokens.js';
-import getDeprecatedSemanticColorTokens from './color-deprecated-semantic-tokens.js';
 import borders from '../shared/borders.js';
 import lighting from '../shared/lighting.js';
 import getTypography from '../shared/typography.js';
@@ -24,7 +23,7 @@ import mediaQuery from '../shared/media-query.js';
 import sizing from '../shared/sizing.js';
 export var LightTheme = {
   name: 'light-theme',
-  colors: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, colorTokens), getComponentColorTokens()), getDeprecatedSemanticColorTokens()), getSemanticColorTokens()),
+  colors: _objectSpread(_objectSpread(_objectSpread({}, colorTokens), getComponentColorTokens()), getSemanticColorTokens()),
   animation: animation,
   breakpoints: breakpoints,
   borders: borders,

package/esm/timepicker/timepicker.js

@@ -377,14 +377,7 @@ var TimePicker = /*#__PURE__*/function (_React$Component) {
       }, selectProps.overrides);
       var value = this.props.value && adapter.isValid(this.props.value) ? this.buildSelectedOption(this.props.value, this.props.format) : this.state.value;
       return /*#__PURE__*/React.createElement(LocaleContext.Consumer, null, function (locale) {
-        var ariaLabel;
-
-        if (locale.datepicker.timePickerAriaLabel) {
-          ariaLabel = locale.datepicker.timePickerAriaLabel;
-        } else {
-          ariaLabel = format === '12' ? locale.datepicker.timePickerAriaLabel12Hour : locale.datepicker.timePickerAriaLabel24Hour;
-        }
-
+        var ariaLabel = format === '12' ? locale.datepicker.timePickerAriaLabel12Hour : locale.datepicker.timePickerAriaLabel24Hour;
         return /*#__PURE__*/React.createElement(OverriddenSelect, _extends({
           "aria-label": ariaLabel,
           disabled: _this2.props.disabled,

package/esm/typography/index.js

@@ -531,38 +531,4 @@ export var MonoParagraphXSmall = /*#__PURE__*/React.forwardRef(function (props,
     }))
   );
 });
-MonoParagraphXSmall.displayName = 'MonoParagraphXSmall'; // TODO(v11): remove
-// Aliases for backwards compatibility
-
-export var Display = DisplayLarge;
-export var Display1 = DisplayLarge;
-export var Display2 = DisplayMedium;
-export var Display3 = DisplaySmall;
-export var Display4 = DisplayXSmall;
-export var H1 = HeadingXXLarge;
-export var H2 = HeadingXLarge;
-export var H3 = HeadingLarge;
-export var H4 = HeadingMedium;
-export var H5 = HeadingSmall;
-export var H6 = HeadingXSmall;
-export var Paragraph1 = ParagraphLarge;
-export var Paragraph2 = ParagraphMedium;
-export var Paragraph3 = ParagraphSmall;
-export var Paragraph4 = ParagraphXSmall;
-export var Label1 = LabelLarge;
-export var Label2 = LabelMedium;
-export var Label3 = LabelSmall;
-export var Label4 = LabelXSmall;
-export var Caption1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(Paragraph4, _extends({}, props, {
-    color: props.color || 'contentSecondary',
-    ref: ref
-  }));
-});
-Caption1.displayName = 'Caption1';
-export var Caption2 = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(Label4, _extends({}, props, {
-    color: props.color || 'contentSecondary'
-  }));
-});
-Caption2.displayName = 'Caption2';
+MonoParagraphXSmall.displayName = 'MonoParagraphXSmall';

package/file-uploader/file-uploader.js

@@ -105,7 +105,7 @@ function FileUploader(props) {
       ButtonComponent = _getOverrides14[0],
       buttonProps = _getOverrides14[1];
 
-  var _getOverrides15 = (0, _overrides.getOverrides)(overrides.Spinner, _index5.StyledSpinnerNext),
+  var _getOverrides15 = (0, _overrides.getOverrides)(overrides.Spinner, _index5.Spinner),
       _getOverrides16 = _slicedToArray(_getOverrides15, 2),
       SpinnerComponent = _getOverrides16[0],
       spinnerProps = _getOverrides16[1];
@@ -170,7 +170,7 @@ function FileUploader(props) {
           marginBottom: theme.sizing.scale300
         }
       }, spinnerProps)), (props.errorMessage || props.progressMessage) && props.errorMessage ? /*#__PURE__*/React.createElement(ErrorMessage, _extends({}, prefixedStyledProps, errorMessageProps), props.errorMessage) : /*#__PURE__*/React.createElement(ContentMessage, _extends({}, prefixedStyledProps, contentMessageProps), props.progressMessage), props.errorMessage ? /*#__PURE__*/React.createElement(ButtonComponent, {
-        kind: _index3.KIND.minimal,
+        kind: _index3.KIND.tertiary,
         onClick: function onClick() {
           props.onRetry && props.onRetry();
         },
@@ -178,7 +178,7 @@ function FileUploader(props) {
         "aria-describedby": props['aria-describedby'],
         "aria-errormessage": props.errorMessage
       }, locale.fileuploader.retry) : /*#__PURE__*/React.createElement(ButtonComponent, {
-        kind: _index3.KIND.minimal,
+        kind: _index3.KIND.tertiary,
         onClick: function onClick() {
           props.onCancel && props.onCancel();
         },

package/file-uploader/file-uploader.js.flow

@@ -14,7 +14,7 @@ import { useStyletron } from '../styles/index.js';
 import { Button, KIND, SHAPE, SIZE as BUTTON_SIZE } from '../button/index.js';
 import { getOverrides } from '../helpers/overrides.js';
 import { ProgressBar } from '../progress-bar/index.js';
-import { StyledSpinnerNext, SIZE as SPINNER_SIZE } from '../spinner/index.js';
+import { Spinner, SIZE as SPINNER_SIZE } from '../spinner/index.js';
 
 import {
   StyledRoot,
@@ -58,7 +58,7 @@ function FileUploader(props: PropsT) {
   const [HiddenInput, hiddenInputProps] = getOverrides(overrides.HiddenInput, StyledHiddenInput);
   const [ButtonComponent, buttonProps] = getOverrides(overrides.ButtonComponent, Button);
 
-  const [SpinnerComponent, spinnerProps] = getOverrides(overrides.Spinner, StyledSpinnerNext);
+  const [SpinnerComponent, spinnerProps] = getOverrides(overrides.Spinner, Spinner);
 
   const afterFileDrop = !!(props.progressAmount || props.progressMessage || props.errorMessage);
 
@@ -160,7 +160,7 @@ function FileUploader(props: PropsT) {
                       )}
                       {props.errorMessage ? (
                         <ButtonComponent
-                          kind={KIND.minimal}
+                          kind={KIND.tertiary}
                           onClick={() => {
                             props.onRetry && props.onRetry();
                           }}
@@ -172,7 +172,7 @@ function FileUploader(props: PropsT) {
                         </ButtonComponent>
                       ) : (
                         <ButtonComponent
-                          kind={KIND.minimal}
+                          kind={KIND.tertiary}
                           onClick={() => {
                             props.onCancel && props.onCancel();
                           }}