baseui 10.11.1 → 11.0.0

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

@@ -17,8 +17,6 @@ var _colorTokens = _interopRequireDefault(require("./color-tokens.js"));
 
 var _colorComponentTokens = _interopRequireDefault(require("./color-component-tokens.js"));
 
-var _colorDeprecatedSemanticTokens = _interopRequireDefault(require("./color-deprecated-semantic-tokens.js"));
-
 var _colorSemanticTokens = _interopRequireDefault(require("./color-semantic-tokens.js"));
 
 var _typography = _interopRequireDefault(require("../shared/typography.js"));
@@ -59,7 +57,7 @@ function createDarkTheme() {
     animation: _animation.default,
     borders: _borders.default,
     breakpoints: _breakpoints.default,
-    colors: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, colorTokens), (0, _colorComponentTokens.default)(colorTokens)), (0, _colorDeprecatedSemanticTokens.default)(colorTokens)), (0, _colorSemanticTokens.default)(colorTokens)),
+    colors: _objectSpread(_objectSpread(_objectSpread({}, colorTokens), (0, _colorComponentTokens.default)(colorTokens)), (0, _colorSemanticTokens.default)(colorTokens)),
     direction: 'auto',
     grid: _grid.default,
     lighting: _lighting.default,

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

@@ -12,7 +12,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,6 @@ export default function createDarkTheme(
     colors: {
       ...colorTokens,
       ...getComponentColorTokens(colorTokens),
-      ...getDeprecatedSemanticColorTokens(colorTokens),
       ...getSemanticColorTokens(colorTokens),
     },
     direction: 'auto',

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

@@ -11,8 +11,6 @@ var _colorSemanticTokens = _interopRequireDefault(require("./color-semantic-toke
 
 var _colorComponentTokens = _interopRequireDefault(require("./color-component-tokens.js"));
 
-var _colorDeprecatedSemanticTokens = _interopRequireDefault(require("./color-deprecated-semantic-tokens.js"));
-
 var _borders = _interopRequireDefault(require("./borders.js"));
 
 var _lighting = _interopRequireDefault(require("../shared/lighting.js"));
@@ -39,7 +37,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 var DarkTheme = {
   name: 'dark-theme',
-  colors: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _colorTokens.default), (0, _colorComponentTokens.default)()), (0, _colorDeprecatedSemanticTokens.default)()), (0, _colorSemanticTokens.default)()),
+  colors: _objectSpread(_objectSpread(_objectSpread({}, _colorTokens.default), (0, _colorComponentTokens.default)()), (0, _colorSemanticTokens.default)()),
   animation: _animation.default,
   breakpoints: _breakpoints.default,
   borders: _borders.default,

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

@@ -8,7 +8,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';
@@ -25,7 +24,6 @@ export const DarkTheme: ThemeT = {
   colors: {
     ...colorTokens,
     ...getComponentColorTokens(),
-    ...getDeprecatedSemanticColorTokens(),
     ...getSemanticColorTokens(),
   },
   animation,

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

@@ -52,14 +52,6 @@ var _default = function _default() {
     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,
@@ -70,12 +62,6 @@ var _default = function _default() {
     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,
@@ -83,7 +69,6 @@ var _default = function _default() {
     calendarHeaderForeground: themePrimitives.primary,
     calendarHeaderBackgroundActive: themePrimitives.primary700,
     calendarHeaderForegroundDisabled: themePrimitives.primary500,
-    calendarDayBackgroundPseudoSelected: themePrimitives.primary100,
     calendarDayForegroundPseudoSelected: themePrimitives.mono1000,
     calendarDayBackgroundPseudoSelectedHighlighted: themePrimitives.primary200,
     calendarDayForegroundPseudoSelectedHighlighted: themePrimitives.mono1000,
@@ -108,14 +93,11 @@ var _default = function _default() {
     // 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,
@@ -148,21 +130,10 @@ var _default = function _default() {
     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,
@@ -189,16 +160,10 @@ var _default = function _default() {
     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,
@@ -210,7 +175,6 @@ var _default = function _default() {
     // Tag
     // Custom ramps
     tagFontDisabledRampUnit: '100',
-    tagOutlinedDisabledRampUnit: '200',
     tagSolidFontRampUnit: '0',
     tagSolidRampUnit: '400',
     tagOutlinedFontRampUnit: '400',
@@ -223,7 +187,6 @@ var _default = function _default() {
     tagLightRampUnit: '50',
     tagLightHoverRampUnit: '100',
     tagLightActiveRampUnit: '100',
-    tagLightDisabledRampUnit: '50',
     tagLightFontRampUnit: '500',
     tagLightFontHoverRampUnit: '500',
     tagOutlinedHoverRampUnit: '50',
@@ -365,7 +328,6 @@ var _default = function _default() {
     tableFilterFooterBackground: themePrimitives.mono200,
     // Toast
     toastText: themePrimitives.white,
-    toastPrimaryBackground: themePrimitives.primary400,
     toastPrimaryText: themePrimitives.white,
     toastInfoBackground: themePrimitives.accent400,
     toastInfoText: themePrimitives.white,

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

@@ -46,15 +46,6 @@ export default (themePrimitives: ColorTokensT = colorTokens): ComponentColorToke
   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,
@@ -67,13 +58,6 @@ export default (themePrimitives: ColorTokensT = colorTokens): ComponentColorToke
   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,
@@ -81,7 +65,6 @@ export default (themePrimitives: ColorTokensT = colorTokens): ComponentColorToke
   calendarHeaderForeground: themePrimitives.primary,
   calendarHeaderBackgroundActive: themePrimitives.primary700,
   calendarHeaderForegroundDisabled: themePrimitives.primary500,
-  calendarDayBackgroundPseudoSelected: themePrimitives.primary100,
   calendarDayForegroundPseudoSelected: themePrimitives.mono1000,
   calendarDayBackgroundPseudoSelectedHighlighted: themePrimitives.primary200,
   calendarDayForegroundPseudoSelectedHighlighted: themePrimitives.mono1000,
@@ -110,15 +93,12 @@ export default (themePrimitives: ColorTokensT = colorTokens): ComponentColorToke
   // 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,
@@ -157,24 +137,12 @@ export default (themePrimitives: ColorTokensT = colorTokens): ComponentColorToke
   sliderHandleFill: themePrimitives.primaryA,
   sliderHandleFillDisabled: themePrimitives.primary400,
   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,
@@ -205,19 +173,11 @@ export default (themePrimitives: ColorTokensT = colorTokens): ComponentColorToke
   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,
@@ -231,7 +191,6 @@ export default (themePrimitives: ColorTokensT = colorTokens): ComponentColorToke
 
   // Custom ramps
   tagFontDisabledRampUnit: '100',
-  tagOutlinedDisabledRampUnit: '200',
   tagSolidFontRampUnit: '0',
   tagSolidRampUnit: '400',
   tagOutlinedFontRampUnit: '400',
@@ -244,7 +203,6 @@ export default (themePrimitives: ColorTokensT = colorTokens): ComponentColorToke
   tagLightRampUnit: '50',
   tagLightHoverRampUnit: '100',
   tagLightActiveRampUnit: '100',
-  tagLightDisabledRampUnit: '50',
   tagLightFontRampUnit: '500',
   tagLightFontHoverRampUnit: '500',
   tagOutlinedHoverRampUnit: '50',
@@ -394,7 +352,6 @@ export default (themePrimitives: ColorTokensT = colorTokens): ComponentColorToke
 
   // Toast
   toastText: themePrimitives.white,
-  toastPrimaryBackground: themePrimitives.primary400,
   toastPrimaryText: themePrimitives.white,
   toastInfoBackground: themePrimitives.accent400,
   toastInfoText: themePrimitives.white,

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

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

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

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

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

@@ -17,8 +17,6 @@ var _colorTokens = _interopRequireDefault(require("./color-tokens.js"));
 
 var _colorComponentTokens = _interopRequireDefault(require("./color-component-tokens.js"));
 
-var _colorDeprecatedSemanticTokens = _interopRequireDefault(require("./color-deprecated-semantic-tokens.js"));
-
 var _colorSemanticTokens = _interopRequireDefault(require("./color-semantic-tokens.js"));
 
 var _typography = _interopRequireDefault(require("../shared/typography.js"));
@@ -59,7 +57,7 @@ function createLightTheme() {
     animation: _animation.default,
     borders: _borders.default,
     breakpoints: _breakpoints.default,
-    colors: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, colorTokens), (0, _colorComponentTokens.default)(colorTokens)), (0, _colorDeprecatedSemanticTokens.default)(colorTokens)), (0, _colorSemanticTokens.default)(colorTokens)),
+    colors: _objectSpread(_objectSpread(_objectSpread({}, colorTokens), (0, _colorComponentTokens.default)(colorTokens)), (0, _colorSemanticTokens.default)(colorTokens)),
     direction: 'auto',
     grid: _grid.default,
     lighting: _lighting.default,

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

@@ -12,7 +12,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,6 @@ export default function createLightTheme(
     colors: {
       ...colorTokens,
       ...getComponentColorTokens(colorTokens),
-      ...getDeprecatedSemanticColorTokens(colorTokens),
       ...getSemanticColorTokens(colorTokens),
     },
     direction: 'auto',

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

@@ -11,8 +11,6 @@ var _colorSemanticTokens = _interopRequireDefault(require("./color-semantic-toke
 
 var _colorComponentTokens = _interopRequireDefault(require("./color-component-tokens.js"));
 
-var _colorDeprecatedSemanticTokens = _interopRequireDefault(require("./color-deprecated-semantic-tokens.js"));
-
 var _borders = _interopRequireDefault(require("../shared/borders.js"));
 
 var _lighting = _interopRequireDefault(require("../shared/lighting.js"));
@@ -39,7 +37,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 var LightTheme = {
   name: 'light-theme',
-  colors: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _colorTokens.default), (0, _colorComponentTokens.default)()), (0, _colorDeprecatedSemanticTokens.default)()), (0, _colorSemanticTokens.default)()),
+  colors: _objectSpread(_objectSpread(_objectSpread({}, _colorTokens.default), (0, _colorComponentTokens.default)()), (0, _colorSemanticTokens.default)()),
   animation: _animation.default,
   breakpoints: _breakpoints.default,
   borders: _borders.default,

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

@@ -8,7 +8,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';
@@ -25,7 +24,6 @@ export const LightTheme: ThemeT = {
   colors: {
     ...colorTokens,
     ...getComponentColorTokens(),
-    ...getDeprecatedSemanticColorTokens(),
     ...getSemanticColorTokens(),
   },
   animation,

package/themes/types.js.flow

@@ -94,8 +94,6 @@ export type ColorTokensT = {
   mono1000: string,
 
   // Rating Palette
-  rating200: string,
-  rating400: string,
   ratingInactiveFill: string,
   ratingStroke: string,
 };
@@ -202,14 +200,6 @@ export type ComponentColorTokensT = {|
   buttonTertiaryDisabledActiveText: string,
   buttonTertiarySpinnerForeground: string,
   buttonTertiarySpinnerBackground: string,
-  buttonMinimalFill: string,
-  buttonMinimalText: string,
-  buttonMinimalHover: string,
-  buttonMinimalActive: string,
-  buttonMinimalSelectedText: string,
-  buttonMinimalSelectedFill: string,
-  buttonMinimalSpinnerForeground: string,
-  buttonMinimalSpinnerBackground: string,
   buttonDisabledFill: string,
   buttonDisabledText: string,
   buttonDisabledActiveFill: string,
@@ -222,12 +212,6 @@ export type ComponentColorTokensT = {|
   breadcrumbsSeparatorFill: string,
 
   // Datepicker
-  datepickerBackground: string,
-  datepickerDayFont: string,
-  datepickerDayFontDisabled: string,
-  datepickerDayPseudoSelected: string,
-  datepickerDayPseudoHighlighted: string,
-
   calendarBackground: string,
   calendarForeground: string,
   calendarForegroundDisabled: string,
@@ -235,7 +219,6 @@ export type ComponentColorTokensT = {|
   calendarHeaderForeground: string,
   calendarHeaderBackgroundActive: string,
   calendarHeaderForegroundDisabled: string,
-  calendarDayBackgroundPseudoSelected: string,
   calendarDayForegroundPseudoSelected: string,
   calendarDayBackgroundPseudoSelectedHighlighted: string,
   calendarDayForegroundPseudoSelectedHighlighted: string,
@@ -264,15 +247,12 @@ export type ComponentColorTokensT = {|
   // Lists
   listHeaderFill: string,
   listBodyFill: string,
-  listIconFill: string,
-  listBorder: string,
 
   // ProgressSteps
   progressStepsCompletedText: string,
   progressStepsCompletedFill: string,
   progressStepsActiveText: string,
   progressStepsActiveFill: string,
-  progressStepsIconActiveFill: string,
 
   // Toggle
   toggleFill: string,
@@ -305,24 +285,13 @@ export type ComponentColorTokensT = {|
   sliderTrackFill: string,
   sliderTrackFillHover: string,
   sliderTrackFillActive: string,
-  sliderTrackFillSelected: string,
-  sliderTrackFillSelectedHover: string,
-  sliderTrackFillSelectedActive: string,
   sliderTrackFillDisabled: string,
   sliderHandleFill: string,
-  sliderHandleFillHover: string,
-  sliderHandleFillActive: string,
-  sliderHandleFillSelected: string,
-  sliderHandleFillSelectedHover: string,
-  sliderHandleFillSelectedActive: string,
   sliderHandleFillDisabled: string,
   sliderHandleInnerFill: string,
   sliderHandleInnerFillDisabled: string,
   sliderHandleInnerFillSelectedHover: string,
   sliderHandleInnerFillSelectedActive: string,
-  sliderBorder: string,
-  sliderBorderHover: string,
-  sliderBorderDisabled: string,
 
   // Input
   inputBorder: string,
@@ -341,8 +310,6 @@ export type ComponentColorTokensT = {|
   inputPlaceholderDisabled: string,
 
   // Notification
-  notificationPrimaryBackground: string,
-  notificationPrimaryText: string,
   notificationInfoBackground: string,
   notificationInfoText: string,
   notificationPositiveBackground: string,
@@ -365,12 +332,6 @@ export type ComponentColorTokensT = {|
   modalCloseColorHover: string,
   modalCloseColorFocus: string,
 
-  // Pagination
-  paginationTriangleDown: string,
-
-  // Header navigation
-  headerNavigationFill: string,
-
   // Tab
   tabBarFill: string,
   tabColor: string,
@@ -385,13 +346,11 @@ export type ComponentColorTokensT = {|
   tagLightRampUnit: string,
   tagLightHoverRampUnit: string,
   tagLightActiveRampUnit: string,
-  tagLightDisabledRampUnit: string,
   tagLightFontRampUnit: string,
   tagLightFontHoverRampUnit: string,
   tagOutlinedRampUnit: string,
   tagOutlinedHoverRampUnit: string,
   tagOutlinedActiveRampUnit: string,
-  tagOutlinedDisabledRampUnit: string,
   tagOutlinedFontRampUnit: string,
   tagOutlinedFontHoverRampUnit: string,
   tagFontDisabledRampUnit: string,
@@ -527,7 +486,6 @@ export type ComponentColorTokensT = {|
 
   // Toast
   toastText: string,
-  toastPrimaryBackground: string,
   toastPrimaryText: string,
   toastInfoBackground: string,
   toastInfoText: string,
@@ -549,32 +507,6 @@ export type ComponentColorTokensT = {|
   tooltipText: string,
 |};
 
-export type DeprecatedSemanticColorTokensT = {|
-  // Font Color
-  colorPrimary: string,
-  colorSecondary: string,
-
-  // Background
-  background: string,
-  backgroundAlt: string,
-  backgroundInv: string,
-
-  // Foreground
-  foreground: string,
-  foregroundAlt: string,
-  foregroundInv: string,
-
-  // Borders
-  border: string,
-  borderAlt: string,
-  borderFocus: string,
-  borderError: string,
-
-  // Shadow
-  shadowFocus: string,
-  shadowError: string,
-|};
-
 export type FontTokensT = {|
   primaryFontFamily: string,
 |};

package/timepicker/timepicker.js

@@ -390,14 +390,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(_index.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/timepicker/timepicker.js.flow

@@ -289,16 +289,10 @@ class TimePicker<T = Date> extends React.Component<TimePickerPropsT<T>, TimePick
     return (
       <LocaleContext.Consumer>
         {(locale) => {
-          let ariaLabel;
-
-          if (locale.datepicker.timePickerAriaLabel) {
-            ariaLabel = locale.datepicker.timePickerAriaLabel;
-          } else {
-            ariaLabel =
-              format === '12'
-                ? locale.datepicker.timePickerAriaLabel12Hour
-                : locale.datepicker.timePickerAriaLabel24Hour;
-          }
+          const ariaLabel =
+            format === '12'
+              ? locale.datepicker.timePickerAriaLabel12Hour
+              : locale.datepicker.timePickerAriaLabel24Hour;
 
           return (
             <OverriddenSelect

package/typography/index.d.ts

@@ -37,26 +37,3 @@ export const MonoParagraphLarge: React.FC<BlockProps>;
 export const MonoParagraphMedium: React.FC<BlockProps>;
 export const MonoParagraphSmall: React.FC<BlockProps>;
 export const MonoParagraphXSmall: React.FC<BlockProps>;
-
-// TODO(v11): remove
-export const Caption1: React.FC<BlockProps>;
-export const Caption2: React.FC<BlockProps>;
-export const Display: React.FC<BlockProps>;
-export const Display1: React.FC<BlockProps>;
-export const Display2: React.FC<BlockProps>;
-export const Display3: React.FC<BlockProps>;
-export const Display4: React.FC<BlockProps>;
-export const H1: React.FC<BlockProps>;
-export const H2: React.FC<BlockProps>;
-export const H3: React.FC<BlockProps>;
-export const H4: React.FC<BlockProps>;
-export const H5: React.FC<BlockProps>;
-export const H6: React.FC<BlockProps>;
-export const Label1: React.FC<BlockProps>;
-export const Label2: React.FC<BlockProps>;
-export const Label3: React.FC<BlockProps>;
-export const Label4: React.FC<BlockProps>;
-export const Paragraph1: React.FC<BlockProps>;
-export const Paragraph2: React.FC<BlockProps>;
-export const Paragraph3: React.FC<BlockProps>;
-export const Paragraph4: React.FC<BlockProps>;