baseui 11.1.1 → 11.2.1

package/esm/app-nav-bar/styled-components.js

@@ -11,6 +11,7 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 import { styled, withStyle } from '../styles/index.js';
+import { getMediaQueries } from '../helpers/responsive-helpers.js';
 import { StyledListItem } from '../menu/index.js';
 import { KIND } from './constants.js';
 var StyledButton = styled('button', function (_ref) {
@@ -46,10 +47,46 @@ var StyledButton = styled('button', function (_ref) {
 StyledButton.displayName = "StyledButton";
 export var StyledRoot = styled('div', function (props) {
   var $theme = props.$theme;
-  return _objectSpread(_objectSpread({}, $theme.typography.font300), {}, {
+  var mediaQueries = getMediaQueries($theme.breakpoints);
+  var breakpoints = Object.values($theme.breakpoints).sort();
+  var margins = [];
+
+  if (Array.isArray($theme.grid.margins)) {
+    for (var i = 0; i < breakpoints.length; i++) {
+      var margin = $theme.grid.margins[i];
+
+      if (margin == null) {
+        margins.push($theme.grid.margins[$theme.grid.margins.length - 1]);
+      } else {
+        margins.push(margin);
+      }
+    }
+  } else {
+    for (var _i = 0; _i < breakpoints.length; _i++) {
+      margins.push($theme.grid.margins);
+    }
+  }
+
+  var style = _objectSpread(_objectSpread({}, $theme.typography.font300), {}, {
     boxSizing: 'border-box',
-    backgroundColor: $theme.colors.backgroundPrimary
+    backgroundColor: $theme.colors.backgroundPrimary,
+    borderBottomWidth: '1px',
+    borderBottomStyle: 'solid',
+    borderBottomColor: "".concat($theme.colors.borderOpaque),
+    paddingInlineStart: margins[0] + 'px',
+    paddingInlineEnd: margins[0] + 'px'
   });
+
+  for (var _i2 = 1; _i2 < mediaQueries.length; _i2++) {
+    var _margin = Array.isArray($theme.grid.margins) ? $theme.grid.margins[_i2] : $theme.grid.margins;
+
+    style[mediaQueries[_i2]] = {
+      paddingInlineStart: _margin + 'px',
+      paddingInlineEnd: _margin + 'px'
+    };
+  }
+
+  return style;
 });
 StyledRoot.displayName = "StyledRoot";
 export var StyledSubnavContainer = styled('div', {});
@@ -156,7 +193,7 @@ export var StyledSecondaryMenuContainer = styled('div', function (_ref6) {
     flexWrap: 'nowrap',
     justifyContent: 'flex-start',
     margin: 'auto',
-    maxWidth: "".concat($theme.breakpoints.large, "px"),
+    maxWidth: "".concat($theme.grid.maxWidth, "px"),
     alignItems: 'stretch',
     overflow: 'auto'
   };
@@ -208,11 +245,7 @@ export var StyledUserProfileInfoContainer = styled('div', function (_ref10) {
 StyledUserProfileInfoContainer.displayName = "StyledUserProfileInfoContainer";
 export var StyledDesktopMenuContainer = styled('div', function (_ref11) {
   var $theme = _ref11.$theme;
-  return {
-    borderBottomWidth: '1px',
-    borderBottomStyle: 'solid',
-    borderBottomColor: "".concat($theme.colors.borderOpaque)
-  };
+  return {};
 });
 StyledDesktopMenuContainer.displayName = "StyledDesktopMenuContainer";
 export var StyledDesktopMenu = styled('div', function (_ref12) {
@@ -222,7 +255,7 @@ export var StyledDesktopMenu = styled('div', function (_ref12) {
     display: 'flex',
     justifyContent: 'space-between',
     margin: 'auto',
-    maxWidth: "".concat($theme.breakpoints.large, "px"),
+    maxWidth: "".concat($theme.grid.maxWidth, "px"),
     paddingBlockStart: '18px',
     paddingBlockEnd: '18px'
   };

package/esm/file-uploader/file-uploader.js

@@ -88,10 +88,25 @@ function FileUploader(props) {
       ButtonComponent = _getOverrides14[0],
       buttonProps = _getOverrides14[1];
 
-  var _getOverrides15 = getOverrides(overrides.Spinner, Spinner),
+  var _getOverrides15 = getOverrides(overrides.RetryButtonComponent, Button),
       _getOverrides16 = _slicedToArray(_getOverrides15, 2),
-      SpinnerComponent = _getOverrides16[0],
-      spinnerProps = _getOverrides16[1];
+      RetryButtonComponent = _getOverrides16[0],
+      retryButtonProps = _getOverrides16[1];
+
+  var _getOverrides17 = getOverrides(overrides.CancelButtonComponent, Button),
+      _getOverrides18 = _slicedToArray(_getOverrides17, 2),
+      CancelButtonComponent = _getOverrides18[0],
+      cancelButtonProps = _getOverrides18[1];
+
+  var _getOverrides19 = getOverrides(overrides.Spinner, Spinner),
+      _getOverrides20 = _slicedToArray(_getOverrides19, 2),
+      SpinnerComponent = _getOverrides20[0],
+      spinnerProps = _getOverrides20[1];
+
+  var _getOverrides21 = getOverrides(overrides.ProgressBar, ProgressBar),
+      _getOverrides22 = _slicedToArray(_getOverrides21, 2),
+      ProgressBarComponent = _getOverrides22[0],
+      progressBarProps = _getOverrides22[1];
 
   var afterFileDrop = !!(props.progressAmount || props.progressMessage || props.errorMessage);
   return /*#__PURE__*/React.createElement(Dropzone, _extends({}, props, {
@@ -135,7 +150,7 @@ function FileUploader(props) {
             }
           }
         }
-      }, prefixedStyledProps, buttonProps), locale.fileuploader.browseFiles)), afterFileDrop && /*#__PURE__*/React.createElement(React.Fragment, null, typeof props.progressAmount === 'number' ? /*#__PURE__*/React.createElement(ProgressBar, {
+      }, prefixedStyledProps, buttonProps), locale.fileuploader.browseFiles)), afterFileDrop && /*#__PURE__*/React.createElement(React.Fragment, null, typeof props.progressAmount === 'number' ? /*#__PURE__*/React.createElement(ProgressBarComponent, _extends({
         value: props.progressAmount,
         overrides: {
           BarProgress: {
@@ -147,12 +162,12 @@ function FileUploader(props) {
             }
           }
         }
-      }) : props.errorMessage ? null : /*#__PURE__*/React.createElement(SpinnerComponent, _extends({
+      }, progressBarProps)) : props.errorMessage ? null : /*#__PURE__*/React.createElement(SpinnerComponent, _extends({
         $size: SPINNER_SIZE.medium,
         $style: {
           marginBottom: theme.sizing.scale300
         }
-      }, spinnerProps)), (props.errorMessage || props.progressMessage) && props.errorMessage ? /*#__PURE__*/React.createElement(ErrorMessage, _extends({}, prefixedStyledProps, errorMessageProps), props.errorMessage) : /*#__PURE__*/React.createElement(ContentMessage, _extends({}, prefixedStyledProps, contentMessageProps), props.progressMessage), props.errorMessage ? /*#__PURE__*/React.createElement(ButtonComponent, {
+      }, spinnerProps)), (props.errorMessage || props.progressMessage) && props.errorMessage ? /*#__PURE__*/React.createElement(ErrorMessage, _extends({}, prefixedStyledProps, errorMessageProps), props.errorMessage) : /*#__PURE__*/React.createElement(ContentMessage, _extends({}, prefixedStyledProps, contentMessageProps), props.progressMessage), props.errorMessage ? /*#__PURE__*/React.createElement(RetryButtonComponent, _extends({
         kind: KIND.tertiary,
         onClick: function onClick() {
           props.onRetry && props.onRetry();
@@ -160,7 +175,7 @@ function FileUploader(props) {
         "aria-invalid": Boolean(props.errorMessage),
         "aria-describedby": props['aria-describedby'],
         "aria-errormessage": props.errorMessage
-      }, locale.fileuploader.retry) : /*#__PURE__*/React.createElement(ButtonComponent, {
+      }, retryButtonProps), locale.fileuploader.retry) : /*#__PURE__*/React.createElement(CancelButtonComponent, _extends({
         kind: KIND.tertiary,
         onClick: function onClick() {
           props.onCancel && props.onCancel();
@@ -176,7 +191,7 @@ function FileUploader(props) {
             }
           }
         }
-      }, locale.fileuploader.cancel))), /*#__PURE__*/React.createElement(HiddenInput, _extends({
+      }, cancelButtonProps), locale.fileuploader.cancel))), /*#__PURE__*/React.createElement(HiddenInput, _extends({
         "aria-invalid": Boolean(props.errorMessage) || null,
         "aria-describedby": props['aria-describedby'],
         "aria-errormessage": props.errorMessage || null

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/file-uploader.js

@@ -105,10 +105,25 @@ function FileUploader(props) {
       ButtonComponent = _getOverrides14[0],
       buttonProps = _getOverrides14[1];
 
-  var _getOverrides15 = (0, _overrides.getOverrides)(overrides.Spinner, _index5.Spinner),
+  var _getOverrides15 = (0, _overrides.getOverrides)(overrides.RetryButtonComponent, _index3.Button),
       _getOverrides16 = _slicedToArray(_getOverrides15, 2),
-      SpinnerComponent = _getOverrides16[0],
-      spinnerProps = _getOverrides16[1];
+      RetryButtonComponent = _getOverrides16[0],
+      retryButtonProps = _getOverrides16[1];
+
+  var _getOverrides17 = (0, _overrides.getOverrides)(overrides.CancelButtonComponent, _index3.Button),
+      _getOverrides18 = _slicedToArray(_getOverrides17, 2),
+      CancelButtonComponent = _getOverrides18[0],
+      cancelButtonProps = _getOverrides18[1];
+
+  var _getOverrides19 = (0, _overrides.getOverrides)(overrides.Spinner, _index5.Spinner),
+      _getOverrides20 = _slicedToArray(_getOverrides19, 2),
+      SpinnerComponent = _getOverrides20[0],
+      spinnerProps = _getOverrides20[1];
+
+  var _getOverrides21 = (0, _overrides.getOverrides)(overrides.ProgressBar, _index4.ProgressBar),
+      _getOverrides22 = _slicedToArray(_getOverrides21, 2),
+      ProgressBarComponent = _getOverrides22[0],
+      progressBarProps = _getOverrides22[1];
 
   var afterFileDrop = !!(props.progressAmount || props.progressMessage || props.errorMessage);
   return /*#__PURE__*/React.createElement(_reactDropzone.default, _extends({}, props, {
@@ -152,7 +167,7 @@ function FileUploader(props) {
             }
           }
         }
-      }, prefixedStyledProps, buttonProps), locale.fileuploader.browseFiles)), afterFileDrop && /*#__PURE__*/React.createElement(React.Fragment, null, typeof props.progressAmount === 'number' ? /*#__PURE__*/React.createElement(_index4.ProgressBar, {
+      }, prefixedStyledProps, buttonProps), locale.fileuploader.browseFiles)), afterFileDrop && /*#__PURE__*/React.createElement(React.Fragment, null, typeof props.progressAmount === 'number' ? /*#__PURE__*/React.createElement(ProgressBarComponent, _extends({
         value: props.progressAmount,
         overrides: {
           BarProgress: {
@@ -164,12 +179,12 @@ function FileUploader(props) {
             }
           }
         }
-      }) : props.errorMessage ? null : /*#__PURE__*/React.createElement(SpinnerComponent, _extends({
+      }, progressBarProps)) : props.errorMessage ? null : /*#__PURE__*/React.createElement(SpinnerComponent, _extends({
         $size: _index5.SIZE.medium,
         $style: {
           marginBottom: theme.sizing.scale300
         }
-      }, spinnerProps)), (props.errorMessage || props.progressMessage) && props.errorMessage ? /*#__PURE__*/React.createElement(ErrorMessage, _extends({}, prefixedStyledProps, errorMessageProps), props.errorMessage) : /*#__PURE__*/React.createElement(ContentMessage, _extends({}, prefixedStyledProps, contentMessageProps), props.progressMessage), props.errorMessage ? /*#__PURE__*/React.createElement(ButtonComponent, {
+      }, spinnerProps)), (props.errorMessage || props.progressMessage) && props.errorMessage ? /*#__PURE__*/React.createElement(ErrorMessage, _extends({}, prefixedStyledProps, errorMessageProps), props.errorMessage) : /*#__PURE__*/React.createElement(ContentMessage, _extends({}, prefixedStyledProps, contentMessageProps), props.progressMessage), props.errorMessage ? /*#__PURE__*/React.createElement(RetryButtonComponent, _extends({
         kind: _index3.KIND.tertiary,
         onClick: function onClick() {
           props.onRetry && props.onRetry();
@@ -177,7 +192,7 @@ function FileUploader(props) {
         "aria-invalid": Boolean(props.errorMessage),
         "aria-describedby": props['aria-describedby'],
         "aria-errormessage": props.errorMessage
-      }, locale.fileuploader.retry) : /*#__PURE__*/React.createElement(ButtonComponent, {
+      }, retryButtonProps), locale.fileuploader.retry) : /*#__PURE__*/React.createElement(CancelButtonComponent, _extends({
         kind: _index3.KIND.tertiary,
         onClick: function onClick() {
           props.onCancel && props.onCancel();
@@ -193,7 +208,7 @@ function FileUploader(props) {
             }
           }
         }
-      }, locale.fileuploader.cancel))), /*#__PURE__*/React.createElement(HiddenInput, _extends({
+      }, cancelButtonProps), locale.fileuploader.cancel))), /*#__PURE__*/React.createElement(HiddenInput, _extends({
         "aria-invalid": Boolean(props.errorMessage) || null,
         "aria-describedby": props['aria-describedby'],
         "aria-errormessage": props.errorMessage || null

package/file-uploader/file-uploader.js.flow

@@ -58,7 +58,17 @@ function FileUploader(props: PropsT) {
   const [HiddenInput, hiddenInputProps] = getOverrides(overrides.HiddenInput, StyledHiddenInput);
   const [ButtonComponent, buttonProps] = getOverrides(overrides.ButtonComponent, Button);
 
+  const [RetryButtonComponent, retryButtonProps] = getOverrides(
+    overrides.RetryButtonComponent,
+    Button
+  );
+  const [CancelButtonComponent, cancelButtonProps] = getOverrides(
+    overrides.CancelButtonComponent,
+    Button
+  );
+
   const [SpinnerComponent, spinnerProps] = getOverrides(overrides.Spinner, Spinner);
+  const [ProgressBarComponent, progressBarProps] = getOverrides(overrides.ProgressBar, ProgressBar);
 
   const afterFileDrop = !!(props.progressAmount || props.progressMessage || props.errorMessage);
 
@@ -130,7 +140,7 @@ function FileUploader(props: PropsT) {
                        * future. We do not want to flash the spinner in this case.
                        */}
                       {typeof props.progressAmount === 'number' ? (
-                        <ProgressBar
+                        <ProgressBarComponent
                           value={props.progressAmount}
                           overrides={{
                             BarProgress: {
@@ -141,6 +151,7 @@ function FileUploader(props: PropsT) {
                               }),
                             },
                           }}
+                          {...progressBarProps}
                         />
                       ) : props.errorMessage ? null : (
                         <SpinnerComponent
@@ -159,7 +170,7 @@ function FileUploader(props: PropsT) {
                         </ContentMessage>
                       )}
                       {props.errorMessage ? (
-                        <ButtonComponent
+                        <RetryButtonComponent
                           kind={KIND.tertiary}
                           onClick={() => {
                             props.onRetry && props.onRetry();
@@ -167,11 +178,12 @@ function FileUploader(props: PropsT) {
                           aria-invalid={Boolean(props.errorMessage)}
                           aria-describedby={props['aria-describedby']}
                           aria-errormessage={props.errorMessage}
+                          {...retryButtonProps}
                         >
                           {locale.fileuploader.retry}
-                        </ButtonComponent>
+                        </RetryButtonComponent>
                       ) : (
-                        <ButtonComponent
+                        <CancelButtonComponent
                           kind={KIND.tertiary}
                           onClick={() => {
                             props.onCancel && props.onCancel();
@@ -184,9 +196,10 @@ function FileUploader(props: PropsT) {
                               }),
                             },
                           }}
+                          {...cancelButtonProps}
                         >
                           {locale.fileuploader.cancel}
-                        </ButtonComponent>
+                        </CancelButtonComponent>
                       )}
                     </React.Fragment>
                   )}

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/file-uploader/types.js.flow

@@ -26,7 +26,10 @@ export type OverridesT = {
   ProgressMessage?: OverrideT,
   ErrorMessage?: OverrideT,
   ButtonComponent?: OverrideT,
+  CancelButtonComponent?: OverrideT,
+  RetryButtonComponent?: OverrideT,
   Spinner?: OverrideT,
+  ProgressBar?: OverrideT,
 };
 
 export type PropsT = {|

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.1",
+  "version": "11.2.1",
   "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.2",
+    "styletron-react": "^6.1.0-beta.2",
+    "styletron-standard": "^3.1.0-beta.2",
     "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;