baseui 14.0.0 → 15.0.1

package/themes/light-theme/color-foundation-tokens.d.ts

@@ -0,0 +1,3 @@
+import type { FoundationColors } from '../types';
+declare const foundationColors: FoundationColors;
+export default foundationColors;

package/themes/light-theme/{color-tokens.js → color-foundation-tokens.js}

@@ -13,11 +13,11 @@ LICENSE file in the root directory of this source tree.
 */
 
 // color constants
-const lightColorTokens = {
+const foundationColors = {
   // Primary Palette
-  primaryA: _tokens.colors.black,
-  primaryB: _tokens.colors.white,
-  primary: _tokens.colors.black,
+  primaryA: _tokens.primitiveLightColors.black,
+  primaryB: _tokens.primitiveLightColors.white,
+  primary: '#000000',
   primary50: '#F6F6F6',
   primary100: '#EEEEEE',
   primary200: '#E2E2E2',
@@ -27,7 +27,7 @@ const lightColorTokens = {
   primary600: '#545454',
   primary700: '#333333',
   // Accent Palette
-  accent: _tokens.colors.blue400,
+  accent: _tokens.primitiveLightColors.blue600,
   accent50: '#EFF3FE',
   accent100: '#D4E2FC',
   accent200: '#A0BFF8',
@@ -37,7 +37,7 @@ const lightColorTokens = {
   accent600: '#174291',
   accent700: '#102C60',
   // Negative Palette
-  negative: _tokens.colors.red400,
+  negative: _tokens.primitiveLightColors.red600,
   negative50: '#FFEFED',
   negative100: '#FED7D2',
   negative200: '#F1998E',
@@ -47,7 +47,7 @@ const lightColorTokens = {
   negative600: '#870F00',
   negative700: '#5A0A00',
   // Warning Palette
-  warning: _tokens.colors.yellow400,
+  warning: _tokens.primitiveLightColors.yellow300,
   warning50: '#FFFAF0',
   warning100: '#FFF2D9',
   warning200: '#FFE3AC',
@@ -57,7 +57,7 @@ const lightColorTokens = {
   warning600: '#996F00',
   warning700: '#674D1B',
   // Positive Palette
-  positive: _tokens.colors.green500,
+  positive: _tokens.primitiveLightColors.green600,
   positive50: '#E6F2ED',
   positive100: '#ADDEC9',
   positive200: '#66D19E',
@@ -78,9 +78,6 @@ const lightColorTokens = {
   mono700: '#6B6B6B',
   mono800: '#545454',
   mono900: '#333333',
-  mono1000: '#000000',
-  // Rating Palette,
-  ratingInactiveFill: _tokens.colors.gray100,
-  ratingStroke: _tokens.colors.gray300
+  mono1000: '#000000'
 };
-var _default = exports.default = lightColorTokens;
+var _default = exports.default = foundationColors;

package/themes/light-theme/color-semantic-tokens.d.ts

@@ -1,3 +1,3 @@
-import type { FoundationColorTokens, SemanticColorTokens } from '../types';
-declare const _default: (foundation?: FoundationColorTokens) => SemanticColorTokens;
+import type { FoundationColors, SemanticColors } from '../types';
+declare const _default: (foundation?: FoundationColors) => SemanticColors;
 export default _default;

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _colorTokens = _interopRequireDefault(require("./color-tokens"));
+var _colorFoundationTokens = _interopRequireDefault(require("./color-foundation-tokens"));
 var _util = require("../../styles/util");
-var _colors = _interopRequireDefault(require("../../tokens/colors"));
+var _colorPrimitiveTokens = _interopRequireDefault(require("../../tokens/color-primitive-tokens"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
 Copyright (c) Uber Technologies, Inc.
@@ -16,78 +16,75 @@ LICENSE file in the root directory of this source tree.
 */
 var _default = (
 // themePrimitives or foundation colors
-foundation = _colorTokens.default) => {
+foundation = _colorFoundationTokens.default) => {
   const core = {
     // Background
     backgroundPrimary: foundation.primaryB,
-    backgroundSecondary: _colors.default.gray50,
-    backgroundTertiary: _colors.default.gray100,
+    backgroundSecondary: _colorPrimitiveTokens.default.gray50,
+    backgroundTertiary: _colorPrimitiveTokens.default.gray100,
     backgroundInversePrimary: foundation.primaryA,
-    backgroundInverseSecondary: _colors.default.gray800,
+    backgroundInverseSecondary: _colorPrimitiveTokens.default.gray900,
     // Content
     contentPrimary: foundation.primaryA,
-    contentSecondary: _colors.default.gray600,
-    contentTertiary: _colors.default.gray500,
+    contentSecondary: _colorPrimitiveTokens.default.gray800,
+    contentTertiary: _colorPrimitiveTokens.default.gray700,
     contentInversePrimary: foundation.primaryB,
-    contentInverseSecondary: _colors.default.gray300,
-    contentInverseTertiary: _colors.default.gray400,
+    contentInverseSecondary: _colorPrimitiveTokens.default.gray200,
+    contentInverseTertiary: _colorPrimitiveTokens.default.gray400,
     // Border
-    borderOpaque: _colors.default.gray200,
-    // @ts-ignore
-    borderTransparent: (0, _util.hexToRgb)(foundation.primaryA, '0.08'),
+    borderOpaque: _colorPrimitiveTokens.default.gray50,
+    borderTransparent: (0, _util.hexToRgb)(foundation.primaryA, '0.08') || (0, _util.hexToRgb)(_colorFoundationTokens.default.primaryA, '0.08') || '',
     borderSelected: foundation.primaryA,
-    borderInverseOpaque: _colors.default.gray700,
-    // @ts-ignore
-    borderInverseTransparent: (0, _util.hexToRgb)(foundation.primaryB, '0.2'),
+    borderInverseOpaque: _colorPrimitiveTokens.default.gray800,
+    borderInverseTransparent: (0, _util.hexToRgb)(foundation.primaryB, '0.2') || (0, _util.hexToRgb)(_colorFoundationTokens.default.primaryB, '0.2') || '',
     borderInverseSelected: foundation.primaryB
   };
   const coreExtensions = {
     // Backgrounds
-    backgroundStateDisabled: _colors.default.gray50,
-    // @ts-ignore
-    backgroundOverlay: (0, _util.hexToRgb)(_colors.default.black, '0.5'),
-    // @ts-ignore
-    backgroundOverlayArt: (0, _util.hexToRgb)(_colors.default.black, '0.00'),
+    backgroundStateDisabled: _colorPrimitiveTokens.default.gray50,
+    backgroundOverlay: (0, _util.hexToRgb)(_colorPrimitiveTokens.default.black, '0.5') || '',
+    backgroundOverlayArt: (0, _util.hexToRgb)(_colorPrimitiveTokens.default.black, '0.00') || '',
     backgroundAccent: foundation.accent,
     backgroundNegative: foundation.negative,
     backgroundWarning: foundation.warning,
-    backgroundPositive: _colors.default.green400,
-    backgroundAccentLight: _colors.default.blue50,
-    backgroundNegativeLight: _colors.default.red50,
-    backgroundWarningLight: _colors.default.yellow50,
-    backgroundPositiveLight: _colors.default.green50,
-    backgroundAlwaysDark: _colors.default.black,
-    backgroundAlwaysLight: _colors.default.white,
+    backgroundPositive: foundation.positive,
+    backgroundAccentLight: _colorPrimitiveTokens.default.blue50,
+    backgroundNegativeLight: _colorPrimitiveTokens.default.red50,
+    backgroundWarningLight: _colorPrimitiveTokens.default.yellow50,
+    backgroundPositiveLight: _colorPrimitiveTokens.default.green50,
+    backgroundAlwaysDark: _colorPrimitiveTokens.default.black,
+    backgroundAlwaysLight: _colorPrimitiveTokens.default.white,
     // Content
-    contentStateDisabled: _colors.default.gray400,
-    contentAccent: foundation.accent,
-    contentOnColor: _colors.default.white,
-    contentOnColorInverse: _colors.default.black,
-    contentNegative: foundation.negative,
-    contentWarning: _colors.default.yellow600,
-    contentPositive: _colors.default.green400,
+    contentStateDisabled: _colorPrimitiveTokens.default.gray400,
+    contentOnColor: _colorPrimitiveTokens.default.white,
+    contentOnColorInverse: _colorPrimitiveTokens.default.black,
+    contentAccent: _colorPrimitiveTokens.default.blue600,
+    contentNegative: _colorPrimitiveTokens.default.red600,
+    contentWarning: _colorPrimitiveTokens.default.yellow600,
+    contentPositive: _colorPrimitiveTokens.default.green600,
     // Border
-    borderStateDisabled: _colors.default.gray50,
-    borderAccent: _colors.default.blue400,
-    borderAccentLight: _colors.default.blue200,
-    borderNegative: _colors.default.red200,
-    borderWarning: _colors.default.yellow200,
-    borderPositive: _colors.default.green200,
-    borderNegativeLight: _colors.default.red200,
-    borderWarningLight: _colors.default.yellow200,
-    borderPositiveLight: _colors.default.green200,
+    borderStateDisabled: _colorPrimitiveTokens.default.gray50,
+    borderAccent: _colorPrimitiveTokens.default.blue600,
+    borderAccentLight: _colorPrimitiveTokens.default.blue300,
+    borderNegative: _colorPrimitiveTokens.default.red600,
+    borderNegativeLight: _colorPrimitiveTokens.default.red300,
+    borderWarning: _colorPrimitiveTokens.default.yellow600,
+    borderWarningLight: _colorPrimitiveTokens.default.yellow200,
+    borderPositive: _colorPrimitiveTokens.default.green600,
+    borderPositiveLight: _colorPrimitiveTokens.default.green300,
     // Programs
-    safety: _colors.default.blue400,
-    eatsGreen400: _colors.default.green400,
-    freightBlue400: _colors.default.cobalt400,
-    jumpRed400: _colors.default.red400,
-    rewardsTier1: _colors.default.blue400,
-    rewardsTier2: _colors.default.yellow400,
-    rewardsTier3: _colors.default.platinum400,
-    rewardsTier4: _colors.default.black,
-    membership: _colors.default.yellow600
+    safety: _colorPrimitiveTokens.default.blue600,
+    eatsGreen400: _colorPrimitiveTokens.default.green600,
+    freightBlue400: _colorPrimitiveTokens.default.cobalt400,
+    rewardsTier1: _colorPrimitiveTokens.default.blue600,
+    rewardsTier2: _colorPrimitiveTokens.default.yellow300,
+    rewardsTier3: _colorPrimitiveTokens.default.platinum400,
+    rewardsTier4: _colorPrimitiveTokens.default.black,
+    membership: _colorPrimitiveTokens.default.yellow600
   };
+  /** @deprecated these tokens are deprecated */
   const deprecated = {
+    jumpRed400: _colorPrimitiveTokens.default.red400,
     backgroundOverlayLight: coreExtensions.backgroundOverlay,
     backgroundOverlayDark: coreExtensions.backgroundOverlay,
     backgroundLightAccent: coreExtensions.backgroundAccentLight,

package/themes/light-theme/create-light-theme.d.ts

@@ -1,2 +1,2 @@
-import type { Theme, MakeExtendable, DeepPartial } from '../../styles/types';
+import type { DeepPartial, MakeExtendable, Theme } from '../../styles/types';
 export default function createLightTheme<OverridesT extends DeepPartial<MakeExtendable<Theme>> = {}>(overrides?: OverridesT): Theme & OverridesT;

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

@@ -4,20 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createLightTheme;
-var _animation = _interopRequireDefault(require("../shared/animation"));
-var _borders = _interopRequireDefault(require("../shared/borders"));
-var _breakpoints = _interopRequireDefault(require("../shared/breakpoints"));
 var _deepMerge = _interopRequireDefault(require("../../utils/deep-merge"));
 var _utils = require("../utils");
-var _colorTokens = _interopRequireDefault(require("./color-tokens"));
 var _tokens = require("../../tokens");
 var _colorComponentTokens = _interopRequireDefault(require("./color-component-tokens"));
 var _colorSemanticTokens = _interopRequireDefault(require("./color-semantic-tokens"));
-var _typography = _interopRequireDefault(require("../shared/typography"));
-var _grid = _interopRequireDefault(require("../shared/grid"));
-var _lighting = _interopRequireDefault(require("../shared/lighting"));
-var _mediaQuery = _interopRequireDefault(require("../shared/media-query"));
-var _sizing = _interopRequireDefault(require("../shared/sizing"));
+var _colorFoundationTokens = _interopRequireDefault(require("./color-foundation-tokens"));
+var _lightTheme = require("./light-theme");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
 Copyright (c) Uber Technologies, Inc.
@@ -27,32 +20,19 @@ LICENSE file in the root directory of this source tree.
 */
 
 function createLightTheme(overrides) {
-  const foundationColorTokens = {
-    ..._colorTokens.default,
-    ...(0, _utils.getFoundationColorTokenOverrides)(overrides?.colors)
+  const foundationColors = {
+    ..._colorFoundationTokens.default,
+    ...(0, _utils.getFoundationColorOverrides)(overrides?.colors)
   };
-  const semanticColorTokens = (0, _colorSemanticTokens.default)(foundationColorTokens);
-  const componentColorTokens = (0, _colorComponentTokens.default)(foundationColorTokens);
+  const semanticColors = (0, _colorSemanticTokens.default)(foundationColors);
+  const componentColors = (0, _colorComponentTokens.default)(semanticColors);
   const theme = {
-    animation: _animation.default,
-    borders: _borders.default,
-    breakpoints: _breakpoints.default,
+    ...structuredClone(_lightTheme.LightTheme),
     colors: {
-      ..._tokens.colors,
-      ...foundationColorTokens,
-      ...semanticColorTokens,
-      ...componentColorTokens
-    },
-    direction: 'auto',
-    grid: _grid.default,
-    lighting: _lighting.default,
-    mediaQuery: _mediaQuery.default,
-    sizing: _sizing.default,
-    typography: _typography.default,
-    // TODO(#2318) Remove in v11, the next major version.
-    // Do not use.
-    zIndex: {
-      modal: 2000
+      ..._tokens.primitiveColors,
+      ...foundationColors,
+      ...semanticColors,
+      ...componentColors
     }
   };
   return (0, _deepMerge.default)(theme, overrides);

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LightTheme = void 0;
-var _colorTokens = _interopRequireDefault(require("./color-tokens"));
-var _colors = _interopRequireDefault(require("../../tokens/colors"));
+var _colorFoundationTokens = _interopRequireDefault(require("./color-foundation-tokens"));
+var _colorPrimitiveTokens = _interopRequireDefault(require("../../tokens/color-primitive-tokens"));
 var _colorSemanticTokens = _interopRequireDefault(require("./color-semantic-tokens"));
 var _colorComponentTokens = _interopRequireDefault(require("./color-component-tokens"));
 var _borders = _interopRequireDefault(require("../shared/borders"));
@@ -27,8 +27,8 @@ LICENSE file in the root directory of this source tree.
 const LightTheme = exports.LightTheme = {
   name: 'light-theme',
   colors: {
-    ..._colorTokens.default,
-    ..._colors.default,
+    ..._colorFoundationTokens.default,
+    ..._colorPrimitiveTokens.default,
     ...(0, _colorComponentTokens.default)(),
     ...(0, _colorSemanticTokens.default)()
   },

package/themes/light-theme/primitives.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _colorTokens = _interopRequireDefault(require("./color-tokens"));
+var _colorFoundationTokens = _interopRequireDefault(require("./color-foundation-tokens"));
 var _typography = require("../shared/typography");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
@@ -17,7 +17,7 @@ LICENSE file in the root directory of this source tree.
 // We don't use this ourselves. We provide it for backward compatibility.
 // People may have used it to create their own custom theme.
 const primitives = {
-  ..._colorTokens.default,
+  ..._colorFoundationTokens.default,
   ..._typography.fontTokens
 };
 var _default = exports.default = primitives;

package/themes/types.d.ts

@@ -2,70 +2,120 @@ import type { Properties } from 'csstype';
 import type { Responsive, CSSLengthUnit } from '../layout-grid';
 export type Globals = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset';
 export type LineStyle = 'dashed' | 'dotted' | 'double' | 'groove' | 'hidden' | 'inset' | 'none' | 'outset' | 'ridge' | 'solid';
-export type FoundationColorTokens = {
+export type FoundationColors = {
     primaryA: string;
     primaryB: string;
+    /** @deprecated Use semantic tokens instead. */
     primary: string;
+    /** @deprecated Use semantic tokens instead. */
     primary50: string;
+    /** @deprecated Use semantic tokens instead. */
     primary100: string;
+    /** @deprecated Use semantic tokens instead. */
     primary200: string;
+    /** @deprecated Use semantic tokens instead. */
     primary300: string;
+    /** @deprecated Use semantic tokens instead. */
     primary400: string;
+    /** @deprecated Use semantic tokens instead. */
     primary500: string;
+    /** @deprecated Use semantic tokens instead. */
     primary600: string;
+    /** @deprecated Use semantic tokens instead. */
     primary700: string;
     accent: string;
+    /** @deprecated Use semantic tokens instead. */
     accent50: string;
+    /** @deprecated Use semantic tokens instead. */
     accent100: string;
+    /** @deprecated Use semantic tokens instead. */
     accent200: string;
+    /** @deprecated Use semantic tokens instead. */
     accent300: string;
+    /** @deprecated Use semantic tokens instead. */
     accent400: string;
+    /** @deprecated Use semantic tokens instead. */
     accent500: string;
+    /** @deprecated Use semantic tokens instead. */
     accent600: string;
+    /** @deprecated Use semantic tokens instead. */
     accent700: string;
     negative: string;
     negative50: string;
+    /** @deprecated Use semantic tokens instead. */
     negative100: string;
+    /** @deprecated Use semantic tokens instead. */
     negative200: string;
+    /** @deprecated Use semantic tokens instead. */
     negative300: string;
+    /** @deprecated Use semantic tokens instead. */
     negative400: string;
+    /** @deprecated Use semantic tokens instead. */
     negative500: string;
+    /** @deprecated Use semantic tokens instead. */
     negative600: string;
+    /** @deprecated Use semantic tokens instead. */
     negative700: string;
     warning: string;
+    /** @deprecated Use semantic tokens instead. */
     warning50: string;
+    /** @deprecated Use semantic tokens instead. */
     warning100: string;
+    /** @deprecated Use semantic tokens instead. */
     warning200: string;
+    /** @deprecated Use semantic tokens instead. */
     warning300: string;
+    /** @deprecated Use semantic tokens instead. */
     warning400: string;
+    /** @deprecated Use semantic tokens instead. */
     warning500: string;
+    /** @deprecated Use semantic tokens instead. */
     warning600: string;
+    /** @deprecated Use semantic tokens instead. */
     warning700: string;
     positive: string;
+    /** @deprecated Use semantic tokens instead. */
     positive50: string;
+    /** @deprecated Use semantic tokens instead. */
     positive100: string;
+    /** @deprecated Use semantic tokens instead. */
     positive200: string;
+    /** @deprecated Use semantic tokens instead. */
     positive300: string;
+    /** @deprecated Use semantic tokens instead. */
     positive400: string;
+    /** @deprecated Use semantic tokens instead. */
     positive500: string;
+    /** @deprecated Use semantic tokens instead. */
     positive600: string;
+    /** @deprecated Use semantic tokens instead. */
     positive700: string;
+    /** @deprecated Use semantic tokens instead. */
     white: string;
+    /** @deprecated Use semantic tokens instead. */
     black: string;
+    /** @deprecated Use semantic tokens instead. */
     mono100: string;
+    /** @deprecated Use semantic tokens instead. */
     mono200: string;
+    /** @deprecated Use semantic tokens instead. */
     mono300: string;
+    /** @deprecated Use semantic tokens instead. */
     mono400: string;
+    /** @deprecated Use semantic tokens instead. */
     mono500: string;
+    /** @deprecated Use semantic tokens instead. */
     mono600: string;
+    /** @deprecated Use semantic tokens instead. */
     mono700: string;
+    /** @deprecated Use semantic tokens instead. */
     mono800: string;
+    /** @deprecated Use semantic tokens instead. */
     mono900: string;
+    /** @deprecated Use semantic tokens instead. */
     mono1000: string;
-    ratingInactiveFill: string;
-    ratingStroke: string;
 };
-export type CoreSemanticColorTokens = {
+export type CoreSemanticColors = {
     backgroundPrimary: string;
     backgroundSecondary: string;
     backgroundTertiary: string;
@@ -78,16 +128,16 @@ export type CoreSemanticColorTokens = {
     contentInverseSecondary: string;
     contentInverseTertiary: string;
     borderOpaque: string;
-    borderTransparent?: string;
+    borderTransparent: string;
     borderSelected: string;
     borderInverseOpaque: string;
-    borderInverseTransparent?: string;
+    borderInverseTransparent: string;
     borderInverseSelected: string;
 };
-export type CoreExtensionSemanticColorTokens = {
+export type CoreExtensionSemanticColors = {
     backgroundStateDisabled: string;
     backgroundOverlay: string;
-    backgroundOverlayArt?: string;
+    backgroundOverlayArt: string;
     backgroundAccent: string;
     backgroundNegative: string;
     backgroundWarning: string;
@@ -117,23 +167,30 @@ export type CoreExtensionSemanticColorTokens = {
     safety: string;
     eatsGreen400: string;
     freightBlue400: string;
-    jumpRed400: string;
     rewardsTier1: string;
     rewardsTier2: string;
     rewardsTier3: string;
     rewardsTier4: string;
     membership: string;
 };
-export type DeprecatedSemanticColorTokens = {
+export type DeprecatedSemanticColors = {
+    /** @deprecated this color token is deprecated */
+    jumpRed400: string;
+    /** @deprecated this color token is deprecated */
     backgroundOverlayLight: string;
+    /** @deprecated this color token is deprecated */
     backgroundOverlayDark: string;
+    /** @deprecated this color token is deprecated */
     backgroundLightAccent: string;
+    /** @deprecated this color token is deprecated */
     backgroundLightPositive: string;
+    /** @deprecated this color token is deprecated */
     backgroundLightWarning: string;
+    /** @deprecated this color token is deprecated */
     backgroundLightNegative: string;
 };
-export type SemanticColorTokens = {} & CoreSemanticColorTokens & CoreExtensionSemanticColorTokens & DeprecatedSemanticColorTokens;
-export type ComponentColorTokens = {
+export type SemanticColors = {} & CoreSemanticColors & CoreExtensionSemanticColors & DeprecatedSemanticColors;
+export type ComponentColors = {
     bannerActionLowInfo: string;
     bannerActionLowNegative: string;
     bannerActionLowPositive: string;
@@ -142,6 +199,8 @@ export type ComponentColorTokens = {
     bannerActionHighNegative: string;
     bannerActionHighPositive: string;
     bannerActionHighWarning: string;
+    bottomNavigationText: string;
+    bottomNavigationSelectedText: string;
     buttonPrimaryFill: string;
     buttonPrimaryText: string;
     buttonPrimaryHover: string;
@@ -425,13 +484,15 @@ export type ComponentColorTokens = {
     progressbarTrackFill: string;
     tooltipBackground: string;
     tooltipText: string;
+    ratingInactiveFill: string;
+    ratingStroke: string;
 };
 export type FontTokens = {
     primaryFontFamily: string;
     secondaryFontFamily: string;
     monoFontFamily: string;
 };
-export type Primitives = {} & FoundationColorTokens & FontTokens;
+export type Primitives = {} & FoundationColors & FontTokens;
 export type Font = {
     fontFamily: string;
     fontWeight: Globals | 'bold' | 'normal' | 'bolder' | 'lighter' | number;

package/themes/utils.d.ts

@@ -1,2 +1,2 @@
 import type { ColorTokens } from '../styles/types';
-export declare function getFoundationColorTokenOverrides(colors?: Partial<ColorTokens>): {};
+export declare function getFoundationColorOverrides(colors?: Partial<ColorTokens>): {};

package/themes/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getFoundationColorTokenOverrides = getFoundationColorTokenOverrides;
+exports.getFoundationColorOverrides = getFoundationColorOverrides;
 /*
 Copyright (c) Uber Technologies, Inc.
 
@@ -11,10 +11,10 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 
-const foundationColorTokens = ['primaryA', 'primaryB', 'primary', 'accent', 'negative', 'warning', 'positive'];
-function getFoundationColorTokenOverrides(colors) {
+const foundationColors = ['primaryA', 'primaryB', 'primary', 'accent', 'negative', 'warning', 'positive'];
+function getFoundationColorOverrides(colors) {
   if (!colors) return {};
-  return foundationColorTokens.reduce((acc, key) => {
+  return foundationColors.reduce((acc, key) => {
     if (colors[key]) {
       acc[key] = colors[key];
     }

package/tile/tile-group.js

@@ -120,14 +120,14 @@ const TileGroup = ({
           onClick(event, index);
         }
       },
-      overrides: {
+      overrides: (0, _overrides.mergeOverrides)({
         Root: {
           props: {
             'aria-checked': isSelected,
             role: isRadioGroup ? 'radio' : 'checkbox'
           }
         }
-      }
+      }, child.props.overrides)
     });
   }));
 };

package/timezonepicker/update-tzdata.js

@@ -7,7 +7,6 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 /* eslint-env node */
-// @flow
 
 const fs = require('fs');
 const path = require('path');

package/tokens/color-primitive-tokens.d.ts

@@ -0,0 +1,5 @@
+import type { PrimitiveColors, PrimitiveLightColors, PrimitiveDarkColors } from './types';
+declare const primitiveColors: PrimitiveColors;
+declare const primitiveLightColors: PrimitiveLightColors;
+declare const primitiveDarkColors: PrimitiveDarkColors;
+export { primitiveColors as default, primitiveLightColors, primitiveDarkColors };