baseui 0.0.0-alpha-8ab2335 → 0.0.0-alpha-e79754d

package/toast/styled-components.js

@@ -110,7 +110,6 @@ var Root = (0, _styles.styled)('div', function (_ref) {
 });
 exports.Root = Root;
 Root.displayName = "Root";
-Root.displayName = 'Root';
 var InnerContainer = (0, _styles.styled)('div', // eslint-disable-next-line no-empty-pattern
 function (_ref2) {
   _objectDestructuringEmpty(_ref2);
@@ -119,7 +118,6 @@ function (_ref2) {
 });
 exports.InnerContainer = InnerContainer;
 InnerContainer.displayName = "InnerContainer";
-InnerContainer.displayName = 'InnerContainer';
 var Body = (0, _styles.styled)('div', function (_ref3) {
   var $isVisible = _ref3.$isVisible,
       $kind = _ref3.$kind,
@@ -153,7 +151,6 @@ var Body = (0, _styles.styled)('div', function (_ref3) {
 });
 exports.Body = Body;
 Body.displayName = "Body";
-Body.displayName = 'Body';
 var CloseIconSvg = (0, _styles.styled)('svg', function (_ref4) {
   var $theme = _ref4.$theme,
       $size = _ref4.$size,
@@ -171,5 +168,4 @@ var CloseIconSvg = (0, _styles.styled)('svg', function (_ref4) {
   });
 });
 exports.CloseIconSvg = CloseIconSvg;
-CloseIconSvg.displayName = "CloseIconSvg";
-CloseIconSvg.displayName = 'CloseIconSvg';
+CloseIconSvg.displayName = "CloseIconSvg";

package/toast/toaster.js.flow

@@ -6,7 +6,7 @@ LICENSE file in the root directory of this source tree.
 */
 
 // @flow
-
+/* eslint-disable cup/no-undef */
 import * as React from 'react';
 import ReactDOM from 'react-dom';
 import { getOverrides, mergeOverrides } from '../helpers/overrides.js';

package/toast/types.d.ts

@@ -1,6 +1,6 @@
-import type * as React from 'react';
+import * as React from 'react';
 import type { Override } from '../helpers/overrides';
-import type { KIND, PLACEMENT, TYPE } from './constants';
+import { KIND, PLACEMENT, TYPE } from './constants';
 export declare type KindType = typeof KIND[keyof typeof KIND];
 export declare type NotificationType = typeof TYPE[keyof typeof TYPE];
 export declare type PlacementType = typeof PLACEMENT[keyof typeof PLACEMENT];

package/tokens/colors.js

@@ -57,14 +57,6 @@ var colors = {
   yellow500: '#BC8B2C',
   yellow600: '#996F00',
   yellow700: '#674D1B',
-  lime50: '#F2F7ED',
-  lime100: '#E0ECD2',
-  lime200: '#BCD69D',
-  lime300: '#8BB956',
-  lime400: '#67A421',
-  lime500: '#4E7C19',
-  lime600: '#3D6213',
-  lime700: '#29410d',
   green50: '#E6F2ED',
   green100: '#ADDEC9',
   green200: '#66D19E',
@@ -73,14 +65,6 @@ var colors = {
   green500: '#03703C',
   green600: '#03582F',
   green700: '#10462D',
-  teal50: '#EDF5F7',
-  teal100: '#D2E8EC',
-  teal200: '#9DCDD6',
-  teal300: '#56A9B9',
-  teal400: '#218EA4',
-  teal500: '#196B7C',
-  teal600: '#135562',
-  teal700: '#0D3841',
   blue50: '#EFF3FE',
   blue100: '#D4E2FC',
   blue200: '#A0BFF8',
@@ -105,14 +89,6 @@ var colors = {
   purple500: '#574191',
   purple600: '#453473',
   purple700: '#2E224C',
-  magenta50: '#F9F1F7',
-  magenta100: '#F2DDEB',
-  magenta200: '#E2B4D3',
-  magenta300: '#CE7EB3',
-  magenta400: '#BF569C',
-  magenta500: '#914176',
-  magenta600: '#72335D',
-  magenta700: '#4C223E',
   brown50: '#F6F0EA',
   brown100: '#EBE0DB',
   brown200: '#D2BBB0',

package/tokens/colors.js.flow

@@ -58,15 +58,6 @@ const colors: ColorTokensT = {
   yellow600: '#996F00',
   yellow700: '#674D1B',
 
-  lime50: '#F2F7ED',
-  lime100: '#E0ECD2',
-  lime200: '#BCD69D',
-  lime300: '#8BB956',
-  lime400: '#67A421',
-  lime500: '#4E7C19',
-  lime600: '#3D6213',
-  lime700: '#29410d',
-
   green50: '#E6F2ED',
   green100: '#ADDEC9',
   green200: '#66D19E',
@@ -76,15 +67,6 @@ const colors: ColorTokensT = {
   green600: '#03582F',
   green700: '#10462D',
 
-  teal50: '#EDF5F7',
-  teal100: '#D2E8EC',
-  teal200: '#9DCDD6',
-  teal300: '#56A9B9',
-  teal400: '#218EA4',
-  teal500: '#196B7C',
-  teal600: '#135562',
-  teal700: '#0D3841',
-
   blue50: '#EFF3FE',
   blue100: '#D4E2FC',
   blue200: '#A0BFF8',
@@ -112,15 +94,6 @@ const colors: ColorTokensT = {
   purple600: '#453473',
   purple700: '#2E224C',
 
-  magenta50: '#F9F1F7',
-  magenta100: '#F2DDEB',
-  magenta200: '#E2B4D3',
-  magenta300: '#CE7EB3',
-  magenta400: '#BF569C',
-  magenta500: '#914176',
-  magenta600: '#72335D',
-  magenta700: '#4C223E',
-
   brown50: '#F6F0EA',
   brown100: '#EBE0DB',
   brown200: '#D2BBB0',

package/tokens/types.d.ts

@@ -28,14 +28,6 @@ export declare type ColorTokens = {
     blue500: string;
     blue600: string;
     blue700: string;
-    teal50: string;
-    teal100: string;
-    teal200: string;
-    teal300: string;
-    teal400: string;
-    teal500: string;
-    teal600: string;
-    teal700: string;
     red50: string;
     red100: string;
     red200: string;
@@ -60,14 +52,6 @@ export declare type ColorTokens = {
     orange500: string;
     orange600: string;
     orange700: string;
-    magenta50: string;
-    magenta100: string;
-    magenta200: string;
-    magenta300: string;
-    magenta400: string;
-    magenta500: string;
-    magenta600: string;
-    magenta700: string;
     purple50: string;
     purple100: string;
     purple200: string;
@@ -84,14 +68,6 @@ export declare type ColorTokens = {
     yellow500: string;
     yellow600: string;
     yellow700: string;
-    lime50: string;
-    lime100: string;
-    lime200: string;
-    lime300: string;
-    lime400: string;
-    lime500: string;
-    lime600: string;
-    lime700: string;
     brown50: string;
     brown100: string;
     brown200: string;

package/tokens/types.js.flow

@@ -39,15 +39,6 @@ export type ColorTokensT = {
   blue600: string,
   blue700: string,
 
-  teal50: string,
-  teal100: string,
-  teal200: string,
-  teal300: string,
-  teal400: string,
-  teal500: string,
-  teal600: string,
-  teal700: string,
-
   red50: string,
   red100: string,
   red200: string,
@@ -75,15 +66,6 @@ export type ColorTokensT = {
   orange600: string,
   orange700: string,
 
-  magenta50: string,
-  magenta100: string,
-  magenta200: string,
-  magenta300: string,
-  magenta400: string,
-  magenta500: string,
-  magenta600: string,
-  magenta700: string,
-
   purple50: string,
   purple100: string,
   purple200: string,
@@ -102,15 +84,6 @@ export type ColorTokensT = {
   yellow600: string,
   yellow700: string,
 
-  lime50: string,
-  lime100: string,
-  lime200: string,
-  lime300: string,
-  lime400: string,
-  lime500: string,
-  lime600: string,
-  lime700: string,
-
   brown50: string,
   brown100: string,
   brown200: string,

package/tooltip/styled-components.js

@@ -44,7 +44,6 @@ var Body = (0, _styles.styled)('div', function (props) {
 });
 exports.Body = Body;
 Body.displayName = "Body";
-Body.displayName = 'Body';
 var Inner = (0, _styles.styled)('div', function (props) {
   return _objectSpread(_objectSpread(_objectSpread({}, (0, _styledComponents.getInnerStyles)(props)), {}, {
     backgroundColor: props.$theme.colors.tooltipBackground,
@@ -62,12 +61,10 @@ var Inner = (0, _styles.styled)('div', function (props) {
 });
 exports.Inner = Inner;
 Inner.displayName = "Inner";
-Inner.displayName = 'Inner';
 var Arrow = (0, _styles.styled)('div', function (props) {
   return _objectSpread(_objectSpread({}, (0, _styledComponents.getArrowStyles)(props)), {}, {
     backgroundColor: props.$theme.colors.tooltipBackground
   });
 });
 exports.Arrow = Arrow;
-Arrow.displayName = "Arrow";
-Arrow.displayName = 'Arrow';
+Arrow.displayName = "Arrow";

package/tree-view/styled-components.js

@@ -29,7 +29,6 @@ var StyledTreeItemList = (0, _styles.styled)('ul', function (_ref) {
 });
 exports.StyledTreeItemList = StyledTreeItemList;
 StyledTreeItemList.displayName = "StyledTreeItemList";
-StyledTreeItemList.displayName = 'StyledTreeItemList';
 var StyledTreeItem = (0, _styles.styled)('li', function (_ref3) {
   var $theme = _ref3.$theme,
       $isLeafNode = _ref3.$isLeafNode;
@@ -50,7 +49,6 @@ var StyledTreeItem = (0, _styles.styled)('li', function (_ref3) {
 });
 exports.StyledTreeItem = StyledTreeItem;
 StyledTreeItem.displayName = "StyledTreeItem";
-StyledTreeItem.displayName = 'StyledTreeItem';
 var StyledItemContent = (0, _styles.styled)('div', function (_ref4) {
   var $theme = _ref4.$theme,
       $isSelected = _ref4.$isSelected,
@@ -77,7 +75,6 @@ var StyledItemContent = (0, _styles.styled)('div', function (_ref4) {
 });
 exports.StyledItemContent = StyledItemContent;
 StyledItemContent.displayName = "StyledItemContent";
-StyledItemContent.displayName = 'StyledItemContent';
 var StyledIconContainer = (0, _styles.styled)('div', function (_ref5) {
   var $theme = _ref5.$theme;
   var marginDirection = $theme.direction === 'rtl' ? 'marginLeft' : 'marginRight';
@@ -91,7 +88,6 @@ var StyledIconContainer = (0, _styles.styled)('div', function (_ref5) {
 });
 exports.StyledIconContainer = StyledIconContainer;
 StyledIconContainer.displayName = "StyledIconContainer";
-StyledIconContainer.displayName = 'StyledIconContainer';
 var StyledNoIconContainer = (0, _styles.styled)('div', function (_ref7) {
   var _ref8;
 
@@ -107,12 +103,10 @@ var StyledNoIconContainer = (0, _styles.styled)('div', function (_ref7) {
 });
 exports.StyledNoIconContainer = StyledNoIconContainer;
 StyledNoIconContainer.displayName = "StyledNoIconContainer";
-StyledNoIconContainer.displayName = 'StyledNoIconContainer';
 var StyledLabelInteractable = (0, _styles.styled)('div', function () {
   return {
     width: '100%'
   };
 });
 exports.StyledLabelInteractable = StyledLabelInteractable;
-StyledLabelInteractable.displayName = "StyledLabelInteractable";
-StyledLabelInteractable.displayName = 'StyledLabelInteractable';
+StyledLabelInteractable.displayName = "StyledLabelInteractable";

package/tree-view/tree-view.js

@@ -83,7 +83,6 @@ function TreeView(props) {
   };
 
   var onKeyDown = function onKeyDown(e, node) {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var elementId = e.target.getAttribute('data-nodeid'); // this check prevents bubbling
 
     if (elementId !== getId(node) && parseInt(elementId) !== getId(node)) {
@@ -172,8 +171,7 @@ function TreeView(props) {
     if (selectedNodeId === null && data.length) {
       setSelectedNodeId(getId(data[0]));
     }
-  }; // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
+  };
 
   var onBlur = function onBlur(event) {
     if (focusVisible) {

package/tree-view/types.d.ts

@@ -1,5 +1,6 @@
-import type * as React from 'react';
+import * as React from 'react';
 import type { Override } from '../helpers/overrides';
+import type { SyntheticEvent } from 'react';
 export declare type TreeLabelOverrides = {
     TreeItemContent?: Override;
     IconContainer?: Override;
@@ -45,8 +46,8 @@ export declare type TreeNodeProps = {
     overrides?: TreeViewOverrides;
     renderAll?: boolean;
     onKeyDown?: (e: KeyboardEvent, node: TreeNodeData) => unknown;
-    onFocus?: (event: React.SyntheticEvent) => unknown;
-    onBlur?: (event: React.SyntheticEvent) => unknown;
+    onFocus?: (event: SyntheticEvent) => unknown;
+    onBlur?: (event: SyntheticEvent) => unknown;
     selectedNodeId?: TreeNodeId;
     addRef: (id: TreeNodeId, ref: React.Ref<HTMLLIElement>) => unknown;
     removeRef: (id: TreeNodeId) => unknown;

package/types/globals.d.js

@@ -1,14 +1 @@
-"use strict";
-
-/*
-Copyright (c) Uber Technologies, Inc.
-
-This source code is licensed under the MIT license found in the
-LICENSE file in the root directory of this source tree.
-*/
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-var PlaywrightTest;
-
-(function (_PlaywrightTest) {})(PlaywrightTest || (PlaywrightTest = {}));
+"use strict";

package/utils/deep-merge.js

@@ -13,6 +13,8 @@ Copyright (c) Uber Technologies, Inc.
 This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
+
+/* flowlint unclear-type:off */
 function deepMerge(target) {
   target = target || {};
   var len = arguments.length <= 1 ? 0 : arguments.length - 1;
@@ -39,6 +41,10 @@ function deepMerge(target) {
 
   return target;
 }
+/* flowlint unclear-type:error */
+
+/* eslint-disable-next-line flowtype/no-weak-types */
+
 
 function isCloneable(obj) {
   /* eslint-disable-next-line eqeqeq */

package/utils/deprecated-component.js

@@ -16,7 +16,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _default(Component, displayName) {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   var DeprecatedComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (process.env.NODE_ENV !== "production") {
       console.warn("We have stabilized the ".concat(displayName, " component, so you can drop the \"Unstable_\" prefix from your imports. We will remove the \"Unstable_\" exports soon, so please make these changes as soon as possible!"));

package/utils/focusVisible.d.ts

@@ -1,4 +1,4 @@
-import type * as React from 'react';
+import * as React from 'react';
 export declare function teardown(doc: any): void;
 export declare function isFocusVisible(event: any): any;
 /**

package/utils/focusVisible.js

@@ -160,8 +160,7 @@ function initFocusVisible(node) {
   }
 }
 
-var forkFocus = // eslint-disable-next-line @typescript-eslint/no-explicit-any
-function forkFocus(rootProps, handler) {
+var forkFocus = function forkFocus(rootProps, handler) {
   return function (e) {
     if (typeof rootProps.onFocus === 'function') {
       rootProps.onFocus(e);
@@ -173,8 +172,7 @@ function forkFocus(rootProps, handler) {
 
 exports.forkFocus = forkFocus;
 
-var forkBlur = // eslint-disable-next-line @typescript-eslint/no-explicit-any
-function forkBlur(rootProps, handler) {
+var forkBlur = function forkBlur(rootProps, handler) {
   return function (e) {
     if (typeof rootProps.onBlur === 'function') {
       rootProps.onBlur(e);

package/es/map-marker/location-puck.js

@@ -1,142 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-/*
-Copyright (c) Uber Technologies, Inc.
-
-This source code is licensed under the MIT license found in the
-LICENSE file in the root directory of this source tree.
-*/
-import * as React from 'react';
-import { useStyletron } from '../styles';
-import { getOverrides } from '../helpers/overrides';
-import { LOCATION_PUCK_SIZES, LOCATION_PUCK_TYPES, EARNER_LOCATION_PUCK_CORE_SCALES } from './constants';
-import { LocationPuckContainer, StyledConsumerLocationPuckCore, StyledLocationPuckApproximation, StyledEarnerLocationPuckCore } from './styled-components';
-
-const ConsumerLocationPuckHeading = ({
-  heading
-}) => {
-  const [css, theme] = useStyletron();
-  return /*#__PURE__*/React.createElement("svg", {
-    className: css({
-      height: `${6}px`,
-      width: `${11}px`,
-      position: 'absolute',
-      color: theme.colors.contentAccent,
-      transition: `${theme.animation.timing300} ${theme.animation.easeOutCurve} all`
-    }),
-    style: {
-      transform: `rotate(${heading}deg) translateY(-16px)`
-    },
-    width: "11",
-    height: "6",
-    viewBox: "0 0 11 6",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M5.5 0L0 6L5.5 5L11 6L5.5 0Z",
-    fill: "currentColor"
-  }));
-};
-
-const ConsumerLocationPuck = ({
-  heading,
-  showHeading,
-  confidenceRadius,
-  overrides
-}) => {
-  const [, theme] = useStyletron();
-  const [Root, rootProps] = getOverrides(overrides.Root, LocationPuckContainer);
-  const [ConsumerLocationPuckCore, consumerLocationPuckCoreProps] = getOverrides(overrides.ConsumerLocationPuckCore, StyledConsumerLocationPuckCore);
-  const [LocationPuckApproximation, locationPuckApproximationProps] = getOverrides(overrides.LocationPuckApproximation, StyledLocationPuckApproximation);
-  return /*#__PURE__*/React.createElement(Root, rootProps, /*#__PURE__*/React.createElement(LocationPuckApproximation, _extends({
-    $color: theme.colors.contentAccent,
-    $radius: confidenceRadius
-  }, locationPuckApproximationProps)), /*#__PURE__*/React.createElement(ConsumerLocationPuckCore, consumerLocationPuckCoreProps), showHeading && /*#__PURE__*/React.createElement(ConsumerLocationPuckHeading, {
-    heading: heading
-  }));
-};
-
-const EarnerLocationPuckHeading = ({
-  size,
-  color,
-  heading
-}) => {
-  const [css, theme] = useStyletron();
-  return /*#__PURE__*/React.createElement("svg", {
-    className: css({
-      position: 'absolute',
-      transition: `${theme.animation.timing300} ${theme.animation.easeOutCurve} all`
-    }),
-    style: {
-      transform: `rotate(${heading}deg) scale(${EARNER_LOCATION_PUCK_CORE_SCALES[size]})`
-    },
-    width: "72",
-    height: "72",
-    viewBox: "0 0 72 72",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M36 20L52 52L36 42.8571L20 52L36 20Z",
-    fill: color
-  }));
-};
-
-const EarnerLocationPuck = ({
-  heading,
-  confidenceRadius,
-  size,
-  overrides
-}) => {
-  const [, theme] = useStyletron();
-  const color = theme.colors.contentPrimary;
-  const [Root, rootProps] = getOverrides(overrides.Root, LocationPuckContainer);
-  const [LocationPuckApproximation, locationPuckApproximationProps] = getOverrides(overrides.LocationPuckApproximation, StyledLocationPuckApproximation);
-  const [EarnerLocationPuckCore, earnerLocationPuckCoreProps] = getOverrides(overrides.EarnerLocationPuckCore, StyledEarnerLocationPuckCore);
-  return /*#__PURE__*/React.createElement(Root, rootProps, /*#__PURE__*/React.createElement(LocationPuckApproximation, _extends({
-    $color: color,
-    $radius: confidenceRadius
-  }, locationPuckApproximationProps)), /*#__PURE__*/React.createElement(EarnerLocationPuckCore, _extends({
-    $color: color,
-    $size: size
-  }, earnerLocationPuckCoreProps)), /*#__PURE__*/React.createElement(EarnerLocationPuckHeading, {
-    size: size,
-    color: color,
-    heading: heading
-  }));
-};
-
-const LocationPuck = ({
-  size = LOCATION_PUCK_SIZES.medium,
-  heading = 0,
-  showHeading = true,
-  confidenceRadius = 0,
-  type = LOCATION_PUCK_TYPES.consumer,
-  overrides = {}
-}) => {
-  if (process.env.NODE_ENV !== "production") {
-    if (size !== LOCATION_PUCK_SIZES.medium && type === LOCATION_PUCK_TYPES.consumer) {
-      console.warn(`Location puck size can only be applied to type === LOCATION_PUCK_TYPES.earner`);
-    }
-
-    if (!showHeading && type === LOCATION_PUCK_TYPES.earner) {
-      console.warn(`Earner location puck must show the heading indicator`);
-    }
-  }
-
-  const sharedProps = {
-    heading,
-    confidenceRadius,
-    overrides
-  };
-  return type === LOCATION_PUCK_TYPES.consumer ? /*#__PURE__*/React.createElement(ConsumerLocationPuck, _extends({}, sharedProps, {
-    showHeading: showHeading
-  })) : /*#__PURE__*/React.createElement(EarnerLocationPuck, _extends({}, sharedProps, {
-    size: size
-  }));
-};
-
-export default LocationPuck;

package/es/message-card/constants.js

@@ -1,19 +0,0 @@
-/*
-Copyright (c) Uber Technologies, Inc.
-
-This source code is licensed under the MIT license found in the
-LICENSE file in the root directory of this source tree.
-*/
-import { KIND } from '../button';
-export const BACKGROUND_COLOR_TYPE = Object.freeze({
-  light: 'light',
-  dark: 'dark'
-});
-export const IMAGE_LAYOUT = Object.freeze({
-  top: 'top',
-  trailing: 'trailing'
-});
-export const BUTTON_KIND = Object.freeze({
-  [KIND.secondary]: KIND.secondary,
-  [KIND.tertiary]: KIND.tertiary
-});

package/es/message-card/index.js

@@ -1,10 +0,0 @@
-/*
-Copyright (c) Uber Technologies, Inc.
-
-This source code is licensed under the MIT license found in the
-LICENSE file in the root directory of this source tree.
-*/
-export { default as MessageCard } from './message-card';
-export * from './constants';
-export * from './styled-components';
-export * from './types';