baseui 0.0.0-next-0494f3c → 0.0.0-next-79ec2e2

package/es/select/select-component.js

@@ -285,7 +285,7 @@ class Select extends React.Component {
       switch (event.keyCode) {
         case 8:
           // backspace
-          if (!this.state.inputValue && this.props.backspaceRemoves) {
+          if (!this.state.inputValue && this.props.clearable && this.props.backspaceRemoves) {
             event.preventDefault();
             this.backspaceValue();
           }

package/es/tokens/index.js

@@ -6,4 +6,4 @@ LICENSE file in the root directory of this source tree.
 */
 export { default as colors } from './colors';
 export * from './types';
-/** @deprecated use ColorTokens instead. To be removed in future versions.*/
+/** @deprecated use PrimitiveColorTokens instead. To be removed in future versions.*/

package/esm/select/select-component.js

@@ -361,7 +361,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
       switch (event.keyCode) {
         case 8:
           // backspace
-          if (!_this.state.inputValue && _this.props.backspaceRemoves) {
+          if (!_this.state.inputValue && _this.props.clearable && _this.props.backspaceRemoves) {
             event.preventDefault();
 
             _this.backspaceValue();

package/esm/tokens/index.js

@@ -6,4 +6,4 @@ LICENSE file in the root directory of this source tree.
 */
 export { default as colors } from './colors';
 export * from './types';
-/** @deprecated use ColorTokens instead. To be removed in future versions.*/
+/** @deprecated use PrimitiveColorTokens instead. To be removed in future versions.*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "baseui",
-  "version": "0.0.0-next-0494f3c",
+  "version": "0.0.0-next-79ec2e2",
   "description": "A React Component library implementing the Base design language",
   "keywords": [
     "react",

package/select/select-component.js

@@ -382,7 +382,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
       switch (event.keyCode) {
         case 8:
           // backspace
-          if (!_this.state.inputValue && _this.props.backspaceRemoves) {
+          if (!_this.state.inputValue && _this.props.clearable && _this.props.backspaceRemoves) {
             event.preventDefault();
 
             _this.backspaceValue();

package/styles/types.d.ts

@@ -1,15 +1,15 @@
 import type { ComponentType } from 'react';
 import type { IconProps } from '../icon';
-import type { ColorTokens, ComponentColorTokens, SemanticColorTokens, Animation, Breakpoints, Border, Borders, Font, Grid, Lighting, MediaQuery, Sizing, Typography, ZIndex } from '../themes';
-import type { ColorTokens as PrimitiveColorTokens } from '../tokens';
+import type { FoundationColorTokens, ComponentColorTokens, SemanticColorTokens, Animation, Breakpoints, Border, Borders, Font, Grid, Lighting, MediaQuery, Sizing, Typography, ZIndex } from '../themes';
+import type { PrimitiveColorTokens } from '../tokens';
 export type { Animation, Breakpoints, Border, Borders, Font, Grid, Lighting, MediaQuery, Sizing, Typography, ZIndex, };
-export type Colors = {} & PrimitiveColorTokens & ColorTokens & ComponentColorTokens & SemanticColorTokens;
+export type ColorTokens = {} & PrimitiveColorTokens & FoundationColorTokens & ComponentColorTokens & SemanticColorTokens;
 export type Theme = {
     name: string;
     animation: Animation;
     borders: Borders;
     breakpoints: Breakpoints;
-    colors: Colors;
+    colors: ColorTokens;
     direction: 'auto' | 'rtl' | 'ltr';
     grid: Grid;
     icons?: Icon;

package/styles/types.js.flow

@@ -9,7 +9,7 @@ import type { ComponentType } from 'react';
 import type { IconPropsT } from '../icon/types.js';
 
 import type {
-  ColorTokensT,
+  FoundationColorTokensT,
   ComponentColorTokensT,
   SemanticColorTokensT,
   AnimationT,
@@ -24,7 +24,7 @@ import type {
   TypographyT,
   ZIndexT,
 } from '../themes/types.js';
-import type { ColorTokensT as PrimitiveColorTokensT } from '../tokens/types.js';
+import type { PrimitiveColorTokensT } from '../tokens/types.js';
 
 export type {
   AnimationT,
@@ -41,9 +41,9 @@ export type {
 };
 
 // $FlowFixMe[cannot-spread-inexact]
-export type ColorsT = {
+export type ColorTokensT = {
   ...PrimitiveColorTokensT,
-  ...ColorTokensT,
+  ...FoundationColorTokensT,
   ...ComponentColorTokensT,
   ...SemanticColorTokensT,
 };
@@ -53,7 +53,7 @@ export type ThemeT = {|
   animation: AnimationT,
   borders: BordersT,
   breakpoints: BreakpointsT,
-  colors: ColorsT,
+  colors: ColorTokensT,
   direction: 'auto' | 'rtl' | 'ltr',
   grid: GridT,
   icons?: IconT,

package/themes/dark-theme/color-component-tokens.d.ts

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

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

@@ -6,7 +6,7 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 import defaultFoundationColorTokens from './color-tokens.js';
-import type { ColorTokensT, ComponentColorTokensT } from '../types.js';
+import type { FoundationColorTokensT, ComponentColorTokensT } from '../types.js';
 
 const tagHoverBackground = `rgba(255, 255, 255, 0.2)`;
 
@@ -16,7 +16,7 @@ const tagHoverBackground = `rgba(255, 255, 255, 0.2)`;
 // Due to the legacy `createTheme` type the values
 // need to be overrideable through primitives
 export default (
-  themePrimitives: ColorTokensT = defaultFoundationColorTokens
+  themePrimitives: FoundationColorTokensT = defaultFoundationColorTokens
 ): ComponentColorTokensT => ({
   bannerActionLowInfo: themePrimitives.accent600,
   bannerActionLowNegative: themePrimitives.negative600,

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

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

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

@@ -6,7 +6,7 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 import type {
-  ColorTokensT,
+  FoundationColorTokensT,
   CoreSemanticColorTokensT,
   CoreExtensionSemanticColorTokensT,
   DeprecatedSemanticColorTokensT,
@@ -18,7 +18,7 @@ import colors from '../../tokens/colors.js';
 
 export default (
   // themePrimitives or foundation colors
-  foundation: ColorTokensT = defaultFoundationColorTokens
+  foundation: FoundationColorTokensT = defaultFoundationColorTokens
 ): SemanticColorTokensT => {
   const core: CoreSemanticColorTokensT = {
     // Background

package/themes/dark-theme/color-tokens.d.ts

@@ -1,3 +1,3 @@
-import type { ColorTokens } from '../types';
-export declare const darkColorTokens: ColorTokens;
+import type { FoundationColorTokens } from '../types';
+export declare const darkColorTokens: FoundationColorTokens;
 export default darkColorTokens;

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

@@ -6,10 +6,10 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 import { colors } from '../../tokens/index.js';
-import type { ColorTokensT } from '../types.js';
+import type { FoundationColorTokensT } from '../types.js';
 
 // color constants
-export const darkColorTokens: ColorTokensT = {
+export const darkColorTokens: FoundationColorTokensT = {
   // Primary Palette
   primaryA: colors.gray200,
   primaryB: colors.gray900,

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

@@ -20,7 +20,7 @@ import lighting from '../shared/lighting.js';
 import mediaQuery from '../shared/media-query.js';
 import sizing from '../shared/sizing.js';
 
-import type { PrimitivesT, ColorTokensT } from '../types.js';
+import type { PrimitivesT, FoundationColorTokensT } from '../types.js';
 import type { ThemeT } from '../../styles/types.js';
 
 export default function createDarkTheme(
@@ -32,7 +32,7 @@ export default function createDarkTheme(
   // Extract font tokens and color tokens from primitives
   const { primaryFontFamily, ...customFoundationColorTokens } = primitives;
   // Assemble color tokens by overriding defaults with custom color tokens
-  const foundationColorTokens: ColorTokensT = {
+  const foundationColorTokens: FoundationColorTokensT = {
     ...defaultFoundationColorTokens,
     ...customFoundationColorTokens,
   };

package/themes/index.d.ts

@@ -7,7 +7,7 @@ import createLightTheme from './light-theme/create-light-theme';
 import darkThemePrimitives from './dark-theme/primitives';
 import lightThemePrimitives from './light-theme/primitives';
 import type { Primitives } from './types';
-import type { Colors as StyleColors } from '../styles';
+import type { ColorTokens as StyleColors } from '../styles';
 export { createDarkTheme, createLightTheme, createLightTheme as createTheme, LightTheme, LightThemeMove, lightThemePrimitives, DarkTheme, DarkThemeMove, darkThemePrimitives, DarkTheme as darkThemeOverrides, };
 export * from './types';
 /** @deprecated use ColorTokens instead. To be removed in future versions.*/

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

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

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

@@ -6,7 +6,7 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 import defaultFoundationColorTokens from './color-tokens.js';
-import type { ColorTokensT, ComponentColorTokensT } from '../types.js';
+import type { FoundationColorTokensT, ComponentColorTokensT } from '../types.js';
 
 const tagHoverBackground = `rgba(0, 0, 0, 0.08)`;
 
@@ -16,7 +16,7 @@ const tagHoverBackground = `rgba(0, 0, 0, 0.08)`;
 // Due to the legacy `createTheme` type the value need to be
 // overrideable through primitives (`foundation` )
 export default (
-  themePrimitives: ColorTokensT = defaultFoundationColorTokens
+  themePrimitives: FoundationColorTokensT = defaultFoundationColorTokens
 ): ComponentColorTokensT => ({
   bannerActionLowInfo: themePrimitives.accent100,
   bannerActionLowNegative: themePrimitives.negative100,

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

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

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

@@ -6,7 +6,7 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 import type {
-  ColorTokensT,
+  FoundationColorTokensT,
   CoreSemanticColorTokensT,
   CoreExtensionSemanticColorTokensT,
   DeprecatedSemanticColorTokensT,
@@ -18,7 +18,7 @@ import colors from '../../tokens/colors.js';
 
 export default (
   // themePrimitives or foundation colors
-  foundation: ColorTokensT = defaultFoundationColorTokens
+  foundation: FoundationColorTokensT = defaultFoundationColorTokens
 ): SemanticColorTokensT => {
   const core: CoreSemanticColorTokensT = {
     // Background

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

@@ -1,3 +1,3 @@
-import type { ColorTokens } from '../types';
-declare const lightColorTokens: ColorTokens;
+import type { FoundationColorTokens } from '../types';
+declare const lightColorTokens: FoundationColorTokens;
 export default lightColorTokens;

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

@@ -6,10 +6,10 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 import { colors } from '../../tokens/index.js';
-import type { ColorTokensT } from '../types.js';
+import type { FoundationColorTokensT } from '../types.js';
 
 // color constants
-const lightColorTokens: ColorTokensT = {
+const lightColorTokens: FoundationColorTokensT = {
   // Primary Palette
   primaryA: colors.black,
   primaryB: colors.white,

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

@@ -20,7 +20,7 @@ import lighting from '../shared/lighting.js';
 import mediaQuery from '../shared/media-query.js';
 import sizing from '../shared/sizing.js';
 
-import type { PrimitivesT, ColorTokensT } from '../types.js';
+import type { PrimitivesT, FoundationColorTokensT } from '../types.js';
 import type { ThemeT } from '../../styles/types.js';
 
 export default function createLightTheme(
@@ -32,7 +32,7 @@ export default function createLightTheme(
   // Extract font tokens and color tokens from primitives
   const { primaryFontFamily, ...customFoundationColorTokens } = primitives;
   // Assemble color tokens by overriding defaults with custom color tokens
-  const colorFoundationTokens: ColorTokensT = {
+  const foundationColorTokens: FoundationColorTokensT = {
     ...defaultFoundationColorTokens,
     ...customFoundationColorTokens,
   };
@@ -43,9 +43,9 @@ export default function createLightTheme(
     // $FlowFixMe[cannot-spread-inexact]
     colors: {
       ...primitiveColorTokens,
-      ...colorFoundationTokens,
-      ...getComponentColorTokens(colorFoundationTokens),
-      ...getSemanticColorTokens(colorFoundationTokens),
+      ...foundationColorTokens,
+      ...getComponentColorTokens(foundationColorTokens),
+      ...getSemanticColorTokens(foundationColorTokens),
     },
     direction: 'auto',
     grid,

package/themes/types.d.ts

@@ -2,7 +2,7 @@ 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 ColorTokens = {
+export type FoundationColorTokens = {
     primaryA: string;
     primaryB: string;
     primary: string;
@@ -429,7 +429,7 @@ export type ComponentColorTokens = {
 export type FontTokens = {
     primaryFontFamily: string;
 };
-export type Primitives = {} & ColorTokens & FontTokens;
+export type Primitives = {} & FoundationColorTokens & FontTokens;
 export type Font = {
     fontFamily: string;
     fontWeight: Globals | 'bold' | 'normal' | 'bolder' | 'lighter' | number;

package/themes/types.js.flow

@@ -21,7 +21,7 @@ export type LineStyle =
   | 'ridge'
   | 'solid';
 
-export type ColorTokensT = {
+export type FoundationColorTokensT = {
   // Primary Palette
   primaryA: string,
   primaryB: string,
@@ -535,7 +535,7 @@ export type FontTokensT = {|
 
 // TODO(#2318) Deprecate in the next major version
 export type PrimitivesT = {
-  ...ColorTokensT,
+  ...FoundationColorTokensT,
   ...FontTokensT,
 };
 

package/tokens/colors.d.ts

@@ -1,3 +1,3 @@
-import type { ColorTokens } from './types';
-declare const colors: ColorTokens;
+import type { PrimitiveColorTokens } from './types';
+declare const colors: PrimitiveColorTokens;
 export default colors;

package/tokens/colors.js.flow

@@ -5,9 +5,9 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 // @flow
-import type { ColorTokensT } from './types.js';
+import type { PrimitiveColorTokensT } from './types.js';
 
-const colors: ColorTokensT = {
+const colors: PrimitiveColorTokensT = {
   white: '#FFFFFF',
   gray50: '#F6F6F6',
   gray100: '#EEEEEE',

package/tokens/index.d.ts

@@ -1,5 +1,5 @@
-import type { ColorTokens } from './types';
+import type { PrimitiveColorTokens } from './types';
 export { default as colors } from './colors';
 export * from './types';
-/** @deprecated use ColorTokens instead. To be removed in future versions.*/
-export type TokenColors = ColorTokens;
+/** @deprecated use PrimitiveColorTokens instead. To be removed in future versions.*/
+export type TokenColors = PrimitiveColorTokens;

package/tokens/types.d.ts

@@ -1,4 +1,4 @@
-export type ColorTokens = {
+export type PrimitiveColorTokens = {
     white: string;
     black: string;
     gray50: string;

package/tokens/types.js.flow

@@ -5,7 +5,7 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 // @flow
-export type ColorTokensT = {
+export type PrimitiveColorTokensT = {
   white: string,
   black: string,