@planningcenter/tapestry-react 2.9.2 → 2.10.0-rc.1

package/dist/esm/Combobox/ComboboxPopover.js

@@ -25,6 +25,7 @@ var ComboboxPopover = /*#__PURE__*/function (_Component) {
     _this = _Component.call.apply(_Component, [this].concat(args)) || this;
 
     _defineProperty(_assertThisInitialized(_this), "state", {
+      // @ts-ignore error TS2339: Property 'defaultOpen' does not exist on type 'Readonly<Props>'.
       isPopoverOpen: _this.props.defaultOpen || false
     });
 
@@ -37,10 +38,12 @@ var ComboboxPopover = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "closeRequestId", null);
 
     _defineProperty(_assertThisInitialized(_this), "setItemListRef", function (component) {
+      // @ts-ignore error TS2339: Property 'itemList' does not exist on type 'ComboboxPopover'.
       _this.itemList = component;
     });
 
     _defineProperty(_assertThisInitialized(_this), "setInputRef", function (component) {
+      // @ts-ignore error TS2339: Property 'input' does not exist on type 'ComboboxPopover'.
       _this.input = component;
     });
 
@@ -48,6 +51,7 @@ var ComboboxPopover = /*#__PURE__*/function (_Component) {
       _this.setState({
         isPopoverOpen: true
       }, function () {
+        // @ts-ignore error TS2339: Property 'itemList' does not exist on type 'ComboboxPopover'.
         _this.itemList.setHighlightedIndex(0, {
           maybeScrollIntoView: false
         });
@@ -60,6 +64,7 @@ var ComboboxPopover = /*#__PURE__*/function (_Component) {
         _this.setState({
           isPopoverOpen: false
         }, function () {
+          // @ts-ignore error TS2339: Property 'itemList' does not exist on type 'ComboboxPopover'.
           _this.itemList.clearHighlightedIndex();
         });
       });
@@ -68,9 +73,10 @@ var ComboboxPopover = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "handleBlur", function (event) {
       _this.closePopover();
 
-      _this.inputTouched = false;
+      _this.inputTouched = false; // @ts-ignore error TS2339: Property 'onBlur' does not exist on type 'Readonly<Props>'.
 
       if (_this.props.onBlur) {
+        // @ts-ignore error TS2339: Property 'onBlur' does not exist on type 'Readonly<Props>'.
         _this.props.onBlur(event);
       }
     });
@@ -78,9 +84,11 @@ var ComboboxPopover = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "handleSelect", function (event) {
       if (_this.props.closeOnSelect) {
         _this.closePopover();
-      }
+      } // @ts-ignore error TS2339: Property 'onSelect' does not exist on type 'Readonly<Props>'.
+
 
       if (_this.props.onSelect) {
+        // @ts-ignore error TS2339: Property 'onSelect' does not exist on type 'Readonly<Props>'.
         _this.props.onSelect(event);
       }
     });
@@ -91,13 +99,16 @@ var ComboboxPopover = /*#__PURE__*/function (_Component) {
   var _proto = ComboboxPopover.prototype;
 
   _proto.componentDidUpdate = function componentDidUpdate(lastProps) {
-    if (lastProps.disabled !== lastProps.disabled && this.props.disabled === true) {
+    if (lastProps.disabled !== lastProps.disabled && // @ts-ignore error TS2339: Property 'disabled' does not exist on type 'Readonly<Props>'.
+    this.props.disabled === true) {
       this.closePopover();
     }
 
     var isComboboxFocused = document.activeElement === this.inputNode;
 
-    if (isComboboxFocused && lastProps.value !== this.props.value && this.props.value.length > 0 && !this.state.isPopoverOpen) {
+    if (isComboboxFocused && // @ts-ignore error TS2339: Property 'value' does not exist on type 'Readonly<Props>'.
+    lastProps.value !== this.props.value && // @ts-ignore error TS2339: Property 'value' does not exist on type 'Readonly<Props>'.
+    this.props.value.length > 0 && !this.state.isPopoverOpen) {
       this.openPopover();
     }
   };
@@ -151,6 +162,7 @@ var ComboboxPopover = /*#__PURE__*/function (_Component) {
         }, popoverProps, {
           as: Menu,
           ref: function ref(component) {
+            // @ts-ignore error TS2339: Property 'popover' does not exist on type 'ComboboxPopover'.
             _this2.popover = component;
           },
           innerRef: function innerRef(node) {
@@ -164,7 +176,8 @@ var ComboboxPopover = /*#__PURE__*/function (_Component) {
           relativeTo: relativeTo,
           renderTo: renderTo,
           open: isPopoverOpen,
-          onBlur: requestBlur,
+          onBlur: requestBlur // @ts-ignore error TS2322: Type '(anchorProps: any) => Element' is not assignable to type 'ReactElement<...
+          ,
           anchorElement: function anchorElement(anchorProps) {
             return /*#__PURE__*/React.createElement(ComboboxInput, _extends({
               ref: _this2.setInputRef,
@@ -217,7 +230,8 @@ var ComboboxPopover = /*#__PURE__*/function (_Component) {
                     _this2.closePopover();
                   } else {
                     _this2.openPopover();
-                  }
+                  } // @ts-ignore error TS2339: Property 'input' does not exist on type 'ComboboxPopover'.
+
 
                   _this2.input.focus();
                 }

package/dist/esm/Input/Inline.js

@@ -40,7 +40,7 @@ function Inline(_ref) {
     paddingHorizontal: 0.5,
     paddingVertical: 0,
     placeholderColor: light ? 'light-5' : 'foregroundTertiary',
-    radius: 3,
+    radius: 4,
     stroke: undefined
   }, restProps));
 }

package/dist/esm/Input/InputBox.js

@@ -294,7 +294,7 @@ var InputBox = /*#__PURE__*/function (_Component) {
       alignment: StackView.CENTER,
       shrink: 0,
       minHeight: boxSize,
-      radius: 3,
+      radius: 4,
       position: "relative",
       cursor: "text",
       outline: 0,

package/dist/esm/Menu/Item.js

@@ -31,10 +31,12 @@ function Item(_ref) {
   };
 
   if (renderLeft) {
+    // @ts-ignore error TS2339: Property 'paddingLeft' does not exist on type
     css.paddingLeft = 5;
   }
 
   if (renderRight) {
+    // @ts-ignore error TS2339: Property 'paddingRight' does not exist on type
     css.paddingRight = 5;
   }
 
@@ -43,35 +45,55 @@ function Item(_ref) {
   }
 
   if (disabled) {
-    css.cursor = 'not-allowed';
+    // @ts-ignore error TS2339: Property 'cursor' does not exist on type ...
+    css.cursor = 'not-allowed'; // @ts-ignore error TS2339: Property 'opacity' does not exist on type ...
+
     css.opacity = 0.65;
-  } else if (props.onClick || props.onDoubleClick || props.onMouseDown || props.onMouseUp) {
+  } else if ( // @ts-ignore error TS2339: Property 'onClick' does not exist on type '{}'.
+  props.onClick || // @ts-ignore error TS2339: Property 'onDoubleClick' does not exist on type '{}'.
+  props.onDoubleClick || // @ts-ignore error TS2339: Property 'onMouseDown' does not exist on type '{}'.
+  props.onMouseDown || // @ts-ignore error TS2339: Property 'onMouseUp' does not exist on type '{}'.
+  props.onMouseUp) {
+    // @ts-ignore error TS2339: Property 'cursor' does not exist on type ...
     css.cursor = 'pointer';
   }
 
-  return /*#__PURE__*/React.createElement(StackView, _extends({}, css, props), renderLeft && /*#__PURE__*/React.createElement(Box, {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    width: 4,
-    height: "100%",
-    position: "absolute",
-    top: 0,
-    left: 0.5
-  }, typeof renderLeft === 'function' ? renderRight() : /*#__PURE__*/cloneElement(renderLeft, {
-    size: renderLeft.props && renderLeft.props.size || 'md'
-  })), children, renderRight && /*#__PURE__*/React.createElement(Box, {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    width: 4,
-    height: "100%",
-    position: "absolute",
-    top: 0,
-    right: 0.5
-  }, typeof renderRight === 'function' ? renderRight() : /*#__PURE__*/cloneElement(renderRight, {
-    size: renderRight.props && renderRight.props.size || 'md'
-  })));
+  return (
+    /*#__PURE__*/
+    // @ts-ignore error TS2322: Type '{ ... }' is not assignable to type ...
+    React.createElement(StackView, _extends({}, css, props), renderLeft && /*#__PURE__*/React.createElement(Box, {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      width: 4,
+      height: "100%",
+      position: "absolute",
+      top: 0,
+      left: 0.5
+    }, typeof renderLeft === 'function' // @ts-ignore error TS2349: This expression is not callable.
+    ? renderRight() // @ts-ignore error TS2769: No overload matches this call.
+    :
+    /*#__PURE__*/
+    cloneElement(renderLeft, {
+      // @ts-ignore error TS2339: Property 'props' does not exist on type ...
+      size: renderLeft.props && renderLeft.props.size || 'md'
+    })), children, renderRight && /*#__PURE__*/React.createElement(Box, {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      width: 4,
+      height: "100%",
+      position: "absolute",
+      top: 0,
+      right: 0.5
+    }, typeof renderRight === 'function' ? renderRight() // @ts-ignore error TS2769: No overload matches this call.
+    :
+    /*#__PURE__*/
+    cloneElement(renderRight, {
+      // @ts-ignore error TS2339: Property 'props' does not exist on type ...
+      size: renderRight.props && renderRight.props.size || 'md'
+    })))
+  );
 }
 
 Item.displayName = 'Menu.Item';

package/dist/esm/Modal/Modal.js

@@ -7,9 +7,10 @@ import { useDocumentEvent } from '../hooks';
 import { trapFocus } from '../utils';
 import { useThemeProps } from '../system';
 
-function Modal(_ref) {
+var Modal = function Modal(_ref) {
   var children = _ref.children,
-      closeOnOutsideClick = _ref.closeOnOutsideClick,
+      _ref$closeOnOutsideCl = _ref.closeOnOutsideClick,
+      closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? false : _ref$closeOnOutsideCl,
       onRequestClose = _ref.onRequestClose,
       open = _ref.open,
       restProps = _objectWithoutPropertiesLoose(_ref, ["children", "closeOnOutsideClick", "onRequestClose", "open"]);
@@ -53,6 +54,6 @@ function Modal(_ref) {
     radius: 8,
     width: "100%"
   }, themeProps), children));
-}
+};
 
 export default Modal;

package/dist/esm/NumberField/NumberField.js

@@ -7,8 +7,10 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-import { createElement, Component } from 'react';
+import React, { createElement, Component } from 'react';
 import InputField from '../Input/InputField';
+import StackView from '../StackView';
+import Button from '../Button';
 import { padNumber, getTabbableSiblings } from '../utils';
 var MIN_VALUE = -Infinity;
 var MAX_VALUE = Infinity;
@@ -45,7 +47,9 @@ var NumberField = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "getParsedValues", function (value) {
       return {
         value: Number.parseFloat(value),
+        // @ts-ignore Argument of type 'number' is not assignable to parameter of type 'string'.ts(2345)
         minValue: Number.parseFloat(_this.props.min),
+        // @ts-ignore Argument of type 'number' is not assignable to parameter of type 'string'.ts(2345)
         maxValue: Number.parseFloat(_this.props.max)
       };
     });
@@ -80,20 +84,44 @@ var NumberField = /*#__PURE__*/function (_Component) {
           maxValue = _this$getParsedValues3.maxValue;
 
       if (value < minValue) {
+        // @ts-ignore Argument of type 'number' is not assignable to parameter of type 'string'.ts(2345)
         _this.props.onChange(minValue);
       } else if (value > maxValue) {
+        // @ts-ignore Argument of type 'number' is not assignable to parameter of type 'string'.ts(2345)
         _this.props.onChange(maxValue);
       } else if (isNaN(event.target.value)) {
+        // @ts-ignore Argument of type 'number' is not assignable to parameter of type 'string'.ts(2345)
         _this.props.onChange(_this.clampValue(value));
       }
 
       if (_this.props.onBlur) {
+        // @ts-ignore
         _this.props.onBlur(event);
       }
 
       _this.firstTouch = true;
     });
 
+    _defineProperty(_assertThisInitialized(_this), "stepValue", function (baseValue, step) {
+      var nextValue = _this.clampValue(baseValue + step);
+
+      var parsedValue = Number.parseFloat( // @ts-ignore Expected 1 arguments, but got 2.ts(2554)
+      baseValue.toString().indexOf('.') > -1 ? nextValue.toFixed(2) : nextValue);
+
+      if (_this.isValueValid(parsedValue)) {
+        // @ts-ignore Argument of type 'number' is not assignable to parameter of type 'string'.ts(2345)
+        _this.props.onChange(parsedValue);
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "incrementValue", function () {
+      return _this.stepValue(_this.props.value, _this.props.step);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "decrementValue", function () {
+      return _this.stepValue(_this.props.value, -_this.props.step);
+    });
+
     _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (event) {
       if (_this.props.ignoredKeys.includes(event.key)) {
         return;
@@ -104,24 +132,16 @@ var NumberField = /*#__PURE__*/function (_Component) {
           step = _this$props.step;
 
       var _this$getParsedValues4 = _this.getParsedValues(event.target.value),
-          value = _this$getParsedValues4.value,
-          minValue = _this$getParsedValues4.minValue,
-          maxValue = _this$getParsedValues4.maxValue;
+          value = _this$getParsedValues4.value;
 
       if (isNotAcceptedNumberKey(event) || pad && (event.key === 'ArrowLeft' || event.key === 'ArrowRight')) {
         event.preventDefault();
       }
 
-      if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
-        var increment = (event.key === 'ArrowUp' ? 1 : -1) * step;
-
-        var nextValue = _this.clampValue(value + increment);
-
-        var parsedValue = Number.parseFloat(event.target.value.indexOf('.') > -1 ? nextValue.toFixed(2) : nextValue);
-
-        if (_this.isValueValid(parsedValue)) {
-          _this.props.onChange(parsedValue);
-        }
+      if (event.key === 'ArrowUp') {
+        _this.incrementValue();
+      } else if (event.key === 'ArrowDown') {
+        _this.decrementValue();
       }
 
       if (_this.props.onKeyDown) {
@@ -184,39 +204,30 @@ var NumberField = /*#__PURE__*/function (_Component) {
     return autoWidth || (pad && isValueEmpty ? getPadStringSize(pad) : isValueEmpty && placeholder !== undefined ? placeholder : value);
   };
 
-  _proto.render = function render() {
+  _proto.renderInput = function renderInput(restProps) {
     var _this$props3 = this.props,
-        autoWidth = _this$props3.autoWidth,
         as = _this$props3.as,
         highlightOnInteraction = _this$props3.highlightOnInteraction,
-        ignoredKeys = _this$props3.ignoredKeys,
-        min = _this$props3.min,
-        max = _this$props3.max,
-        moveFocusOnMax = _this$props3.moveFocusOnMax,
-        onChange = _this$props3.onChange,
-        onBlur = _this$props3.onBlur,
-        onInput = _this$props3.onInput,
-        onKeyDown = _this$props3.onKeyDown,
         pad = _this$props3.pad,
-        value = _this$props3.value,
-        restProps = _objectWithoutPropertiesLoose(_this$props3, ["autoWidth", "as", "highlightOnInteraction", "ignoredKeys", "min", "max", "moveFocusOnMax", "onChange", "onBlur", "onInput", "onKeyDown", "pad", "value"]);
-
+        value = _this$props3.value;
     var parsed = this.getParsedValues(value);
     var numberValue = value === null ? '' : value;
 
     if (pad && numberValue !== '') {
       numberValue = padNumber(numberValue, pad);
-    }
+    } // @ts-ignore Property 'min' does not exist on type '{ value: number; minValue: number; maxValue: number; }'.ts(2339)
+
 
     if (parsed.min !== MIN_VALUE) {
-      restProps.min = min;
-    }
+      restProps.min = this.props.min;
+    } // @ts-ignore Property 'max' does not exist on type '{ value: number; minValue: number; maxValue: number; }'.ts(2339)
+
 
     if (parsed.max !== MAX_VALUE) {
-      restProps.max = max;
+      restProps.max = this.props.max;
     }
 
-    if (autoWidth !== false) {
+    if (this.props.autoWidth !== false) {
       restProps.autoWidth = this.getAutoWidthValue(numberValue);
 
       if (restProps.autoWidth === undefined) {
@@ -235,11 +246,80 @@ var NumberField = /*#__PURE__*/function (_Component) {
     }));
   };
 
+  _proto.renderInputWithControls = function renderInputWithControls(restProps) {
+    var _this2 = this;
+
+    var inputElement = this.renderInput(restProps);
+
+    if (this.props.hasControls) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, inputElement, /*#__PURE__*/React.createElement(StackView, {
+        marginRight: -1,
+        marginLeft: 1
+      }, /*#__PURE__*/React.createElement(Button, {
+        icon: {
+          name: 'general.upCaret'
+        },
+        hover: {
+          backgroundColor: 'grey-1'
+        },
+        minHeight: 1,
+        onClick: function onClick() {
+          return _this2.incrementValue();
+        },
+        paddingVertical: 0.25 // @ts-ignore Type 'string' is not assignable to type 'never'.ts(2322)
+        ,
+        size: "xs",
+        title: "Increment by 1",
+        theme: "naked"
+      }), /*#__PURE__*/React.createElement(Button, {
+        icon: {
+          name: 'general.downCaret'
+        },
+        hover: {
+          backgroundColor: 'grey-1'
+        },
+        minHeight: 1,
+        onClick: function onClick() {
+          return _this2.decrementValue();
+        },
+        paddingVertical: 0.25 // @ts-ignore Type 'string' is not assignable to type 'never'.ts(2322)
+        ,
+        size: "xs",
+        title: "Decrement by 1",
+        theme: "naked"
+      })));
+    }
+
+    return inputElement;
+  };
+
+  _proto.render = function render() {
+    var _this$props4 = this.props,
+        autoWidth = _this$props4.autoWidth,
+        as = _this$props4.as,
+        hasControls = _this$props4.hasControls,
+        highlightOnInteraction = _this$props4.highlightOnInteraction,
+        ignoredKeys = _this$props4.ignoredKeys,
+        min = _this$props4.min,
+        max = _this$props4.max,
+        moveFocusOnMax = _this$props4.moveFocusOnMax,
+        onChange = _this$props4.onChange,
+        onBlur = _this$props4.onBlur,
+        onInput = _this$props4.onInput,
+        onKeyDown = _this$props4.onKeyDown,
+        pad = _this$props4.pad,
+        value = _this$props4.value,
+        restProps = _objectWithoutPropertiesLoose(_this$props4, ["autoWidth", "as", "hasControls", "highlightOnInteraction", "ignoredKeys", "min", "max", "moveFocusOnMax", "onChange", "onBlur", "onInput", "onKeyDown", "pad", "value"]);
+
+    return this.props.hasControls ? this.renderInputWithControls(restProps) : this.renderInput(restProps);
+  };
+
   return NumberField;
 }(Component);
 
 _defineProperty(NumberField, "defaultProps", {
   as: InputField,
+  hasControls: false,
   ignoredKeys: [],
   min: MIN_VALUE,
   max: MAX_VALUE,

package/dist/esm/NumberField/NumberField.test.js

@@ -16,7 +16,13 @@ describe('value', function () {
 
     return /*#__PURE__*/React.createElement(NumberField, _extends({}, props, {
       "data-testid": "test",
-      value: value,
+      value: value // @ts-ignore No overload matches this call.
+      // Overload 1 of 2, '(props: Props | Readonly<Props>): NumberField', gave the following error.
+      // Type 'Dispatch<any>' is not assignable to type '(value: string) => null'.
+      // Type 'void' is not assignable to type 'null'.
+      // Overload 2 of 2, '(props: Props, context: any): NumberField', gave the following error.
+      // Type 'Dispatch<any>' is not assignable to type '(value: string) => null'.ts(2769)
+      ,
       onChange: setValue
     }));
   };
@@ -87,7 +93,7 @@ describe('value', function () {
     });
   });
   describe('pad', function () {
-    it("add appropriate pad", function () {
+    it('add appropriate pad', function () {
       var numberField = setup({
         value: 0,
         pad: 2

package/dist/esm/Portal/Portal.js

@@ -29,7 +29,8 @@ var Portal = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "_updated", false);
 
     return _this;
-  }
+  } // @ts-ignore error TS2612: Property 'context' will overwrite the base property in 'Component<PortalProps, {}, any>'. If this is intentional, add an initializer. Otherwise, add a 'declare' modifier or remove the redundant declaration.
+
 
   var _proto = Portal.prototype;
 

package/dist/esm/Progress/Progress.js

@@ -4,7 +4,7 @@ import React from 'react';
 import Box from '../Box';
 import { useThemeProps } from '../system';
 
-function Progress(_ref) {
+var Progress = function Progress(_ref) {
   var value = _ref.value,
       restProps = _objectWithoutPropertiesLoose(_ref, ["value"]);
 
@@ -34,6 +34,6 @@ function Progress(_ref) {
       transform: "scaleX(" + value / 100 + ")"
     }
   }));
-}
+};
 
 export default Progress;

package/dist/esm/Radio/Radio.js

@@ -14,9 +14,8 @@ var iconPaths = {
 };
 var radioEmitter = mitt();
 
-function Radio(_ref) {
+var Radio = function Radio(_ref) {
   var checked = _ref.checked,
-      css = _ref.css,
       disabled = _ref.disabled,
       id = _ref.id,
       label = _ref.label,
@@ -27,7 +26,7 @@ function Radio(_ref) {
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'xs' : _ref$size,
       value = _ref.value,
-      restProps = _objectWithoutPropertiesLoose(_ref, ["checked", "css", "disabled", "id", "label", "name", "onBlur", "onChange", "onFocus", "size", "value"]);
+      restProps = _objectWithoutPropertiesLoose(_ref, ["checked", "disabled", "id", "label", "name", "onBlur", "onChange", "onFocus", "size", "value"]);
 
   var radioTheme = useThemeValue('radio');
   var inputRef = useRef();
@@ -67,22 +66,27 @@ function Radio(_ref) {
   }, restProps), /*#__PURE__*/React.createElement(Box, {
     innerRef: inputRef,
     as: "input",
-    type: "radio",
+    type: "radio" // @ts-ignore Type 'string | number' is not assignable to type 'string'.
+    // Type 'number' is not assignable to type 'string'.ts(2322)
+    ,
     id: id,
     name: name,
     checked: checked,
     value: value,
     disabled: disabled,
     onChange: function onChange(event) {
-      radioEmitter.emit(name, event.target);
+      radioEmitter.emit(name, event.target); // @ts-ignore Expected 0 arguments, but got 1.ts(2554)
+
       _onChange && _onChange(event);
     },
     onFocus: function onFocus(event) {
-      setFocus(true);
+      setFocus(true); // @ts-ignore Expected 0 arguments, but got 1.ts(2554)
+
       _onFocus && _onFocus(event);
     },
     onBlur: function onBlur(event) {
-      setFocus(false);
+      setFocus(false); // @ts-ignore Expected 0 arguments, but got 1.ts(2554)
+
       _onBlur && _onBlur(event);
     },
     position: "absolute",
@@ -134,6 +138,6 @@ function Radio(_ref) {
     lineHeight: 2.5,
     marginLeft: 0.5
   }, label)));
-}
+};
 
 export default Radio;

package/dist/esm/Toolbar/Toolbar.js

@@ -2,7 +2,8 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React, { Component, Children, cloneElement } from 'react';
+import React, { Component, Children, cloneElement } from 'react'; // @ts-ignore Should this be ReactNode anyway?
+
 import Badge from '../Badge';
 import HelperDrawer from '../HelperDrawer';
 import StackView from '../StackView';

package/dist/esm/Tooltip/Tooltip.js

@@ -39,7 +39,9 @@ function Tooltip(props, ref) {
       triggerOnFocus = _useThemeProps$trigge === void 0 ? true : _useThemeProps$trigge,
       _useThemeProps$trigge2 = _useThemeProps.triggerOnHover,
       triggerOnHover = _useThemeProps$trigge2 === void 0 ? true : _useThemeProps$trigge2,
-      childProps = _objectWithoutPropertiesLoose(_useThemeProps, ["children", "openDelay", "closeDelay", "defaultOpen", "keepInView", "placement", "popoverProps", "renderTo", "title", "triggerOnFocus", "triggerOnHover"]);
+      _useThemeProps$zIndex = _useThemeProps.zIndex,
+      zIndex = _useThemeProps$zIndex === void 0 ? 9999 : _useThemeProps$zIndex,
+      childProps = _objectWithoutPropertiesLoose(_useThemeProps, ["children", "openDelay", "closeDelay", "defaultOpen", "keepInView", "placement", "popoverProps", "renderTo", "title", "triggerOnFocus", "triggerOnHover", "zIndex"]);
 
   var isPageInView = useRef(true);
   var isMouseDown = useRef(false);
@@ -177,7 +179,7 @@ function Tooltip(props, ref) {
     radius: 2,
     backgroundColor: "grey-9",
     color: "rgba(255,255,255,0.94)",
-    zIndex: 9999
+    zIndex: zIndex
   }, popoverProps, {
     anchorElement: /*#__PURE__*/cloneElement(child, childProps),
     onMouseEnter: createOpenTimeout,

package/dist/esm/Wizard/Wizard.js

@@ -19,7 +19,7 @@ import WizardContext from './WizardContext';
 
 var _ref2 = /*#__PURE__*/React.createElement(Divider, null);
 
-function Wizard(props) {
+var Wizard = function Wizard(props) {
   var _useThemeProps = useThemeProps('wizard', props),
       _useThemeProps$autoFo = _useThemeProps.autoFocus,
       autoFocus = _useThemeProps$autoFo === void 0 ? true : _useThemeProps$autoFo,
@@ -74,7 +74,7 @@ function Wizard(props) {
         });
       });
     };
-  }, [steps]);
+  }, []);
   var isCurrentStepValid = useCallback(function () {
     var currentStep = steps[activeStepIndex];
     return currentStep && currentStep.valid ? currentStep.valid(payload) : true;
@@ -88,7 +88,7 @@ function Wizard(props) {
       setSendingPayload(true);
       onSubmit(payload, _complete);
     }
-  }, [payload]);
+  }, [onSubmit, payload]);
   return /*#__PURE__*/React.createElement(WizardContext.Provider, {
     value: {
       activeStepIndex: activeStepIndex,
@@ -165,6 +165,6 @@ function Wizard(props) {
       totalSteps: totalSteps
     })
   }, buttonProps, nextButtonProps))))));
-}
+};
 
 export default Wizard;

package/dist/esm/system/utils.js

@@ -126,6 +126,7 @@ export function useThemeValue(path, defaultValue) {
   return path ? get(userTheme, path, defaultValue || get(defaultTheme, path)) : userTheme || defaultTheme;
 }
 export function useThemeProps(path, props) {
+  // @ts-ignore error TS2554: Expected 2 arguments, but got 1
   return _objectSpread(_objectSpread({}, useThemeValue(path)), props);
 }
 export function useBoxSize(size) {
@@ -133,6 +134,7 @@ export function useBoxSize(size) {
     size = 'md';
   }
 
+  // @ts-ignore error TS2554: Expected 2 arguments, but got 1
   var boxSizes = useThemeValue('boxSizes');
   var navigateSize = useCallback(function (amount) {
     var index = Object.keys(boxSizes).indexOf(size);