baseui 11.1.2 → 11.2.0

package/accordion/index.d.ts

@@ -123,10 +123,10 @@ export class StatefulPanelContainer extends React.Component<
   ): void;
 }
 
-export declare const StyledRoot: StyletronComponent<any>;
-export declare const StyledPanelContainer: StyletronComponent<any>;
-export declare const StyledHeader: StyletronComponent<any>;
-export declare const StyledContent: StyletronComponent<any>;
-export declare const StyledContentAnimationContainer: StyletronComponent<any>;
-export declare const StyledToggleIcon: StyletronComponent<any>;
-export declare const StyledToggleIconGroup: StyletronComponent<any>;
+export declare const StyledRoot: StyletronComponent<any, any>;
+export declare const StyledPanelContainer: StyletronComponent<any, any>;
+export declare const StyledHeader: StyletronComponent<any, any>;
+export declare const StyledContent: StyletronComponent<any, any>;
+export declare const StyledContentAnimationContainer: StyletronComponent<any, any>;
+export declare const StyledToggleIcon: StyletronComponent<any, any>;
+export declare const StyledToggleIconGroup: StyletronComponent<any, any>;

package/avatar/index.d.ts

@@ -22,6 +22,6 @@ export interface AvatarProps {
 
 export declare const Avatar: React.FC<AvatarProps>;
 
-export declare const StyledAvatar: StyletronComponent<any>;
-export declare const StyledInitials: StyletronComponent<any>;
-export declare const StyledRoot: StyletronComponent<any>;
+export declare const StyledAvatar: StyletronComponent<any, any>;
+export declare const StyledInitials: StyletronComponent<any, any>;
+export declare const StyledRoot: StyletronComponent<any, any>;

package/badge/index.d.ts

@@ -2,25 +2,25 @@ import * as React from 'react';
 import { StyletronComponent } from 'styletron-react';
 import { Override } from '../overrides';
 
-export interface HIERARCHY {
+export declare const HIERARCHY: {
   primary: 'primary';
   secondary: 'secondary';
-}
+};
 
-export interface SHAPE {
+export declare const SHAPE: {
   pill: 'pill';
   rectangle: 'rectangle';
-}
+};
 
-export interface COLOR {
+export declare const COLOR: {
   accent: 'accent';
   primary: 'primary';
   positive: 'positive';
   negative: 'negative';
   warning: 'warning';
-}
+};
 
-export interface PLACEMENT {
+export declare const PLACEMENT: {
   topLeft: 'topLeft';
   topRight: 'topRight';
   bottomRight: 'bottomRight';
@@ -35,12 +35,12 @@ export interface PLACEMENT {
   rightTopEdge: 'rightTopEdge';
   rightBottomEdge: 'rightBottomEdge';
   leftBottomEdge: 'leftBottomEdge';
-}
+};
 
-export type HierarchyT = HIERARCHY[keyof HIERARCHY];
-export type ShapeT = SHAPE[keyof SHAPE];
-export type ColorT = COLOR[keyof COLOR];
-export type PlacementT = PLACEMENT[keyof PLACEMENT];
+export type HierarchyT = typeof HIERARCHY[keyof typeof HIERARCHY];
+export type ShapeT = typeof SHAPE[keyof typeof SHAPE];
+export type ColorT = typeof COLOR[keyof typeof COLOR];
+export type PlacementT = typeof PLACEMENT[keyof typeof PLACEMENT];
 
 export type BadgeOverridesT = {
   Root?: Override<any>;
@@ -81,17 +81,12 @@ export type HintDotPropsT = {
   children?: React.ReactNode;
 };
 
-export const StyledRoot: StyletronComponent<any>;
-export const StyledPositioner: StyletronComponent<any>;
-export const StyledBadge: StyletronComponent<any>;
-export const StyledNotificationCircle: StyletronComponent<any>;
-export const StyledHintDot: StyletronComponent<any>;
-
-export const Badge: React.FC<BadgePropsT>;
-export const NotificationCircle: React.FC<NotificationCirclePropsT>;
-export const HintDot: React.FC<HintDotPropsT>;
+export declare const StyledRoot: StyletronComponent<any, any>;
+export declare const StyledPositioner: StyletronComponent<any, any>;
+export declare const StyledBadge: StyletronComponent<any, any>;
+export declare const StyledNotificationCircle: StyletronComponent<any, any>;
+export declare const StyledHintDot: StyletronComponent<any, any>;
 
-export const HIERARCHY: HIERARCHY;
-export const SHAPE: SHAPE;
-export const COLOR: COLOR;
-export const PLACEMENT: PLACEMENT;
+export declare const Badge: React.FC<BadgePropsT>;
+export declare const NotificationCircle: React.FC<NotificationCirclePropsT>;
+export declare const HintDot: React.FC<HintDotPropsT>;

package/banner/index.d.ts

@@ -2,46 +2,46 @@ import * as React from 'react';
 import { StyletronComponent } from 'styletron-react';
 import { Override } from '../overrides';
 
-export interface ACTION_POSITION {
+export declare const ACTION_POSITION: {
   below: 'below';
   trailing: 'trailing';
-}
+};
 
-export interface ARTWORK_TYPE {
+export declare const ARTWORK_TYPE: {
   badge: 'badge';
   icon: 'icon';
-}
+};
 
-export interface HIERARCHY {
+export declare const HIERARCHY: {
   high: 'high';
   low: 'low';
-}
+};
 
-export interface KIND {
+export declare const KIND: {
   info: 'info';
   negative: 'negative';
   positive: 'positive';
   warning: 'warning';
-}
+};
 
 export interface ActionContentT {
   label: string;
   icon?: (iconProps: { size: string }) => React.ReactNode;
   onClick: (event: React.MouseEvent<HTMLButtonElement>) => any;
-  position?: ACTION_POSITION[keyof ACTION_POSITION];
+  position?: typeof ACTION_POSITION[keyof typeof ACTION_POSITION];
 }
 
 export interface ArtworkContentT {
   icon: (iconProps: { size: string }) => React.ReactNode;
-  type?: ARTWORK_TYPE[keyof ARTWORK_TYPE];
+  type?: typeof ARTWORK_TYPE[keyof typeof ARTWORK_TYPE];
 }
 
 export interface PropsT {
   action?: ActionContentT;
   artwork?: ArtworkContentT;
   children: React.ReactNode;
-  hierarchy?: HIERARCHY[keyof HIERARCHY];
-  kind?: KIND[keyof KIND];
+  hierarchy?: typeof HIERARCHY[keyof typeof HIERARCHY];
+  kind?: typeof KIND[keyof typeof KIND];
   overrides?: {
     BelowContent?: Override<any>;
     LeadingContent?: Override<any>;
@@ -57,19 +57,14 @@ export interface PropsT {
   title?: React.ReactNode;
 }
 
-export const StyledBelowContent: StyletronComponent<any>;
-export const StyledLeadingContent: StyletronComponent<any>;
-export const StyledMessage: StyletronComponent<any>;
-export const StyledMessageContent: StyletronComponent<any>;
-export const StyledRoot: StyletronComponent<any>;
-export const StyledTitle: StyletronComponent<any>;
-export const StyledTrailingContent: StyletronComponent<any>;
-export const StyledTrailingButtonContainer: StyletronComponent<any>;
-export const StyledTrailingIconButton: StyletronComponent<any>;
-
-export const ACTION_POSITION: ACTION_POSITION;
-export const ARTWORK_TYPE: ARTWORK_TYPE;
-export const HIERARCHY: HIERARCHY;
-export const KIND: KIND;
+export declare const StyledBelowContent: StyletronComponent<any, any>;
+export declare const StyledLeadingContent: StyletronComponent<any, any>;
+export declare const StyledMessage: StyletronComponent<any, any>;
+export declare const StyledMessageContent: StyletronComponent<any, any>;
+export declare const StyledRoot: StyletronComponent<any, any>;
+export declare const StyledTitle: StyletronComponent<any, any>;
+export declare const StyledTrailingContent: StyletronComponent<any, any>;
+export declare const StyledTrailingButtonContainer: StyletronComponent<any, any>;
+export declare const StyledTrailingIconButton: StyletronComponent<any, any>;
 
-export const Banner: React.FC<PropsT>;
+export declare const Banner: React.FC<PropsT>;

package/breadcrumbs/index.d.ts

@@ -20,5 +20,5 @@ export interface BreadcrumbsProps {
 
 export declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
 
-export declare const StyledRoot: StyletronComponent<any>;
-export declare const StyledSeparator: StyletronComponent<any>;
+export declare const StyledRoot: StyletronComponent<any, any>;
+export declare const StyledSeparator: StyletronComponent<any, any>;

package/button/index.d.ts

@@ -56,10 +56,10 @@ export interface ButtonProps {
   type?: 'submit' | 'reset' | 'button';
 }
 
-export declare const StyledBaseButton: StyletronComponent<any>;
-export declare const StyledStartEnhancer: StyletronComponent<any>;
-export declare const StyledEndEnhancer: StyletronComponent<any>;
-export declare const StyledLoadingSpinner: StyletronComponent<any>;
-export declare const StyledLoadingSpinnerContainer: StyletronComponent<any>;
+export declare const StyledBaseButton: StyletronComponent<any, any>;
+export declare const StyledStartEnhancer: StyletronComponent<any, any>;
+export declare const StyledEndEnhancer: StyletronComponent<any, any>;
+export declare const StyledLoadingSpinner: StyletronComponent<any, any>;
+export declare const StyledLoadingSpinnerContainer: StyletronComponent<any, any>;
 
-export declare const Button: StyletronComponent<ButtonProps>;
+export declare const Button: StyletronComponent<any, ButtonProps>;

package/button-group/index.d.ts

@@ -14,7 +14,7 @@ export declare const STATE_CHANGE_TYPE: {
   change: 'change';
 };
 
-export declare const StyledRoot: StyletronComponent<any>;
+export declare const StyledRoot: StyletronComponent<any, any>;
 
 export interface ButtonGroupOverrides {
   Root?: Override<any>;

package/card/index.d.ts

@@ -25,11 +25,11 @@ export interface CardProps {
 export declare const Card: React.FC<CardProps>;
 export type hasThumbnail = (props: { readonly thumbnail?: string }) => boolean;
 
-export declare const StyledAction: StyletronComponent<any>;
-export declare const StyledBody: StyletronComponent<any>;
-export declare const StyledContents: StyletronComponent<any>;
-export declare const StyledHeaderImage: StyletronComponent<any>;
-export declare const StyledThumbnail: StyletronComponent<any>;
-export declare const StyledTitle: StyletronComponent<any>;
-export declare const StyledRoot: StyletronComponent<any>;
-export declare const StyledWrapper: StyletronComponent<any>;
+export declare const StyledAction: StyletronComponent<any, any>;
+export declare const StyledBody: StyletronComponent<any, any>;
+export declare const StyledContents: StyletronComponent<any, any>;
+export declare const StyledHeaderImage: StyletronComponent<any, any>;
+export declare const StyledThumbnail: StyletronComponent<any, any>;
+export declare const StyledTitle: StyletronComponent<any, any>;
+export declare const StyledRoot: StyletronComponent<any, any>;
+export declare const StyledWrapper: StyletronComponent<any, any>;

package/checkbox/index.d.ts

@@ -23,13 +23,13 @@ type initialState = {
   isIndeterminate?: boolean;
 };
 
-export declare const StyledRoot: StyletronComponent<any>;
-export declare const StyledCheckmark: StyletronComponent<any>;
-export declare const StyledLabel: StyletronComponent<any>;
-export declare const StyledInput: StyletronComponent<any>;
-export declare const StyledToggle: StyletronComponent<any>;
-export declare const StyledToggleInner: StyletronComponent<any>;
-export declare const StyledToggleTrack: StyletronComponent<any>;
+export declare const StyledRoot: StyletronComponent<any, any>;
+export declare const StyledCheckmark: StyletronComponent<any, any>;
+export declare const StyledLabel: StyletronComponent<any, any>;
+export declare const StyledInput: StyletronComponent<any, any>;
+export declare const StyledToggle: StyletronComponent<any, any>;
+export declare const StyledToggleInner: StyletronComponent<any, any>;
+export declare const StyledToggleTrack: StyletronComponent<any, any>;
 
 export type StateReducer = (
   stateType: string,

package/dnd-list/index.d.ts

@@ -69,12 +69,12 @@ export interface ListProps {
 
 export class List extends React.Component<ListProps> {}
 
-export declare const StyledRoot: StyletronComponent<any>;
-export declare const StyledList: StyletronComponent<any>;
-export declare const StyledItem: StyletronComponent<any>;
-export declare const StyledDragHandle: StyletronComponent<any>;
-export declare const StyledCloseHandle: StyletronComponent<any>;
-export declare const StyledLabel: StyletronComponent<any>;
+export declare const StyledRoot: StyletronComponent<any, any>;
+export declare const StyledList: StyletronComponent<any, any>;
+export declare const StyledItem: StyletronComponent<any, any>;
+export declare const StyledDragHandle: StyletronComponent<any, any>;
+export declare const StyledCloseHandle: StyletronComponent<any, any>;
+export declare const StyledLabel: StyletronComponent<any, any>;
 
 export declare const arrayMove: typeof arrayMoveT;
 export declare const arrayRemove: typeof arrayRemoveT;

package/drawer/index.d.ts

@@ -84,8 +84,8 @@ export class Drawer extends React.Component<DrawerProps, DrawerState> {
   renderDrawer(): React.ReactNode;
 }
 
-export declare const StyledRoot: StyletronComponent<any>;
-export declare const StyledBackdrop: StyletronComponent<any>;
-export declare const StyledDrawerContainer: StyletronComponent<any>;
-export declare const StyledDrawerBody: StyletronComponent<any>;
-export declare const StyledClose: StyletronComponent<any>;
+export declare const StyledRoot: StyletronComponent<any, any>;
+export declare const StyledBackdrop: StyletronComponent<any, any>;
+export declare const StyledDrawerContainer: StyletronComponent<any, any>;
+export declare const StyledDrawerBody: StyletronComponent<any, any>;
+export declare const StyledClose: StyletronComponent<any, any>;

package/es/map-marker/index.js

@@ -6,4 +6,4 @@ LICENSE file in the root directory of this source tree.
 */
 export { default as FixedMarker } from './fixed-marker.js';
 export { default as FloatingMarker } from './floating-marker.js';
-export { FLOATING_MARKER_ANCHOR_POSITIONS, FLOATING_MARKER_SIZES, FLOATING_MARKER_ANCHOR_TYPES, NEEDLE_SIZES, PINHEAD_SIZES_SHAPES, BADGE_ENHANCER_SIZES, LABEL_ENHANCER_POSITIONS, KIND } from './constants.js';
+export { FLOATING_MARKER_ANCHOR_POSITIONS, FLOATING_MARKER_SIZES, FLOATING_MARKER_ANCHOR_TYPES, NEEDLE_SIZES, PINHEAD_SIZES_SHAPES, BADGE_ENHANCER_SIZES, LABEL_ENHANCER_POSITIONS, KIND, PINHEAD_DIMENSIONS } from './constants.js';

package/es/themes/shared/borders.js

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

package/esm/map-marker/index.js

@@ -6,4 +6,4 @@ LICENSE file in the root directory of this source tree.
 */
 export { default as FixedMarker } from './fixed-marker.js';
 export { default as FloatingMarker } from './floating-marker.js';
-export { FLOATING_MARKER_ANCHOR_POSITIONS, FLOATING_MARKER_SIZES, FLOATING_MARKER_ANCHOR_TYPES, NEEDLE_SIZES, PINHEAD_SIZES_SHAPES, BADGE_ENHANCER_SIZES, LABEL_ENHANCER_POSITIONS, KIND } from './constants.js';
+export { FLOATING_MARKER_ANCHOR_POSITIONS, FLOATING_MARKER_SIZES, FLOATING_MARKER_ANCHOR_TYPES, NEEDLE_SIZES, PINHEAD_SIZES_SHAPES, BADGE_ENHANCER_SIZES, LABEL_ENHANCER_POSITIONS, KIND, PINHEAD_DIMENSIONS } from './constants.js';

package/esm/themes/shared/borders.js

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

package/file-uploader/index.d.ts

@@ -69,8 +69,8 @@ export interface FileUploaderProps {
 }
 export declare const FileUploader: React.FC<FileUploaderProps>;
 
-export declare const StyledRoot: StyletronComponent<any>;
-export declare const StyledFileDragAndDrop: StyletronComponent<any>;
-export declare const StyledContentMessage: StyletronComponent<any>;
-export declare const StyledErrorMessage: StyletronComponent<any>;
-export declare const StyledHiddenInput: StyletronComponent<any>;
+export declare const StyledRoot: StyletronComponent<any, any>;
+export declare const StyledFileDragAndDrop: StyletronComponent<any, any>;
+export declare const StyledContentMessage: StyletronComponent<any, any>;
+export declare const StyledErrorMessage: StyletronComponent<any, any>;
+export declare const StyledHiddenInput: StyletronComponent<any, any>;

package/form-control/index.d.ts

@@ -2,9 +2,9 @@ import * as React from 'react';
 import { StyletronComponent } from 'styletron-react';
 import { Override } from '../overrides';
 
-export declare const StyledLabel: StyletronComponent<any>;
-export declare const StyledCaption: StyletronComponent<any>;
-export declare const StyledControlContainer: StyletronComponent<any>;
+export declare const StyledLabel: StyletronComponent<any, any>;
+export declare const StyledCaption: StyletronComponent<any, any>;
+export declare const StyledControlContainer: StyletronComponent<any, any>;
 
 export interface FormControlOverrides {
   Label?: Override<any>;

package/header-navigation/index.d.ts

@@ -19,6 +19,6 @@ export interface HeaderNavigationProps {
 
 export class HeaderNavigation extends React.Component<HeaderNavigationProps> {}
 
-export declare const StyledRoot: StyletronComponent<any>;
-export declare const StyledNavigationItem: StyletronComponent<any>;
-export declare const StyledNavigationList: StyletronComponent<any>;
+export declare const StyledRoot: StyletronComponent<any, any>;
+export declare const StyledNavigationItem: StyletronComponent<any, any>;
+export declare const StyledNavigationList: StyletronComponent<any, any>;

package/helper/index.d.ts

@@ -22,8 +22,8 @@ export type HelperStepsPropsT = {
 
 export { ACCESSIBILITY_TYPE, PLACEMENT, TRIGGER_TYPE };
 
-export declare const StyledArrow: StyletronComponent<any>;
-export declare const StyledBody: StyletronComponent<any>;
+export declare const StyledArrow: StyletronComponent<any, any>;
+export declare const StyledBody: StyletronComponent<any, any>;
 
 export declare const Unstable_Helper: React.FC<PropsT>;
 export declare const Unstable_StatefulHelper: React.FC<StatefulPropsT>;

package/icon/index.d.ts

@@ -21,7 +21,7 @@ export interface IconProps {
 
 export declare const Icon: React.FC<IconProps>;
 
-export declare const StyledSvg: StyletronComponent<any>;
+export declare const StyledSvg: StyletronComponent<any, any>;
 
 export declare const Alert: React.FC<IconProps>;
 export declare const ArrowDown: React.FC<IconProps>;

package/input/index.d.ts

@@ -154,9 +154,9 @@ export type StatefulInputProps = InputProps & StatefulContainerProps & { childre
 export declare const StatefulInput: React.FC<StatefulInputProps>;
 export declare const StatefulContainer: React.FC<StatefulContainerProps>;
 
-export declare const StyledRoot: StyletronComponent<any>;
-export declare const StyledInputEnhancer: StyletronComponent<any>;
-export declare const StyledStartEnhancer: StyletronComponent<any>;
-export declare const StyledEndEnhancer: StyletronComponent<any>;
-export declare const StyledInputContainer: StyletronComponent<any>;
-export declare const StyledInput: StyletronComponent<any>;
+export declare const StyledRoot: StyletronComponent<any, any>;
+export declare const StyledInputEnhancer: StyletronComponent<any, any>;
+export declare const StyledStartEnhancer: StyletronComponent<any, any>;
+export declare const StyledEndEnhancer: StyletronComponent<any, any>;
+export declare const StyledInputContainer: StyletronComponent<any, any>;
+export declare const StyledInput: StyletronComponent<any, any>;

package/layout-grid/index.d.ts

@@ -94,5 +94,5 @@ export type StyledCellProps = {
 
 export declare const Grid: React.FunctionComponent<GridProps>;
 export declare const Cell: React.FunctionComponent<CellProps>;
-export declare const StyledGrid: StyletronComponent<StyledGridProps>;
-export declare const StyledCell: StyletronComponent<StyledCellProps>;
+export declare const StyledGrid: StyletronComponent<any, StyledGridProps>;
+export declare const StyledCell: StyletronComponent<any, StyledCellProps>;

package/link/index.d.ts

@@ -10,4 +10,4 @@ export interface LinkProps
   target?: '_self' | '_blank' | '_parent' | '_top';
 }
 
-export declare const StyledLink: StyletronComponent<LinkProps>;
+export declare const StyledLink: StyletronComponent<any, LinkProps>;

package/list/index.d.ts

@@ -73,10 +73,10 @@ export declare const ListItem: React.ForwardRefExoticComponent<
 export declare const ListItemLabel: React.FC<LabelPropsT>;
 export declare const MenuAdapter: React.FC<MenuAdapterPropsT>;
 
-export declare const StyledRoot: StyletronComponent<{}>;
-export declare const StyledContent: StyletronComponent<StyledContentPropsT>;
-export declare const StyledEndEnhancerContainer: StyletronComponent<{}>;
-export declare const StyledArtworkContainer: StyletronComponent<StyledArtworkContainerPropsT>;
+export declare const StyledRoot: StyletronComponent<any, {}>;
+export declare const StyledContent: StyletronComponent<any, StyledContentPropsT>;
+export declare const StyledEndEnhancerContainer: StyletronComponent<any, {}>;
+export declare const StyledArtworkContainer: StyletronComponent<any, StyledArtworkContainerPropsT>;
 
 export interface HeadingPropsT {
   heading: React.ReactNode;
@@ -99,10 +99,13 @@ export declare const ListHeading: React.ForwardRefExoticComponent<
   HeadingPropsT & React.RefAttributes<HTMLLIElement>
 >;
 
-export declare const StyledHeadingRoot: StyletronComponent<{}>;
-export declare const StyledHeadingContent: StyletronComponent<{}>;
-export declare const StyledHeadingContentRow: StyletronComponent<{}>;
-export declare const StyledHeadingMainHeading: StyletronComponent<StyledHeadingHeadingPropsT>;
-export declare const StyledHeadingSubHeading: StyletronComponent<StyledHeadingHeadingPropsT>;
-export declare const StyledHeadingEndEnhancerContainer: StyletronComponent<StyledHeadingEndEnhancerContainerPropsT>;
-export declare const StyledHeadingEndEnhancerDescriptionContainer: StyletronComponent<{}>;
+export declare const StyledHeadingRoot: StyletronComponent<any, {}>;
+export declare const StyledHeadingContent: StyletronComponent<any, {}>;
+export declare const StyledHeadingContentRow: StyletronComponent<any, {}>;
+export declare const StyledHeadingMainHeading: StyletronComponent<any, StyledHeadingHeadingPropsT>;
+export declare const StyledHeadingSubHeading: StyletronComponent<any, StyledHeadingHeadingPropsT>;
+export declare const StyledHeadingEndEnhancerContainer: StyletronComponent<
+  any,
+  StyledHeadingEndEnhancerContainerPropsT
+>;
+export declare const StyledHeadingEndEnhancerDescriptionContainer: StyletronComponent<any, {}>;

package/map-marker/index.js

@@ -63,6 +63,12 @@ Object.defineProperty(exports, "KIND", {
     return _constants.KIND;
   }
 });
+Object.defineProperty(exports, "PINHEAD_DIMENSIONS", {
+  enumerable: true,
+  get: function get() {
+    return _constants.PINHEAD_DIMENSIONS;
+  }
+});
 
 var _fixedMarker = _interopRequireDefault(require("./fixed-marker.js"));
 

package/map-marker/index.js.flow

@@ -17,6 +17,7 @@ export {
   BADGE_ENHANCER_SIZES,
   LABEL_ENHANCER_POSITIONS,
   KIND,
+  PINHEAD_DIMENSIONS,
 } from './constants.js';
 
 export type * from './types.js';

package/menu/index.d.ts

@@ -200,13 +200,13 @@ export class NestedMenus extends React.Component<NestedMenuProps, NestedMenuStat
   isNestedMenuVisible(ref: React.Ref<HTMLElement>): boolean;
 }
 
-export declare const StyledEmptyState: StyletronComponent<any>;
-export declare const StyledList: StyletronComponent<any>;
-export declare const StyledListItem: StyletronComponent<any>;
-export declare const StyledListItemProfile: StyletronComponent<any>;
-export declare const StyledProfileImgContainer: StyletronComponent<any>;
-export declare const StyledProfileImg: StyletronComponent<any>;
-export declare const StyledProfileLabelsContainer: StyletronComponent<any>;
-export declare const StyledProfileTitle: StyletronComponent<any>;
-export declare const StyledProfileSubtitle: StyletronComponent<any>;
-export declare const StyledProfileBody: StyletronComponent<any>;
+export declare const StyledEmptyState: StyletronComponent<any, any>;
+export declare const StyledList: StyletronComponent<any, any>;
+export declare const StyledListItem: StyletronComponent<any, any>;
+export declare const StyledListItemProfile: StyletronComponent<any, any>;
+export declare const StyledProfileImgContainer: StyletronComponent<any, any>;
+export declare const StyledProfileImg: StyletronComponent<any, any>;
+export declare const StyledProfileLabelsContainer: StyletronComponent<any, any>;
+export declare const StyledProfileTitle: StyletronComponent<any, any>;
+export declare const StyledProfileSubtitle: StyletronComponent<any, any>;
+export declare const StyledProfileBody: StyletronComponent<any, any>;

package/modal/index.d.ts

@@ -85,10 +85,10 @@ export class ModalButton extends React.Component<ButtonProps & { autoFocus?: boo
 
 export class FocusOnce extends React.Component<{ children: React.ReactNode }> {}
 
-export declare const StyledRoot: StyletronComponent<any>;
-export declare const StyledDialog: StyletronComponent<any>;
-export declare const StyledDialogContainer: StyletronComponent<any>;
-export declare const StyledClose: StyletronComponent<any>;
-export declare const ModalHeader: StyletronComponent<any>;
-export declare const ModalBody: StyletronComponent<any>;
-export declare const ModalFooter: StyletronComponent<any>;
+export declare const StyledRoot: StyletronComponent<any, any>;
+export declare const StyledDialog: StyletronComponent<any, any>;
+export declare const StyledDialogContainer: StyletronComponent<any, any>;
+export declare const StyledClose: StyletronComponent<any, any>;
+export declare const ModalHeader: StyletronComponent<any, any>;
+export declare const ModalBody: StyletronComponent<any, any>;
+export declare const ModalFooter: StyletronComponent<any, any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "baseui",
-  "version": "11.1.2",
+  "version": "11.2.0",
   "description": "A React Component library implementing the Base design language",
   "keywords": [
     "react",
@@ -109,9 +109,6 @@
     "@types/react-dom": "^16.8.4",
     "@types/react-virtualized": "^9.21.3",
     "@types/react-window": "^1.8.1",
-    "@types/styletron-engine-atomic": "^1.1.1",
-    "@types/styletron-react": "^5.0.3",
-    "@types/styletron-standard": "^2.0.2",
     "@types/webpack": "^4.41.32",
     "@typescript-eslint/eslint-plugin": "^5.26.0",
     "@typescript-eslint/parser": "^5.26.0",
@@ -193,9 +190,9 @@
     "semver": "^6.2.0",
     "shx": "^0.3.2",
     "static-server": "^2.2.1",
-    "styletron-engine-atomic": "^1.4.3",
-    "styletron-react": "^5.2.4",
-    "styletron-standard": "^3.0.3",
+    "styletron-engine-atomic": "^1.5.0-beta.1",
+    "styletron-react": "^6.1.0-beta.1",
+    "styletron-standard": "^3.1.0-beta.1",
     "tar": "^5.0.0",
     "tsconfig-paths": "^3.9.0",
     "typescript": "^4.7.2",

package/pagination/index.d.ts

@@ -87,6 +87,6 @@ export class StatefulContainer extends React.Component<StatefulContainerProps, S
   onPageChange(args: { nextPage: number }): void;
 }
 
-export declare const StyledRoot: StyletronComponent<any>;
-export declare const StyledMaxLabel: StyletronComponent<any>;
-export declare const StyledDropdownContainer: StyletronComponent<any>;
+export declare const StyledRoot: StyletronComponent<any, any>;
+export declare const StyledMaxLabel: StyletronComponent<any, any>;
+export declare const StyledDropdownContainer: StyletronComponent<any, any>;

package/payment-card/index.d.ts

@@ -25,4 +25,4 @@ export type StatefulPaymentCardProps = InputProps &
 export declare const StatefulPaymentCard: React.FC<StatefulPaymentCardProps>;
 export class PaymentCard extends React.Component<PaymentCardProps> {}
 
-export declare const StyledIconWrapper: StyletronComponent<any>;
+export declare const StyledIconWrapper: StyletronComponent<any, any>;

package/phone-input/index.d.ts

@@ -426,15 +426,15 @@ export interface FlagProps {
 }
 export declare const Flag: React.FC<FlagProps>;
 
-export declare const StyledFlag: StyletronComponent<any>;
-export declare const StyledRoot: StyletronComponent<any>;
-export declare const StyledDialCode: StyletronComponent<any>;
-export declare const StyledCountrySelectContainer: StyletronComponent<any>;
-export declare const StyledCountrySelectDropdownContainer: StyletronComponent<any>;
-export declare const StyledCountrySelectDropdownListItem: StyletronComponent<any>;
-export declare const StyledCountrySelectDropdownFlagColumn: StyletronComponent<any>;
-export declare const StyledCountrySelectDropdownNameColumn: StyletronComponent<any>;
-export declare const StyledCountrySelectDropdownDialcodeColumn: StyletronComponent<any>;
+export declare const StyledFlag: StyletronComponent<any, any>;
+export declare const StyledRoot: StyletronComponent<any, any>;
+export declare const StyledDialCode: StyletronComponent<any, any>;
+export declare const StyledCountrySelectContainer: StyletronComponent<any, any>;
+export declare const StyledCountrySelectDropdownContainer: StyletronComponent<any, any>;
+export declare const StyledCountrySelectDropdownListItem: StyletronComponent<any, any>;
+export declare const StyledCountrySelectDropdownFlagColumn: StyletronComponent<any, any>;
+export declare const StyledCountrySelectDropdownNameColumn: StyletronComponent<any, any>;
+export declare const StyledCountrySelectDropdownDialcodeColumn: StyletronComponent<any, any>;
 
 export declare const DEFAULT_MAX_DROPDOWN_WIDTH: '400px';
 export declare const DEFAULT_MAX_DROPDOWN_HEIGHT: '400px';

package/popover/index.d.ts

@@ -177,10 +177,10 @@ export class Popover extends React.Component<PopoverProps, PopoverPrivateState>
   renderPopover(): React.ReactNode;
 }
 
-export declare const StyledArrow: StyletronComponent<any>;
-export declare const StyledBody: StyletronComponent<any>;
-export declare const StyledInner: StyletronComponent<any>;
-export declare const StyledPadding: StyletronComponent<any>;
+export declare const StyledArrow: StyletronComponent<any, any>;
+export declare const StyledBody: StyletronComponent<any, any>;
+export declare const StyledInner: StyletronComponent<any, any>;
+export declare const StyledPadding: StyletronComponent<any, any>;
 
 export declare const POPOVER_MARGIN: 8;
 export declare const ARROW_SIZE: 6;

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/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[];