baseui 11.1.0 → 11.2.0

package/progress-bar/index.d.ts

@@ -49,9 +49,9 @@ export interface ProgressBarRoundedProps {
 }
 export declare const ProgressBarRounded: React.FC<ProgressBarRoundedProps>;
 
-export declare const StyledRoot: StyletronComponent<any>;
-export declare const StyledBarContainer: StyletronComponent<any>;
-export declare const StyledBar: StyletronComponent<any>;
-export declare const StyledBarProgress: StyletronComponent<any>;
-export declare const StyledInfiniteBar: StyletronComponent<any>;
-export declare const StyledLabel: StyletronComponent<any>;
+export declare const StyledRoot: StyletronComponent<any, any>;
+export declare const StyledBarContainer: StyletronComponent<any, any>;
+export declare const StyledBar: StyletronComponent<any, any>;
+export declare const StyledBarProgress: StyletronComponent<any, any>;
+export declare const StyledInfiniteBar: StyletronComponent<any, any>;
+export declare const StyledLabel: StyletronComponent<any, any>;

package/progress-steps/index.d.ts

@@ -58,14 +58,14 @@ export interface StyleProps {
   $isCompleted?: boolean;
   $disabled?: boolean;
 }
-export declare const StyledProgressSteps: StyletronComponent<StyleProps>;
-export declare const StyledStep: StyletronComponent<StyleProps>;
-export declare const StyledIcon: StyletronComponent<StyleProps>;
-export declare const StyledInnerIcon: StyletronComponent<StyleProps>;
-export declare const StyledContent: StyletronComponent<StyleProps>;
-export declare const StyledContentTitle: StyletronComponent<StyleProps>;
-export declare const StyledContentTail: StyletronComponent<StyleProps>;
-export declare const StyledContentDescription: StyletronComponent<StyleProps>;
-export declare const StyledNumberStep: StyletronComponent<StyleProps>;
-export declare const StyledNumberIcon: StyletronComponent<StyleProps>;
-export declare const StyledNumberContentTail: StyletronComponent<StyleProps>;
+export declare const StyledProgressSteps: StyletronComponent<any, StyleProps>;
+export declare const StyledStep: StyletronComponent<any, StyleProps>;
+export declare const StyledIcon: StyletronComponent<any, StyleProps>;
+export declare const StyledInnerIcon: StyletronComponent<any, StyleProps>;
+export declare const StyledContent: StyletronComponent<any, StyleProps>;
+export declare const StyledContentTitle: StyletronComponent<any, StyleProps>;
+export declare const StyledContentTail: StyletronComponent<any, StyleProps>;
+export declare const StyledContentDescription: StyletronComponent<any, StyleProps>;
+export declare const StyledNumberStep: StyletronComponent<any, StyleProps>;
+export declare const StyledNumberIcon: StyletronComponent<any, StyleProps>;
+export declare const StyledNumberContentTail: StyletronComponent<any, StyleProps>;

package/radio/index.d.ts

@@ -125,10 +125,10 @@ export class Radio extends React.Component<RadioProps, RadioState> {
   onBlur(event: React.FocusEvent<HTMLInputElement>): void;
 }
 
-export declare const StyledRoot: StyletronComponent<any>;
-export declare const StyledLabel: StyletronComponent<any>;
-export declare const StyledInput: StyletronComponent<any>;
-export declare const StyledDescription: StyletronComponent<any>;
-export declare const StyledRadioMarkInner: StyletronComponent<any>;
-export declare const StyledRadioMarkOuter: StyletronComponent<any>;
-export declare const StyledRadioGroupRoot: StyletronComponent<any>;
+export declare const StyledRoot: StyletronComponent<any, any>;
+export declare const StyledLabel: StyletronComponent<any, any>;
+export declare const StyledInput: StyletronComponent<any, any>;
+export declare const StyledDescription: StyletronComponent<any, any>;
+export declare const StyledRadioMarkInner: StyletronComponent<any, any>;
+export declare const StyledRadioMarkOuter: StyletronComponent<any, any>;
+export declare const StyledRadioGroupRoot: StyletronComponent<any, any>;

package/rating/index.d.ts

@@ -48,6 +48,6 @@ export interface StyledRatingItemProps {
   $isSelected: boolean;
   $index: number;
 }
-export declare const StyledRoot: StyletronComponent<StyledRootProps>;
-export declare const StyledStar: StyletronComponent<StyledRatingItemProps>;
-export declare const StyledEmoticon: StyletronComponent<StyledRatingItemProps>;
+export declare const StyledRoot: StyletronComponent<any, StyledRootProps>;
+export declare const StyledStar: StyletronComponent<any, StyledRatingItemProps>;
+export declare const StyledEmoticon: StyletronComponent<any, StyledRatingItemProps>;

package/select/index.d.ts

@@ -308,19 +308,19 @@ export class StatefulSelectContainer extends React.Component<StatefulContainerPr
   internalSetState(params: OnChangeParams): void;
 }
 
-export declare const StyledRoot: StyletronComponent<any>;
-export declare const StyledControlContainer: StyletronComponent<any>;
-export declare const StyledValueContainer: StyletronComponent<any>;
-export declare const StyledPlaceholder: StyletronComponent<any>;
-export declare const StyledSingleValue: StyletronComponent<any>;
-export declare const StyledInputContainer: StyletronComponent<any>;
-export declare const StyledInput: StyletronComponent<any>;
-export declare const StyledInputSizer: StyletronComponent<any>;
-export declare const StyledIconsContainer: StyletronComponent<any>;
-export declare const StyledSelectArrow: StyletronComponent<any>;
-export declare const StyledClearIcon: StyletronComponent<any>;
-export declare const StyledSearchIconContainer: StyletronComponent<any>;
-export declare const StyledDropdownContainer: StyletronComponent<any>;
-export declare const StyledDropdown: StyletronComponent<any>;
-export declare const StyledDropdownListItem: StyletronComponent<any>;
-export declare const StyledOptionContent: StyletronComponent<any>;
+export declare const StyledRoot: StyletronComponent<any, any>;
+export declare const StyledControlContainer: StyletronComponent<any, any>;
+export declare const StyledValueContainer: StyletronComponent<any, any>;
+export declare const StyledPlaceholder: StyletronComponent<any, any>;
+export declare const StyledSingleValue: StyletronComponent<any, any>;
+export declare const StyledInputContainer: StyletronComponent<any, any>;
+export declare const StyledInput: StyletronComponent<any, any>;
+export declare const StyledInputSizer: StyletronComponent<any, any>;
+export declare const StyledIconsContainer: StyletronComponent<any, any>;
+export declare const StyledSelectArrow: StyletronComponent<any, any>;
+export declare const StyledClearIcon: StyletronComponent<any, any>;
+export declare const StyledSearchIconContainer: StyletronComponent<any, any>;
+export declare const StyledDropdownContainer: StyletronComponent<any, any>;
+export declare const StyledDropdown: StyletronComponent<any, any>;
+export declare const StyledDropdownListItem: StyletronComponent<any, any>;
+export declare const StyledOptionContent: StyletronComponent<any, any>;

package/select/select-component.js

@@ -315,10 +315,8 @@ var Select = /*#__PURE__*/function (_React$Component) {
         if (containsNode(_this.anchor.current, event.relatedTarget) || containsNode(_this.dropdown.current, event.relatedTarget)) {
           return;
         }
-      } else if (event.type !== 'blur') {
-        if (containsNode(_this.anchor.current, event.target)) {
-          return;
-        }
+      } else if (containsNode(_this.anchor.current, event.target)) {
+        return;
       }
 
       if (_this.props.onBlur) {

package/select/select-component.js.flow

@@ -316,10 +316,8 @@ class Select extends React.Component<PropsT, SelectStateT> {
       ) {
         return;
       }
-    } else if (event.type !== 'blur') {
-      if (containsNode(this.anchor.current, event.target)) {
-        return;
-      }
+    } else if (containsNode(this.anchor.current, event.target)) {
+      return;
     }
 
     if (this.props.onBlur) {

package/side-navigation/index.d.ts

@@ -53,8 +53,8 @@ export class NavItem extends React.Component<NavItemProps> {
   handleKeyDown(event: React.KeyboardEvent): void;
 }
 
-export declare const StyledRoot: StyletronComponent<any>;
-export declare const StyledNavItemContainer: StyletronComponent<any>;
-export declare const StyledNavLink: StyletronComponent<any>;
-export declare const StyledNavItem: StyletronComponent<any>;
-export declare const StyledSubNavContainer: StyletronComponent<any>;
+export declare const StyledRoot: StyletronComponent<any, any>;
+export declare const StyledNavItemContainer: StyletronComponent<any, any>;
+export declare const StyledNavLink: StyletronComponent<any, any>;
+export declare const StyledNavItem: StyletronComponent<any, any>;
+export declare const StyledSubNavContainer: StyletronComponent<any, any>;

package/slider/index.d.ts

@@ -82,11 +82,11 @@ export class StatefulContainer extends React.Component<StatefulContainerProps, S
   internalSetState(type: 'change', { value }: State): void;
 }
 
-export declare const StyledRoot: StyletronComponent<any>;
-export declare const StyledTrack: StyletronComponent<any>;
-export declare const StyledInnerTrack: StyletronComponent<any>;
-export declare const StyledThumb: StyletronComponent<any>;
-export declare const StyledInnerThumb: StyletronComponent<any>;
-export declare const StyledTick: StyletronComponent<any>;
-export declare const StyledTickBar: StyletronComponent<any>;
-export declare const StyledMark: StyletronComponent<any>;
+export declare const StyledRoot: StyletronComponent<any, any>;
+export declare const StyledTrack: StyletronComponent<any, any>;
+export declare const StyledInnerTrack: StyletronComponent<any, any>;
+export declare const StyledThumb: StyletronComponent<any, any>;
+export declare const StyledInnerThumb: StyletronComponent<any, any>;
+export declare const StyledTick: StyletronComponent<any, any>;
+export declare const StyledTickBar: StyletronComponent<any, any>;
+export declare const StyledMark: StyletronComponent<any, any>;

package/spinner/index.d.ts

@@ -14,4 +14,4 @@ export interface SpinnerProps {
   $size?: number | string | SIZE | Sizing;
 }
 
-export declare const Spinner: StyletronComponent<SpinnerProps>;
+export declare const Spinner: StyletronComponent<any, SpinnerProps>;

package/styles/index.d.ts

@@ -37,10 +37,10 @@ export interface Theme {
 type UseStyletronFn<Theme> = () => [(arg: StyleObject) => string, Theme];
 export function createThemedUseStyletron<Theme>(): UseStyletronFn<Theme>;
 export declare const useStyletron: UseStyletronFn<Theme>;
-export function withWrapper<C extends StyletronComponent<any>, P extends object>(
+export function withWrapper<C extends StyletronComponent<any, any>, P extends object>(
   component: C,
   wrapper: (component: C) => React.ComponentType<P>
-): StyletronComponent<React.ComponentProps<C> & P>;
+): StyletronComponent<C, P>;
 
 export function styled<
   P extends object,
@@ -49,30 +49,26 @@ export function styled<
 >(
   component: C,
   styledFn: StyleObject | ((props: { $theme: T } & P) => StyleObject)
-): StyletronComponent<
-  Pick<React.ComponentProps<C>, Exclude<keyof React.ComponentProps<C>, { className: string }>> & P
->;
-export function withStyle<C extends StyletronComponent<any>, P extends object, T = Theme>(
+): StyletronComponent<C, P>;
+export function withStyle<C extends StyletronComponent<any, any>, P extends object, T = Theme>(
   component: C,
   styledFn: StyleObject | ((props: { $theme: T } & P) => StyleObject)
-): StyletronComponent<React.ComponentProps<C> & P>;
+): StyletronComponent<C, P>;
 
 export interface StyledFn<T> extends StyletronStyledFn {
   <C extends keyof JSX.IntrinsicElements | React.ComponentType<any>, P extends object>(
     component: C,
     style: (props: { $theme: T } & P) => StyleObject
-  ): StyletronComponent<
-    Pick<React.ComponentProps<C>, Exclude<keyof React.ComponentProps<C>, { className: string }>> & P
-  >;
+  ): StyletronComponent<C, P>;
 }
 
 export function createThemedStyled<Theme>(): StyledFn<Theme>;
 
 export interface WithStyleFn<T = Theme> extends StyletronWithStyleFn {
-  <C extends StyletronComponent<any>, P extends object, T1 = T>(
+  <C extends StyletronComponent<any, any>, P extends object, T1 = T>(
     component: C,
     style: (props: P & { $theme: T1 }) => StyleObject
-  ): StyletronComponent<React.ComponentProps<C> & P>;
+  ): StyletronComponent<C, P>;
 }
 
 export function createThemedWithStyle<Theme>(): WithStyleFn<Theme>;

package/table/index.d.ts

@@ -54,15 +54,15 @@ export interface FilterProps {
 }
 export declare const Filter: React.FC<FilterProps>;
 
-export declare const StyledTable: StyletronComponent<any>;
-export declare const StyledFilterButton: StyletronComponent<any>;
-export declare const StyledFilterContent: StyletronComponent<any>;
-export declare const StyledFilterHeading: StyletronComponent<any>;
-export declare const StyledFilterFooter: StyletronComponent<any>;
-export declare const StyledHead: StyletronComponent<any>;
-export declare const StyledHeadCell: StyletronComponent<any>;
-export declare const StyledBody: StyletronComponent<any>;
-export declare const StyledRow: StyletronComponent<any>;
-export declare const StyledCell: StyletronComponent<any>;
-export declare const StyledAction: StyletronComponent<any>;
-export declare const StyledSortableLabel: StyletronComponent<any>;
+export declare const StyledTable: StyletronComponent<any, any>;
+export declare const StyledFilterButton: StyletronComponent<any, any>;
+export declare const StyledFilterContent: StyletronComponent<any, any>;
+export declare const StyledFilterHeading: StyletronComponent<any, any>;
+export declare const StyledFilterFooter: StyletronComponent<any, any>;
+export declare const StyledHead: StyletronComponent<any, any>;
+export declare const StyledHeadCell: StyletronComponent<any, any>;
+export declare const StyledBody: StyletronComponent<any, any>;
+export declare const StyledRow: StyletronComponent<any, any>;
+export declare const StyledCell: StyletronComponent<any, any>;
+export declare const StyledAction: StyletronComponent<any, any>;
+export declare const StyledSortableLabel: StyletronComponent<any, any>;

package/table-grid/index.d.ts

@@ -1,7 +1,7 @@
 import { StyletronComponent } from 'styletron-react';
 import { SORT_DIRECTION, SortableHeadCell } from '../table/';
 
-export declare const StyledTable: StyletronComponent<any>;
-export declare const StyledHeadCell: StyletronComponent<any>;
-export declare const StyledBodyCell: StyletronComponent<any>;
+export declare const StyledTable: StyletronComponent<any, any>;
+export declare const StyledHeadCell: StyletronComponent<any, any>;
+export declare const StyledBodyCell: StyletronComponent<any, any>;
 export { SORT_DIRECTION, SortableHeadCell };

package/table-semantic/index.d.ts

@@ -81,17 +81,17 @@ export interface TableBuilderColumnProps<RowT> {
 }
 export class TableBuilderColumn<RowT> extends React.Component<TableBuilderColumnProps<RowT>> {}
 
-export declare const StyledRoot: StyletronComponent<any>;
-export declare const StyledTable: StyletronComponent<any>;
-export declare const StyledTableHead: StyletronComponent<any>;
-export declare const StyledTableHeadRow: StyletronComponent<any>;
-export declare const StyledTableHeadCell: StyletronComponent<any>;
-export declare const StyledTableHeadCellSortable: StyletronComponent<any>;
-export declare const StyledTableBody: StyletronComponent<any>;
-export declare const StyledTableBodyRow: StyletronComponent<any>;
-export declare const StyledTableBodyCell: StyletronComponent<any>;
-export declare const StyledTableLoadingMessage: StyletronComponent<any>;
-export declare const StyledTableEmptyMessage: StyletronComponent<any>;
-export declare const StyledSortAscIcon: StyletronComponent<any>;
-export declare const StyledSortDescIcon: StyletronComponent<any>;
-export declare const StyledSortNoneIcon: StyletronComponent<any>;
+export declare const StyledRoot: StyletronComponent<any, any>;
+export declare const StyledTable: StyletronComponent<any, any>;
+export declare const StyledTableHead: StyletronComponent<any, any>;
+export declare const StyledTableHeadRow: StyletronComponent<any, any>;
+export declare const StyledTableHeadCell: StyletronComponent<any, any>;
+export declare const StyledTableHeadCellSortable: StyletronComponent<any, any>;
+export declare const StyledTableBody: StyletronComponent<any, any>;
+export declare const StyledTableBodyRow: StyletronComponent<any, any>;
+export declare const StyledTableBodyCell: StyletronComponent<any, any>;
+export declare const StyledTableLoadingMessage: StyletronComponent<any, any>;
+export declare const StyledTableEmptyMessage: StyletronComponent<any, any>;
+export declare const StyledSortAscIcon: StyletronComponent<any, any>;
+export declare const StyledSortDescIcon: StyletronComponent<any, any>;
+export declare const StyledSortNoneIcon: StyletronComponent<any, any>;

package/tabs/index.d.ts

@@ -85,7 +85,7 @@ export class Tab extends React.Component<TabProps> {
   getSharedProps(): SharedProps;
 }
 
-export declare const StyledRoot: StyletronComponent<any>;
-export declare const StyledTab: StyletronComponent<any>;
-export declare const StyledTabBar: StyletronComponent<any>;
-export declare const StyledTabContent: StyletronComponent<any>;
+export declare const StyledRoot: StyletronComponent<any, any>;
+export declare const StyledTab: StyletronComponent<any, any>;
+export declare const StyledTabBar: StyletronComponent<any, any>;
+export declare const StyledTabContent: StyletronComponent<any, any>;

package/tabs-motion/index.d.ts

@@ -30,13 +30,13 @@ export declare const isRTL: (direction: string) => boolean;
 
 // styled-components
 
-export declare const StyledRoot: StyletronComponent<any>;
-export declare const StyledTabList: StyletronComponent<any>;
-export declare const StyledTab: StyletronComponent<any>;
-export declare const StyledArtworkContainer: StyletronComponent<any>;
-export declare const StyledTabBorder: StyletronComponent<any>;
-export declare const StyledTabHighlight: StyletronComponent<any>;
-export declare const StyledTabPanel: StyletronComponent<any>;
+export declare const StyledRoot: StyletronComponent<any, any>;
+export declare const StyledTabList: StyletronComponent<any, any>;
+export declare const StyledTab: StyletronComponent<any, any>;
+export declare const StyledArtworkContainer: StyletronComponent<any, any>;
+export declare const StyledTabBorder: StyletronComponent<any, any>;
+export declare const StyledTabHighlight: StyletronComponent<any, any>;
+export declare const StyledTabPanel: StyletronComponent<any, any>;
 
 // tabs
 

package/tag/index.d.ts

@@ -65,6 +65,6 @@ export class Tag extends React.Component<TagProps> {
   handleActionKeyDown(event: KeyboardEvent): void;
 }
 
-export declare const StyledRoot: StyletronComponent<any>;
-export declare const StyledAction: StyletronComponent<any>;
-export declare const StyledText: StyletronComponent<any>;
+export declare const StyledRoot: StyletronComponent<any, any>;
+export declare const StyledAction: StyletronComponent<any, any>;
+export declare const StyledText: StyletronComponent<any, any>;

package/textarea/index.d.ts

@@ -33,7 +33,7 @@ export declare const StatefulTextarea: React.FC<StatefulTextareaProps>;
 
 export { StatefulContainer };
 
-export declare const StyledTextareaContainer: StyletronComponent<any>;
-export declare const StyledTextarea: StyletronComponent<any>;
+export declare const StyledTextareaContainer: StyletronComponent<any, any>;
+export declare const StyledTextarea: StyletronComponent<any, any>;
 
 export { STATE_CHANGE_TYPE };

package/themes/shared/borders.js

@@ -54,7 +54,7 @@ var borders = {
   useRoundedCorners: true,
 
   /** Button, ButtonGroup */
-  buttonBorderRadius: '0px',
+  buttonBorderRadius: '8px',
 
   /** Input, Select, Textarea, Checkbox */
   inputBorderRadius: '0px',

package/themes/shared/borders.js.flow

@@ -48,7 +48,7 @@ const borders: BordersT = {
   /** Datepicker (Range), Progress Bar, Slider, Tag */
   useRoundedCorners: true,
   /** Button, ButtonGroup */
-  buttonBorderRadius: '0px',
+  buttonBorderRadius: '8px',
   /** Input, Select, Textarea, Checkbox */
   inputBorderRadius: '0px',
   /** Popover, Menu, Tooltip */

package/toast/index.d.ts

@@ -118,6 +118,6 @@ export class Toast extends React.Component<ToastProps, ToastPrivateState> {
   getSharedProps(): Readonly<SharedStylePropsArg>;
 }
 
-export declare const Root: StyletronComponent<any>;
-export declare const Body: StyletronComponent<any>;
-export declare const CloseIconSvg: StyletronComponent<any>;
+export declare const Root: StyletronComponent<any, any>;
+export declare const Body: StyletronComponent<any, any>;
+export declare const CloseIconSvg: StyletronComponent<any, any>;

package/tooltip/index.d.ts

@@ -21,6 +21,6 @@ export { ACCESSIBILITY_TYPE, PLACEMENT, TRIGGER_TYPE };
 export type TooltipProps = PopoverProps;
 export class Tooltip extends React.Component<TooltipProps> {}
 
-export declare const StyledArrow: StyletronComponent<any>;
-export declare const StyledBody: StyletronComponent<any>;
-export declare const StyledInner: StyletronComponent<any>;
+export declare const StyledArrow: StyletronComponent<any, any>;
+export declare const StyledBody: StyletronComponent<any, any>;
+export declare const StyledInner: StyletronComponent<any, any>;

package/tree-view/index.d.ts

@@ -62,10 +62,10 @@ export declare const StatefulTreeView: React.FC<TreeViewProps>;
 
 export declare const TreeLabel: React.FC<TreeLabelProps>;
 
-export declare const StyledTreeItemList: StyletronComponent<any>;
-export declare const StyledTreeItem: StyletronComponent<any>;
-export declare const StyledItemContent: StyletronComponent<any>;
-export declare const StyledIconContainer: StyletronComponent<any>;
+export declare const StyledTreeItemList: StyletronComponent<any, any>;
+export declare const StyledTreeItem: StyletronComponent<any, any>;
+export declare const StyledItemContent: StyletronComponent<any, any>;
+export declare const StyledIconContainer: StyletronComponent<any, any>;
 
 type TGetId = (node: TreeNode) => string | number;
 type toggleIsExpandedT = (data: TreeNode[], toggledNode: TreeNode, getId?: TGetId) => TreeNode[];