baseui 10.12.0 → 11.0.1

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

@@ -46,15 +46,6 @@ export default (themePrimitives: ColorTokensT = colorTokens): ComponentColorToke
   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,
@@ -67,13 +58,6 @@ export default (themePrimitives: ColorTokensT = colorTokens): ComponentColorToke
   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,
@@ -81,7 +65,6 @@ export default (themePrimitives: ColorTokensT = colorTokens): ComponentColorToke
   calendarHeaderForeground: themePrimitives.primary,
   calendarHeaderBackgroundActive: themePrimitives.primary600,
   calendarHeaderForegroundDisabled: themePrimitives.primary500,
-  calendarDayBackgroundPseudoSelected: themePrimitives.primary700,
   calendarDayForegroundPseudoSelected: themePrimitives.primary,
   calendarDayBackgroundPseudoSelectedHighlighted: themePrimitives.primary600,
   calendarDayForegroundPseudoSelectedHighlighted: themePrimitives.primary,
@@ -110,15 +93,12 @@ export default (themePrimitives: ColorTokensT = colorTokens): ComponentColorToke
   // 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,
@@ -126,8 +106,6 @@ export default (themePrimitives: ColorTokensT = colorTokens): ComponentColorToke
   modalCloseColorFocus: themePrimitives.mono400,
 
   // Notification
-  notificationPrimaryBackground: themePrimitives.primary700,
-  notificationPrimaryText: themePrimitives.primaryA,
   notificationInfoBackground: themePrimitives.accent700,
   notificationInfoText: themePrimitives.primaryA,
   notificationPositiveBackground: themePrimitives.positive700,
@@ -141,7 +119,6 @@ export default (themePrimitives: ColorTokensT = colorTokens): ComponentColorToke
 
   // Custom ramps
   tagFontDisabledRampUnit: '600',
-  tagOutlinedDisabledRampUnit: '700',
   tagSolidFontRampUnit: '0',
   tagSolidRampUnit: '500',
   tagOutlinedFontRampUnit: '500',
@@ -154,7 +131,6 @@ export default (themePrimitives: ColorTokensT = colorTokens): ComponentColorToke
   tagLightRampUnit: '700',
   tagLightHoverRampUnit: '700',
   tagLightActiveRampUnit: '600',
-  tagLightDisabledRampUnit: '700',
   tagLightFontRampUnit: '100',
   tagLightFontHoverRampUnit: '100',
   tagOutlinedActiveRampUnit: '300',
@@ -304,7 +280,6 @@ export default (themePrimitives: ColorTokensT = colorTokens): ComponentColorToke
 
   // Toast
   toastText: themePrimitives.white,
-  toastPrimaryBackground: themePrimitives.primary400,
   toastPrimaryText: themePrimitives.white,
   toastInfoBackground: themePrimitives.accent400,
   toastInfoText: themePrimitives.white,
@@ -354,23 +329,12 @@ export default (themePrimitives: ColorTokensT = colorTokens): ComponentColorToke
   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,
@@ -396,12 +360,6 @@ export default (themePrimitives: ColorTokensT = colorTokens): ComponentColorToke
   menuFontHighlighted: themePrimitives.white,
   menuFontSelected: themePrimitives.white,
 
-  // Pagination
-  paginationTriangleDown: themePrimitives.mono100,
-
-  // Header navigation
-  headerNavigationFill: themePrimitives.mono700,
-
   // Tab
   tabBarFill: themePrimitives.mono1000,
   tabColor: themePrimitives.mono300,

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

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

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

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

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,