baseui 12.0.0 → 12.1.2

package/toast/styled-components.js

@@ -110,6 +110,7 @@ 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);
@@ -118,6 +119,7 @@ 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,
@@ -151,6 +153,7 @@ 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,
@@ -168,4 +171,5 @@ 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 * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
-import { KIND, PLACEMENT, TYPE } from './constants';
+import type { 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,6 +57,14 @@ 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',
@@ -65,6 +73,14 @@ 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',
@@ -89,6 +105,14 @@ 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,6 +58,15 @@ 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',
@@ -67,6 +76,15 @@ 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',
@@ -94,6 +112,15 @@ 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,6 +28,14 @@ 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;
@@ -52,6 +60,14 @@ 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;
@@ -68,6 +84,14 @@ 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,6 +39,15 @@ 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,
@@ -66,6 +75,15 @@ 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,
@@ -84,6 +102,15 @@ 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,6 +44,7 @@ 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,
@@ -61,10 +62,12 @@ 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,6 +29,7 @@ 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;
@@ -49,6 +50,7 @@ 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,
@@ -75,6 +77,7 @@ 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';
@@ -88,6 +91,7 @@ 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;
 
@@ -103,10 +107,12 @@ 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,6 +83,7 @@ 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)) {
@@ -171,7 +172,8 @@ 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,6 +1,5 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
-import type { SyntheticEvent } from 'react';
 export declare type TreeLabelOverrides = {
     TreeItemContent?: Override;
     IconContainer?: Override;
@@ -46,8 +45,8 @@ export declare type TreeNodeProps = {
     overrides?: TreeViewOverrides;
     renderAll?: boolean;
     onKeyDown?: (e: KeyboardEvent, node: TreeNodeData) => unknown;
-    onFocus?: (event: SyntheticEvent) => unknown;
-    onBlur?: (event: SyntheticEvent) => unknown;
+    onFocus?: (event: React.SyntheticEvent) => unknown;
+    onBlur?: (event: React.SyntheticEvent) => unknown;
     selectedNodeId?: TreeNodeId;
     addRef: (id: TreeNodeId, ref: React.Ref<HTMLLIElement>) => unknown;
     removeRef: (id: TreeNodeId) => unknown;

package/types/globals.d.js

@@ -1 +1,14 @@
-"use strict";
+"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 = {}));

package/utils/deep-merge.js

@@ -13,8 +13,6 @@ 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;
@@ -41,10 +39,6 @@ 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,6 +16,7 @@ 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 * as React from 'react';
+import type * as React from 'react';
 export declare function teardown(doc: any): void;
 export declare function isFocusVisible(event: any): any;
 /**

package/utils/focusVisible.js

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