baseui 12.1.3 → 13.0.0

package/esm/icon/delete-alt.js

@@ -31,6 +31,7 @@ import { useStyletron } from '../styles';
 import { mergeOverride, toObjectOverride } from '../helpers/overrides';
 import Icon from './icon';
 
+// @ts-ignore
 function DeleteAlt(props, ref) {
   var _useStyletron = useStyletron(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/esm/icon/delete.js

@@ -31,6 +31,7 @@ import { useStyletron } from '../styles';
 import { mergeOverride, toObjectOverride } from '../helpers/overrides';
 import Icon from './icon';
 
+// @ts-ignore
 function Delete(props, ref) {
   var _useStyletron = useStyletron(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/esm/icon/filter.js

@@ -31,6 +31,7 @@ import { useStyletron } from '../styles';
 import { mergeOverride, toObjectOverride } from '../helpers/overrides';
 import Icon from './icon';
 
+// @ts-ignore
 function Filter(props, ref) {
   var _useStyletron = useStyletron(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/esm/icon/grab.js

@@ -31,6 +31,7 @@ import { useStyletron } from '../styles';
 import { mergeOverride, toObjectOverride } from '../helpers/overrides';
 import Icon from './icon';
 
+// @ts-ignore
 function Grab(props, ref) {
   var _useStyletron = useStyletron(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/esm/icon/hide.js

@@ -31,6 +31,7 @@ import { useStyletron } from '../styles';
 import { mergeOverride, toObjectOverride } from '../helpers/overrides';
 import Icon from './icon';
 
+// @ts-ignore
 function Hide(props, ref) {
   var _useStyletron = useStyletron(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/esm/icon/icon-exports.js

@@ -10,6 +10,7 @@ export { default as ArrowLeft } from './arrow-left';
 export { default as ArrowRight } from './arrow-right';
 export { default as ArrowUp } from './arrow-up';
 export { default as Blank } from './blank';
+export { default as Calendar } from './calendar';
 export { default as CheckIndeterminate } from './check-indeterminate';
 export { default as Check } from './check';
 export { default as ChevronDown } from './chevron-down';

package/esm/icon/icon.js

@@ -35,6 +35,7 @@ import { getOverrides } from '../helpers/overrides';
 import { Svg as StyledSvg } from './styled-components';
 import omitDollarPrefixedKeys from './omit-dollar-prefixed-keys';
 
+// @ts-ignore
 var Icon = function Icon(props, ref) {
   var children = props.children,
       title = props.title,

package/esm/icon/menu.js

@@ -31,6 +31,7 @@ import { useStyletron } from '../styles';
 import { mergeOverride, toObjectOverride } from '../helpers/overrides';
 import Icon from './icon';
 
+// @ts-ignore
 function Menu(props, ref) {
   var _useStyletron = useStyletron(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/esm/icon/omit-dollar-prefixed-keys.js

@@ -10,6 +10,7 @@ export default function omitDollarPrefixedKeys(source) {
 
   for (var key in source) {
     if (key[0] !== '$') {
+      // @ts-ignore
       result[key] = source[key];
     }
   }

package/esm/icon/overflow.js

@@ -31,6 +31,7 @@ import { useStyletron } from '../styles';
 import { mergeOverride, toObjectOverride } from '../helpers/overrides';
 import Icon from './icon';
 
+// @ts-ignore
 function Overflow(props, ref) {
   var _useStyletron = useStyletron(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/esm/icon/plus.js

@@ -31,6 +31,7 @@ import { useStyletron } from '../styles';
 import { mergeOverride, toObjectOverride } from '../helpers/overrides';
 import Icon from './icon';
 
+// @ts-ignore
 function Plus(props, ref) {
   var _useStyletron = useStyletron(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/esm/icon/search.js

@@ -31,6 +31,7 @@ import { useStyletron } from '../styles';
 import { mergeOverride, toObjectOverride } from '../helpers/overrides';
 import Icon from './icon';
 
+// @ts-ignore
 function Search(props, ref) {
   var _useStyletron = useStyletron(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/esm/icon/show.js

@@ -31,6 +31,7 @@ import { useStyletron } from '../styles';
 import { mergeOverride, toObjectOverride } from '../helpers/overrides';
 import Icon from './icon';
 
+// @ts-ignore
 function Show(props, ref) {
   var _useStyletron = useStyletron(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/esm/icon/spinner.js

@@ -31,6 +31,7 @@ import { useStyletron } from '../styles';
 import { mergeOverride, toObjectOverride } from '../helpers/overrides';
 import Icon from './icon';
 
+// @ts-ignore
 function Spinner(props, ref) {
   var _useStyletron = useStyletron(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/esm/icon/styled-components.js

@@ -12,7 +12,9 @@ export function getSvgStyles(_ref) {
   var size = $theme.sizing.scale600;
 
   if ($size) {
+    // @ts-ignore
     if ($theme.sizing[$size]) {
+      // @ts-ignore
       size = $theme.sizing[$size];
     } else if (typeof $size === 'number') {
       size = "".concat($size, "px");
@@ -24,7 +26,9 @@ export function getSvgStyles(_ref) {
   var color = 'currentColor';
 
   if ($color) {
+    // @ts-ignore
     if ($theme.colors[$color]) {
+      // @ts-ignore
       color = $theme.colors[$color];
     } else {
       color = $color;

package/esm/icon/triangle-down.js

@@ -31,6 +31,7 @@ import { useStyletron } from '../styles';
 import { mergeOverride, toObjectOverride } from '../helpers/overrides';
 import Icon from './icon';
 
+// @ts-ignore
 function TriangleDown(props, ref) {
   var _useStyletron = useStyletron(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/esm/icon/triangle-left.js

@@ -31,6 +31,7 @@ import { useStyletron } from '../styles';
 import { mergeOverride, toObjectOverride } from '../helpers/overrides';
 import Icon from './icon';
 
+// @ts-ignore
 function TriangleLeft(props, ref) {
   var _useStyletron = useStyletron(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/esm/icon/triangle-right.js

@@ -31,6 +31,7 @@ import { useStyletron } from '../styles';
 import { mergeOverride, toObjectOverride } from '../helpers/overrides';
 import Icon from './icon';
 
+// @ts-ignore
 function TriangleRight(props, ref) {
   var _useStyletron = useStyletron(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/esm/icon/triangle-up.js

@@ -31,6 +31,7 @@ import { useStyletron } from '../styles';
 import { mergeOverride, toObjectOverride } from '../helpers/overrides';
 import Icon from './icon';
 
+// @ts-ignore
 function TriangleUp(props, ref) {
   var _useStyletron = useStyletron(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/esm/icon/upload.js

@@ -31,6 +31,7 @@ import { useStyletron } from '../styles';
 import { mergeOverride, toObjectOverride } from '../helpers/overrides';
 import Icon from './icon';
 
+// @ts-ignore
 function Upload(props, ref) {
   var _useStyletron = useStyletron(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/esm/input/base-input.js

@@ -55,6 +55,7 @@ import Show from '../icon/show';
 import createEvent from '../utils/create-event';
 import { isFocusVisible, forkFocus, forkBlur } from '../utils/focusVisible';
 
+// @ts-ignore
 var NullComponent = function NullComponent() {
   return null;
 };
@@ -103,7 +104,8 @@ var BaseInput = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "onFocus", function (e) {
       _this.setState({
         isFocused: true
-      });
+      }); // @ts-ignore
+
 
       _this.props.onFocus(e);
     });
@@ -111,7 +113,8 @@ var BaseInput = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "onBlur", function (e) {
       _this.setState({
         isFocused: false
-      });
+      }); // @ts-ignore
+
 
       _this.props.onBlur(e);
     });
@@ -164,6 +167,7 @@ var BaseInput = /*#__PURE__*/function (_React$Component) {
         }
 
         if (clearable) {
+          // @ts-ignore
           this.inputRef.current.addEventListener('keydown', this.onInputKeyDown);
         }
       }
@@ -174,6 +178,7 @@ var BaseInput = /*#__PURE__*/function (_React$Component) {
       var clearable = this.props.clearable;
 
       if (clearable && this.inputRef.current) {
+        // @ts-ignore
         this.inputRef.current.removeEventListener('keydown', this.onInputKeyDown);
       }
     }
@@ -218,17 +223,20 @@ var BaseInput = /*#__PURE__*/function (_React$Component) {
 
       if (this.props.type !== 'password') return null;
 
-      var _getOverrides = getOverrides(this.props.overrides.MaskToggleButton, StyledMaskToggleButton),
+      var _getOverrides = getOverrides( // @ts-ignore
+      this.props.overrides.MaskToggleButton, StyledMaskToggleButton),
           _getOverrides2 = _slicedToArray(_getOverrides, 2),
           MaskToggleButton = _getOverrides2[0],
           maskToggleButtonProps = _getOverrides2[1];
 
-      var _getOverrides3 = getOverrides(this.props.overrides.MaskToggleShowIcon, Show),
+      var _getOverrides3 = getOverrides( // @ts-ignore
+      this.props.overrides.MaskToggleShowIcon, Show),
           _getOverrides4 = _slicedToArray(_getOverrides3, 2),
           MaskToggleShowIcon = _getOverrides4[0],
           maskToggleIconShowProps = _getOverrides4[1];
 
-      var _getOverrides5 = getOverrides(this.props.overrides.MaskToggleHideIcon, Hide),
+      var _getOverrides5 = getOverrides( // @ts-ignore
+      this.props.overrides.MaskToggleHideIcon, Hide),
           _getOverrides6 = _slicedToArray(_getOverrides5, 2),
           MaskToggleHideIcon = _getOverrides6[0],
           maskToggleIconHideProps = _getOverrides6[1];
@@ -297,7 +305,8 @@ var BaseInput = /*#__PURE__*/function (_React$Component) {
         tabIndex: 0,
         title: ariaLabel,
         "aria-label": ariaLabel,
-        onClick: this.onClearIconClick,
+        onClick: this.onClearIconClick // @ts-ignore
+        ,
         onKeyDown: function onKeyDown(event) {
           if (event.key && (event.key === 'Enter' || event.key === ' ')) {
             event.preventDefault();
@@ -315,14 +324,11 @@ var BaseInput = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props3 = this.props,
-          value = _this$props3.value,
-          type = _this$props3.type,
-          _this$props3$override = _this$props3.overrides,
-          InputContainerOverride = _this$props3$override.InputContainer,
-          InputOverride = _this$props3$override.Input,
-          BeforeOverride = _this$props3$override.Before,
-          AfterOverride = _this$props3$override.After; // more here https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion#Preventing_autofilling_with_autocompletenew-password
+      var _this$props$overrides = this.props.overrides,
+          InputContainerOverride = _this$props$overrides.InputContainer,
+          InputOverride = _this$props$overrides.Input,
+          BeforeOverride = _this$props$overrides.Before,
+          AfterOverride = _this$props$overrides.After; // more here https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion#Preventing_autofilling_with_autocompletenew-password
 
       var autoComplete = this.state.initialType === 'password' && this.props.autoComplete === BaseInput.defaultProps.autoComplete ? 'new-password' : this.props.autoComplete;
       var sharedProps = getSharedProps(this.props, this.state);
@@ -384,7 +390,7 @@ var BaseInput = /*#__PURE__*/function (_React$Component) {
         max: this.props.max,
         step: this.props.step,
         rows: this.props.type === CUSTOM_INPUT_TYPE.textarea ? this.props.rows : null
-      }, sharedProps, inputProps), type === CUSTOM_INPUT_TYPE.textarea ? value : null), this.renderClear(), this.renderMaskToggle(), /*#__PURE__*/React.createElement(After, _extends({}, sharedProps, afterProps)));
+      }, sharedProps, inputProps)), this.renderClear(), this.renderMaskToggle(), /*#__PURE__*/React.createElement(After, _extends({}, sharedProps, afterProps)));
     }
   }]);
 
@@ -392,13 +398,21 @@ var BaseInput = /*#__PURE__*/function (_React$Component) {
 }(React.Component);
 
 _defineProperty(BaseInput, "defaultProps", {
+  // @ts-ignore
   'aria-activedescendant': null,
+  // @ts-ignore
   'aria-autocomplete': null,
+  // @ts-ignore
   'aria-controls': null,
+  // @ts-ignore
   'aria-errormessage': null,
+  // @ts-ignore
   'aria-haspopup': null,
+  // @ts-ignore
   'aria-label': null,
+  // @ts-ignore
   'aria-labelledby': null,
+  // @ts-ignore
   'aria-describedby': null,
   adjoined: ADJOINED.none,
   autoComplete: 'on',
@@ -418,9 +432,11 @@ _defineProperty(BaseInput, "defaultProps", {
   clearable: false,
   clearOnEscape: true,
   overrides: {},
+  // @ts-ignore
   pattern: null,
   placeholder: '',
   required: false,
+  // @ts-ignore
   role: null,
   size: SIZE.default,
   type: 'text',

package/esm/input/input.js

@@ -79,7 +79,8 @@ var Input = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "onFocus", function (e) {
       _this.setState({
         isFocused: true
-      });
+      }); // @ts-ignore
+
 
       _this.props.onFocus(e);
     });
@@ -87,7 +88,8 @@ var Input = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "onBlur", function (e) {
       _this.setState({
         isFocused: false
-      });
+      }); // @ts-ignore
+
 
       _this.props.onBlur(e);
     });
@@ -151,7 +153,8 @@ var Input = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return Input;
-}(React.Component);
+}(React.Component); // @ts-ignore
+
 
 _defineProperty(Input, "defaultProps", {
   autoComplete: 'on',
@@ -163,7 +166,9 @@ _defineProperty(Input, "defaultProps", {
   overrides: {},
   required: false,
   size: SIZE.default,
+  // @ts-ignore
   startEnhancer: null,
+  // @ts-ignore
   endEnhancer: null,
   clearable: false,
   type: 'text',
@@ -180,7 +185,8 @@ function getAdjoinedProp(startEnhancer, endEnhancer) {
   }
 
   return ADJOINED.none;
-}
+} // @ts-ignore
+
 
 function isEnhancer(enhancer) {
   return Boolean(enhancer || enhancer === 0);

package/esm/input/masked-input.js

@@ -22,7 +22,8 @@ Copyright (c) Uber Technologies, Inc.
 This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
-import * as React from 'react';
+import * as React from 'react'; // @ts-ignore
+
 import InputMask from 'react-input-mask';
 import Input from './input';
 import { Input as StyledInput } from './styled-components';

package/esm/input/stateful-container.js

@@ -70,12 +70,14 @@ var StatefulContainer = /*#__PURE__*/function (_React$Component) {
         value: e.target.value
       };
 
-      _this.internalSetState(STATE_CHANGE_TYPE.change, nextState);
+      _this.internalSetState(STATE_CHANGE_TYPE.change, nextState); // @ts-ignore
+
 
       _this.props.onChange(e);
     });
 
     _defineProperty(_assertThisInitialized(_this), "internalSetState", function (type, nextState) {
+      // @ts-ignore
       var newState = _this.props.stateReducer(type, nextState, _this.state);
 
       _this.setState(newState);
@@ -96,6 +98,7 @@ var StatefulContainer = /*#__PURE__*/function (_React$Component) {
 
       var onChange = this.onChange;
       return children(_objectSpread(_objectSpread(_objectSpread({}, restProps), this.state), {}, {
+        // @ts-ignore
         onChange: onChange
       }));
     }

package/esm/input/styled-components.js

@@ -66,9 +66,12 @@ export var StyledClearIcon = styled(DeleteAlt, function (_ref3) {
 StyledClearIcon.displayName = "StyledClearIcon";
 StyledClearIcon.displayName = 'StyledClearIcon';
 
-function getInputPadding(size, sizing) {
+function getInputPadding( // @ts-ignore
+size, // @ts-ignore
+sizing) {
   var _SIZE$mini$SIZE$compa3;
 
+  // @ts-ignore
   return (_SIZE$mini$SIZE$compa3 = {}, _defineProperty(_SIZE$mini$SIZE$compa3, SIZE.mini, {
     paddingTop: sizing.scale100,
     paddingBottom: sizing.scale100,
@@ -92,24 +95,35 @@ function getInputPadding(size, sizing) {
   }), _SIZE$mini$SIZE$compa3)[size];
 }
 
-function getRootPadding(adjoined, size, sizing, direction, hasIconTrailing) {
+function getRootPadding( // @ts-ignore
+adjoined, // @ts-ignore
+size, // @ts-ignore
+sizing, // @ts-ignore
+direction, // @ts-ignore
+hasIconTrailing) {
   var ifLeftPad = adjoined === ADJOINED.both || adjoined === ADJOINED.left && direction !== 'rtl' || adjoined === ADJOINED.right && direction === 'rtl' || hasIconTrailing && direction === 'rtl';
   var ifRightPad = adjoined === ADJOINED.both || adjoined === ADJOINED.right && direction !== 'rtl' || adjoined === ADJOINED.left && direction === 'rtl' || hasIconTrailing && direction !== 'rtl';
   return {
     paddingLeft: ifLeftPad ? sizing.scale550 : '0px',
     paddingRight: ifRightPad ? sizing.scale550 : '0px'
   };
-}
+} // @ts-ignore
+
 
 function getFont(size, typography) {
   var _SIZE$mini$SIZE$compa4;
 
+  // @ts-ignore
   return (_SIZE$mini$SIZE$compa4 = {}, _defineProperty(_SIZE$mini$SIZE$compa4, SIZE.mini, typography.font100), _defineProperty(_SIZE$mini$SIZE$compa4, SIZE.compact, typography.font200), _defineProperty(_SIZE$mini$SIZE$compa4, SIZE.default, typography.font300), _defineProperty(_SIZE$mini$SIZE$compa4, SIZE.large, typography.font400), _SIZE$mini$SIZE$compa4)[size];
 }
 
-function getRootColors($disabled, $isFocused, $error) {
+function getRootColors( // @ts-ignore
+$disabled, // @ts-ignore
+$isFocused, // @ts-ignore
+$error) {
   var $positive = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-  var colors = arguments.length > 4 ? arguments[4] : undefined;
+  var // @ts-ignore
+  colors = arguments.length > 4 ? arguments[4] : undefined;
 
   if ($disabled) {
     return {
@@ -160,7 +174,9 @@ function getRootColors($disabled, $isFocused, $error) {
   };
 }
 
-function getRootBorderRadius(size, borders) {
+function getRootBorderRadius( // @ts-ignore
+size, // @ts-ignore
+borders) {
   var radius = borders.inputBorderRadius;
 
   if (size === SIZE.mini) {
@@ -212,9 +228,11 @@ export var Root = styled('div', getRootStyles);
 Root.displayName = "Root";
 Root.displayName = 'Root'; // InputEnhancer
 
+// @ts-ignore
 function getInputEnhancerPadding($size, sizing) {
   var _SIZE$mini$SIZE$compa5;
 
+  // @ts-ignore
   return (_SIZE$mini$SIZE$compa5 = {}, _defineProperty(_SIZE$mini$SIZE$compa5, SIZE.mini, {
     paddingRight: sizing.scale400,
     paddingLeft: sizing.scale400
@@ -228,7 +246,8 @@ function getInputEnhancerPadding($size, sizing) {
     paddingRight: sizing.scale200,
     paddingLeft: sizing.scale200
   }), _SIZE$mini$SIZE$compa5)[$size];
-}
+} // @ts-ignore
+
 
 function getInputEnhancerColors($disabled, $isFocused, $error, $positive, colors) {
   if ($disabled) {
@@ -287,6 +306,7 @@ export var InputEnhancer = styled('div', function (props) {
 });
 InputEnhancer.displayName = "InputEnhancer";
 InputEnhancer.displayName = 'InputEnhancer'; // InputContainer
+// @ts-ignore
 
 function getInputContainerColors($disabled, $isFocused, $error, $positive, colors) {
   if ($disabled) {
@@ -343,7 +363,7 @@ export var getInputContainerStyles = function getInputContainerStyles(props) {
 };
 export var InputContainer = styled('div', getInputContainerStyles);
 InputContainer.displayName = "InputContainer";
-InputContainer.displayName = 'InputContainer';
+InputContainer.displayName = 'InputContainer'; // @ts-ignore
 
 function getInputColors($disabled, $isFocused, $error, colors) {
   if ($disabled) {
@@ -393,9 +413,13 @@ export var getInputStyles = function getInputStyles(props) {
     maxWidth: '100%',
     cursor: $disabled ? 'not-allowed' : 'text',
     margin: '0',
+    // @ts-ignore
     paddingTop: '0',
+    // @ts-ignore
     paddingBottom: '0',
+    // @ts-ignore
     paddingLeft: '0',
+    // @ts-ignore
     paddingRight: '0'
   }, getFont($size, typography)), getInputPadding($size, sizing)), getInputColors($disabled, $isFocused, $error, colors));
 };

package/esm/input/utils.js

@@ -19,7 +19,9 @@ export function getSharedProps(props, state) {
     $disabled: disabled,
     $error: error,
     $positive: positive,
+    // @ts-ignore
     $adjoined: adjoined,
+    // @ts-ignore
     $size: size,
     $required: required,
     $resize: resize,

package/esm/layer/layer.js

@@ -64,6 +64,8 @@ var LayerComponent = /*#__PURE__*/function (_React$Component) {
 
     _this = _super.call.apply(_super, [this].concat(args));
 
+    _defineProperty(_assertThisInitialized(_this), "context", void 0);
+
     _defineProperty(_assertThisInitialized(_this), "state", {
       container: null
     });
@@ -138,7 +140,8 @@ var LayerComponent = /*#__PURE__*/function (_React$Component) {
       if (host) {
         this.addContainer(host);
       }
-    }
+    } // @ts-ignore
+
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
@@ -186,7 +189,8 @@ var LayerComponent = /*#__PURE__*/function (_React$Component) {
     }
   }, {
     key: "addContainer",
-    value: function addContainer(host) {
+    value: // @ts-ignore
+    function addContainer(host) {
       var _this$props3 = this.props,
           index = _this$props3.index,
           mountNode = _this$props3.mountNode,

package/esm/layer/tether.js

@@ -129,7 +129,7 @@ var Tether = /*#__PURE__*/function (_React$Component) {
           if (!this.props.anchorRef) {
             if (process.env.NODE_ENV !== "production") {
               // eslint-disable-next-line no-console
-              console.warn("[baseui][TetherBehavior] ref has not been passed to the Popper's anchor element.\n              See how to pass the ref to an anchor element in the Popover example\n              http://baseui.design/components/popover#anchor-ref-handling-example");
+              console.warn("[baseui][TetherBehavior] ref has not been passed to the Popper's anchor element.\n              See how to pass the ref to an anchor element in the Popover example\n              https://baseweb.design/components/popover/#anchor-ref-handling-example");
             }
           } else {
             this.initializePopper();
@@ -201,11 +201,14 @@ var Tether = /*#__PURE__*/function (_React$Component) {
 }(React.Component);
 
 _defineProperty(Tether, "defaultProps", {
+  // @ts-ignore
   anchorRef: null,
+  // @ts-ignore
   onPopperUpdate: function onPopperUpdate() {
     return null;
   },
   placement: TETHER_PLACEMENT.auto,
+  // @ts-ignore
   popperRef: null,
   popperOptions: {}
 });

package/esm/layout-grid/grid.js

@@ -84,6 +84,7 @@ export default function Grid(_ref) {
       gridColumns: gridColumns,
       gridGaps: gridGaps,
       gridGutters: gridGutters,
+      // @ts-ignore
       gridUnit: gridUnit
     }, gridContextStyleValues)
   }, children)));

package/esm/layout-grid/index.js

@@ -12,7 +12,8 @@ export { StyledGrid, StyledCell, Grid, Cell };
 export * from './constants';
 var componentName = 'Layout Grid (baseui/layout-grid)';
 export var Unstable_StyledGrid = DeprecatedHOC(StyledGrid, componentName);
-export var Unstable_StyledCell = DeprecatedHOC(StyledCell, componentName);
+export var Unstable_StyledCell = DeprecatedHOC(StyledCell, componentName); // @ts-ignore
+
 export var Unstable_Grid = DeprecatedHOC(Grid, componentName);
 export var Unstable_Cell = DeprecatedHOC(Cell, componentName);
 export * from './types';

package/esm/layout-grid/styled-components.js

@@ -13,7 +13,8 @@ LICENSE file in the root directory of this source tree.
 import { styled } from '../styles';
 import { getMediaQueries } from '../helpers/responsive-helpers';
 import { BEHAVIOR } from './constants';
-export var StyledGridWrapper = styled('div', function (_ref) {
+export var StyledGridWrapper = styled('div', // @ts-ignore
+function (_ref) {
   var $theme = _ref.$theme,
       _ref$$behavior = _ref.$behavior,
       $behavior = _ref$$behavior === void 0 ? BEHAVIOR.fixed : _ref$$behavior,
@@ -30,7 +31,8 @@ export var StyledGridWrapper = styled('div', function (_ref) {
 });
 StyledGridWrapper.displayName = "StyledGridWrapper";
 StyledGridWrapper.displayName = 'StyledGridWrapper';
-export var StyledGrid = styled('div', function (_ref2) {
+export var StyledGrid = styled('div', // @ts-ignore
+function (_ref2) {
   var $theme = _ref2.$theme,
       _ref2$$align = _ref2.$align,
       $align = _ref2$$align === void 0 ? null : _ref2$$align,
@@ -69,7 +71,8 @@ export var StyledGrid = styled('div', function (_ref2) {
 });
 StyledGrid.displayName = "StyledGrid";
 StyledGrid.displayName = 'StyledGrid';
-export var StyledCell = styled('div', function (_ref3) {
+export var StyledCell = styled('div', // @ts-ignore
+function (_ref3) {
   var $theme = _ref3.$theme,
       _ref3$$align = _ref3.$align,
       $align = _ref3$$align === void 0 ? null : _ref3$$align,

package/esm/link/index.js

@@ -30,6 +30,7 @@ import { Link } from './styled-components';
 import { withWrapper } from '../styles';
 import { isFocusVisible, forkFocus, forkBlur } from '../utils/focusVisible';
 
+// @ts-ignore
 function LinkFocus(props) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),