baseui 10.12.1 → 11.0.0

package/tag/styled-components.js.flow

@@ -217,7 +217,7 @@ const customColorStates = {
   [COLOR_STATE.disabled]: (theme, color) => ({
     color: customOnRamp(color, theme.colors.tagFontDisabledRampUnit),
     backgroundColor: null,
-    borderColor: customOnRamp(color, theme.colors.tagOutlinedDisabledRampUnit),
+    borderColor: customOnRamp(color, theme.colors.tagSolidDisabledRampUnit),
   }),
   [COLOR_STATE.solid]: (theme, color) => ({
     color: customOnRamp(color, theme.colors.tagSolidFontRampUnit),

package/theme.ts

@@ -120,8 +120,6 @@ export interface Colors {
   black: string;
 
   // Rating Palette
-  rating200: string;
-  rating400: string;
   ratingInactiveFill: string;
   ratingStroke: string;
 
@@ -199,30 +197,6 @@ export interface Colors {
 
   /* ---- End of Semantic Colors ---- */
 
-  /* ---- Deprecated Semantic Colors ---- */
-
-  // 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;
-
-  /* ---- End of Deprecated Semantic Colors ---- */
-
   /* ---- Component Specific Colors ---- */
 
   // Buttons
@@ -250,14 +224,6 @@ export interface Colors {
   buttonTertiarySelectedFill: 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;
   buttonDisabledSpinnerForeground: string;
@@ -268,12 +234,6 @@ export interface Colors {
   breadcrumbsSeparatorFill: string;
 
   // Datepicker
-  datepickerBackground: string;
-  datepickerDayFont: string;
-  datepickerDayFontDisabled: string;
-  datepickerDayPseudoSelected: string;
-  datepickerDayPseudoHighlighted: string;
-
   calendarBackground: string;
   calendarForeground: string;
   calendarForegroundDisabled: string;
@@ -310,15 +270,12 @@ export interface Colors {
   // Lists
   listHeaderFill: string;
   listBodyFill: string;
-  listIconFill: string;
-  listBorder: string;
 
   // ProgressSteps
   progressStepsCompletedText: string;
   progressStepsCompletedFill: string;
   progressStepsActiveText: string;
   progressStepsActiveFill: string;
-  progressStepsIconActiveFill: string;
 
   // Toggle
   toggleFill: string;
@@ -351,24 +308,13 @@ export interface Colors {
   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;
@@ -387,8 +333,6 @@ export interface Colors {
   inputPlaceholderDisabled: string;
 
   // Notification
-  notificationPrimaryBackground: string;
-  notificationPrimaryText: string;
   notificationInfoBackground: string;
   notificationInfoText: string;
   notificationPositiveBackground: string;
@@ -411,12 +355,6 @@ export interface Colors {
   modalCloseColorHover: string;
   modalCloseColorFocus: string;
 
-  // Pagination
-  paginationTriangleDown: string;
-
-  // Header navigation
-  headerNavigationFill: string;
-
   // Tab
   tabBarFill: string;
   tabColor: string;
@@ -426,18 +364,6 @@ export interface Colors {
   shadowError: string;
 
   // Tag
-
-  // Remove this section of theme values in next major version
-  tagBackground: string;
-  tagNeutralBackground: string;
-  tagPrimaryBackground: string;
-  tagPositiveBackground: string;
-  tagWarningBackground: string;
-  tagNegativeBackground: string;
-  tagRGBGradient: string;
-  tagRGBGradientSecondary: string;
-  // ^^^^^^^
-
   tagSolidRampUnit: string;
   tagSolidHoverRampUnit: string;
   tagSolidActiveRampUnit: string;
@@ -447,13 +373,11 @@ export interface Colors {
   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;
@@ -589,7 +513,6 @@ export interface Colors {
 
   // Toast
   toastText: string;
-  toastPrimaryBackground: string;
   toastInfoBackground: string;
   toastPositiveBackground: string;
   toastWarningBackground: string;
@@ -858,9 +781,5 @@ export interface ThemePrimitives {
   mono900: string;
   mono1000: string;
 
-  // Rating Palette
-  rating200: string;
-  rating400: string;
-
   primaryFontFamily: string;
 }

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

@@ -52,14 +52,6 @@ var _default = function _default() {
     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,
@@ -70,12 +62,6 @@ var _default = function _default() {
     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,
@@ -83,7 +69,6 @@ var _default = function _default() {
     calendarHeaderForeground: themePrimitives.primary,
     calendarHeaderBackgroundActive: themePrimitives.primary600,
     calendarHeaderForegroundDisabled: themePrimitives.primary500,
-    calendarDayBackgroundPseudoSelected: themePrimitives.primary700,
     calendarDayForegroundPseudoSelected: themePrimitives.primary,
     calendarDayBackgroundPseudoSelectedHighlighted: themePrimitives.primary600,
     calendarDayForegroundPseudoSelectedHighlighted: themePrimitives.primary,
@@ -108,21 +93,16 @@ var _default = function _default() {
     // 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,
@@ -134,7 +114,6 @@ var _default = function _default() {
     // Tag
     // Custom ramps
     tagFontDisabledRampUnit: '600',
-    tagOutlinedDisabledRampUnit: '700',
     tagSolidFontRampUnit: '0',
     tagSolidRampUnit: '500',
     tagOutlinedFontRampUnit: '500',
@@ -147,7 +126,6 @@ var _default = function _default() {
     tagLightRampUnit: '700',
     tagLightHoverRampUnit: '700',
     tagLightActiveRampUnit: '600',
-    tagLightDisabledRampUnit: '700',
     tagLightFontRampUnit: '100',
     tagLightFontHoverRampUnit: '100',
     tagOutlinedActiveRampUnit: '300',
@@ -290,7 +268,6 @@ var _default = function _default() {
     tableFilterFooterBackground: themePrimitives.mono800,
     // Toast
     toastText: themePrimitives.white,
-    toastPrimaryBackground: themePrimitives.primary400,
     toastPrimaryText: themePrimitives.white,
     toastInfoBackground: themePrimitives.accent400,
     toastInfoText: themePrimitives.white,
@@ -330,23 +307,12 @@ var _default = function _default() {
     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,
@@ -369,10 +335,6 @@ var _default = function _default() {
     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/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,