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

package/dist/cjs/NumberField/NumberField.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -13,10 +15,14 @@ var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inh
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 
 var _InputField = _interopRequireDefault(require("../Input/InputField"));
 
+var _StackView = _interopRequireDefault(require("../StackView"));
+
+var _Button = _interopRequireDefault(require("../Button"));
+
 var _utils = require("../utils");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -56,7 +62,9 @@ var NumberField = /*#__PURE__*/function (_Component) {
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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)
       };
     });
@@ -87,19 +95,40 @@ 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;
     });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "incrementValue", function () {
+      return _this.stepValue(_this.props.value, _this.props.step);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "decrementValue", function () {
+      return _this.stepValue(_this.props.value, -_this.props.step);
+    });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleKeyDown", function (event) {
       if (_this.props.ignoredKeys.includes(event.key)) {
         return;
@@ -110,24 +139,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) {
@@ -188,38 +209,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 = (0, _objectWithoutPropertiesLoose2["default"])(_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 = (0, _utils.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) {
@@ -238,11 +251,79 @@ 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["default"].createElement(_react["default"].Fragment, null, inputElement, /*#__PURE__*/_react["default"].createElement(_StackView["default"], {
+        marginRight: -1,
+        marginLeft: 1
+      }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+        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["default"].createElement(_Button["default"], {
+        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 = (0, _objectWithoutPropertiesLoose2["default"])(_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;
 }(_react.Component);
 
 (0, _defineProperty2["default"])(NumberField, "defaultProps", {
   as: _InputField["default"],
+  hasControls: false,
   ignoredKeys: [],
   min: MIN_VALUE,
   max: MAX_VALUE,

package/dist/cjs/NumberField/NumberField.test.js

@@ -29,7 +29,13 @@ describe('value', function () {
 
     return /*#__PURE__*/_react["default"].createElement(_NumberField["default"], (0, _extends2["default"])({}, 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
     }));
   };
@@ -110,7 +116,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/cjs/Portal/Portal.js

@@ -40,7 +40,8 @@ var Portal = /*#__PURE__*/function (_React$Component) {
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_needsUpdate", false);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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/cjs/Progress/Progress.js

@@ -15,7 +15,7 @@ var _Box = _interopRequireDefault(require("../Box"));
 
 var _system = require("../system");
 
-function Progress(_ref) {
+var Progress = function Progress(_ref) {
   var value = _ref.value,
       restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["value"]);
 
@@ -45,7 +45,7 @@ function Progress(_ref) {
       transform: "scaleX(" + value / 100 + ")"
     }
   }));
-}
+};
 
 var _default = Progress;
 exports["default"] = _default;

package/dist/cjs/Radio/Radio.js

@@ -33,9 +33,8 @@ var iconPaths = {
 };
 var radioEmitter = (0, _mitt["default"])();
 
-function Radio(_ref) {
+var Radio = function Radio(_ref) {
   var checked = _ref.checked,
-      css = _ref.css,
       disabled = _ref.disabled,
       id = _ref.id,
       label = _ref.label,
@@ -46,7 +45,7 @@ function Radio(_ref) {
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'xs' : _ref$size,
       value = _ref.value,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["checked", "css", "disabled", "id", "label", "name", "onBlur", "onChange", "onFocus", "size", "value"]);
+      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["checked", "disabled", "id", "label", "name", "onBlur", "onChange", "onFocus", "size", "value"]);
   var radioTheme = (0, _system.useThemeValue)('radio');
   var inputRef = (0, _react.useRef)();
 
@@ -85,22 +84,27 @@ function Radio(_ref) {
   }, restProps), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
     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",
@@ -152,7 +156,7 @@ function Radio(_ref) {
     lineHeight: 2.5,
     marginLeft: 0.5
   }, label)));
-}
+};
 
 var _default = Radio;
 exports["default"] = _default;

package/dist/cjs/Toolbar/Toolbar.js

@@ -27,6 +27,7 @@ var _utils = require("../utils");
 
 var _Action = _interopRequireDefault(require("./Action"));
 
+// @ts-ignore Should this be ReactNode anyway?
 var Toolbar = /*#__PURE__*/function (_Component) {
   (0, _inheritsLoose2["default"])(Toolbar, _Component);
 

package/dist/cjs/Tooltip/Tooltip.js

@@ -55,7 +55,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 = (0, _objectWithoutPropertiesLoose2["default"])(_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 = (0, _objectWithoutPropertiesLoose2["default"])(_useThemeProps, ["children", "openDelay", "closeDelay", "defaultOpen", "keepInView", "placement", "popoverProps", "renderTo", "title", "triggerOnFocus", "triggerOnHover", "zIndex"]);
 
   var isPageInView = (0, _react.useRef)(true);
   var isMouseDown = (0, _react.useRef)(false);
@@ -194,7 +196,7 @@ function Tooltip(props, ref) {
     radius: 2,
     backgroundColor: "grey-9",
     color: "rgba(255,255,255,0.94)",
-    zIndex: 9999
+    zIndex: zIndex
   }, popoverProps, {
     anchorElement: /*#__PURE__*/(0, _react.cloneElement)(child, childProps),
     onMouseEnter: createOpenTimeout,

package/dist/cjs/Wizard/Wizard.js

@@ -37,7 +37,7 @@ 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) { (0, _defineProperty2["default"])(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; }
 
-function Wizard(props) {
+var Wizard = function Wizard(props) {
   var _useThemeProps = (0, _system.useThemeProps)('wizard', props),
       _useThemeProps$autoFo = _useThemeProps.autoFocus,
       autoFocus = _useThemeProps$autoFo === void 0 ? true : _useThemeProps$autoFo,
@@ -92,7 +92,7 @@ function Wizard(props) {
         });
       });
     };
-  }, [steps]);
+  }, []);
   var isCurrentStepValid = (0, _react.useCallback)(function () {
     var currentStep = steps[activeStepIndex];
     return currentStep && currentStep.valid ? currentStep.valid(payload) : true;
@@ -106,7 +106,7 @@ function Wizard(props) {
       setSendingPayload(true);
       onSubmit(payload, _complete);
     }
-  }, [payload]);
+  }, [onSubmit, payload]);
   return /*#__PURE__*/_react["default"].createElement(_WizardContext["default"].Provider, {
     value: {
       activeStepIndex: activeStepIndex,
@@ -183,7 +183,7 @@ function Wizard(props) {
       totalSteps: totalSteps
     })
   }, buttonProps, nextButtonProps))))));
-}
+};
 
 var _default = Wizard;
 exports["default"] = _default;

package/dist/cjs/system/utils.js

@@ -165,6 +165,7 @@ function useThemeValue(path, defaultValue) {
 }
 
 function useThemeProps(path, props) {
+  // @ts-ignore error TS2554: Expected 2 arguments, but got 1
   return _objectSpread(_objectSpread({}, useThemeValue(path)), props);
 }
 
@@ -173,6 +174,7 @@ function useBoxSize(size) {
     size = 'md';
   }
 
+  // @ts-ignore error TS2554: Expected 2 arguments, but got 1
   var boxSizes = useThemeValue('boxSizes');
   var navigateSize = (0, _react.useCallback)(function (amount) {
     var index = Object.keys(boxSizes).indexOf(size);

package/dist/esm/Badge/Badge.js

@@ -66,9 +66,13 @@ function Badge(_ref) {
   }
 
   if (badgeProps.radius === 'circle') {
-    textStyle.position = 'absolute';
-    textStyle.top = '50%';
-    textStyle.left = '50%';
+    // @ts-ignore error TS2339: Property 'position' does not exist on type ...
+    textStyle.position = 'absolute'; // @ts-ignore error TS2339: Property 'top' does not exist on type ...
+
+    textStyle.top = '50%'; // @ts-ignore error TS2339: Property 'left' does not exist on type ...
+
+    textStyle.left = '50%'; // @ts-ignore error TS2339: Property 'transform' does not exist on type ...
+
     textStyle.transform = 'translate(-50%, -50%)';
   }
 
@@ -105,8 +109,12 @@ function Badge(_ref) {
     position: "absolute",
     top: 0,
     left: 0
-  }, typeof renderLeft === 'string' ? renderLeft : /*#__PURE__*/cloneElement(renderLeft, {
-    size: renderLeft.props && renderLeft.props.size || badgeProps.size
+  }, typeof renderLeft === 'string' ? renderLeft // @ts-ignore error TS2769: No overload matches this call.
+  :
+  /*#__PURE__*/
+  cloneElement(renderLeft, {
+    size: // @ts-ignore error TS2339: Property 'props' does not exist on type ...
+    renderLeft.props && renderLeft.props.size || badgeProps.size
   })), typeof title === 'undefined' ? children : /*#__PURE__*/React.createElement(Text, textStyle, title), renderRight && /*#__PURE__*/React.createElement(Box, {
     display: "flex",
     alignItems: "center",
@@ -116,8 +124,12 @@ function Badge(_ref) {
     position: "absolute",
     top: 0,
     right: 0
-  }, typeof renderRight === 'string' ? renderRight : /*#__PURE__*/cloneElement(renderRight, {
-    size: renderRight.props && renderRight.props.size || badgeProps.size
+  }, typeof renderRight === 'string' ? renderRight // @ts-ignore error TS2769: No overload matches this call.
+  :
+  /*#__PURE__*/
+  cloneElement(renderRight, {
+    size: // @ts-ignore error TS2339: Property 'props' does not exist on type ...
+    renderRight.props && renderRight.props.size || badgeProps.size
   })));
 }
 

package/dist/esm/Badge/Status.js

@@ -1,9 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-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 } from 'react';
+import React, { useEffect, useState } from 'react';
 import { getColor } from '../system';
 import Icon from '../Icon';
 import Badge from './Badge';
@@ -18,81 +15,59 @@ var statuses = {
   }
 };
 
-/**
- * Used to show a reaction to saving user data
- */
-var Status = /*#__PURE__*/function (_Component) {
-  _inheritsLoose(Status, _Component);
-
-  function Status() {
-    var _this;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _Component.call.apply(_Component, [this].concat(args)) || this;
-
-    _defineProperty(_assertThisInitialized(_this), "timeout", null);
-
-    return _this;
+var Status = function Status(_ref) {
+  var light = _ref.light,
+      onClearRequest = _ref.onClearRequest,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'sm' : _ref$size,
+      status = _ref.status,
+      title = _ref.title,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["light", "onClearRequest", "size", "status", "title"]);
+
+  var _useState = useState(null),
+      timeoutId = _useState[0],
+      setTimeoutId = _useState[1];
+
+  useEffect(function () {
+    var requestClear = function requestClear() {
+      if (timeoutId) {
+        clearTimeout(timeoutId);
+      }
+
+      setTimeoutId(setTimeout(onClearRequest, 1800));
+    };
+
+    requestClear();
+    return function () {
+      if (timeoutId) {
+        clearTimeout(timeoutId);
+      }
+    };
+  }, [onClearRequest, status, timeoutId]);
+
+  if (!status) {
+    return null;
+  } else {
+    var _statuses$status = statuses[status],
+        color = _statuses$status.color,
+        icon = _statuses$status.icon;
+    return /*#__PURE__*/React.createElement(Badge, _extends({
+      color: light ? {
+        background: 'light',
+        foreground: getColor(color)
+      } : getColor(color),
+      fontWeight: 600,
+      paddingRight: 1,
+      radius: "pill",
+      renderLeft: /*#__PURE__*/React.createElement(Icon, {
+        name: icon
+      }),
+      size: size,
+      title: title
+    }, restProps));
   }
+}; // @ts-ignore error TS2339: Property 'displayName' does not exist on type 'typeof Status'.
 
-  var _proto = Status.prototype;
-
-  _proto.componentDidMount = function componentDidMount() {
-    this.requestClear();
-  };
-
-  _proto.componentDidUpdate = function componentDidUpdate(lastProps) {
-    if (lastProps.status !== this.props.status) {
-      this.requestClear();
-    }
-  };
-
-  _proto.requestClear = function requestClear() {
-    if (this.timeout) {
-      clearTimeout(this.timeout);
-    }
-
-    this.timeout = setTimeout(this.props.onClearRequest, 1800);
-  };
-
-  _proto.render = function render() {
-    var _this$props = this.props,
-        status = _this$props.status,
-        light = _this$props.light,
-        onClearRequest = _this$props.onClearRequest,
-        props = _objectWithoutPropertiesLoose(_this$props, ["status", "light", "onClearRequest"]);
-
-    if (!status) {
-      return null;
-    } else {
-      var _statuses$status = statuses[status],
-          color = _statuses$status.color,
-          icon = _statuses$status.icon;
-      return /*#__PURE__*/React.createElement(Badge, _extends({
-        paddingRight: 1,
-        radius: "pill",
-        renderLeft: /*#__PURE__*/React.createElement(Icon, {
-          name: icon
-        }),
-        color: light ? {
-          background: 'light',
-          foreground: getColor(color)
-        } : getColor(color),
-        fontWeight: 600
-      }, props));
-    }
-  };
-
-  return Status;
-}(Component);
-
-_defineProperty(Status, "defaultProps", {
-  title: '',
-  size: 'sm'
-});
 
 Status.displayName = 'Badge.Status';
 export default Status;

package/dist/esm/Button/Button.js

@@ -71,7 +71,7 @@ export function Button(_ref) {
     inline: true,
     lineHeight: lineHeight,
     position: 'relative',
-    radius: 3,
+    radius: 4,
     strokeAlign: 'inside',
     strokeWeight: 1,
     userSelect: 'none',

package/dist/esm/Calendar/Day.js

@@ -29,7 +29,9 @@ var Day = function Day(_ref) {
       statusOffset = _ref$statusOffset === void 0 ? '15%' : _ref$statusOffset,
       restProps = _objectWithoutPropertiesLoose(_ref, ["backgroundColor", "cellSize", "children", "color", "date", "disabled", "fontSize", "fontWeight", "inSameMonth", "isMinDate", "isMaxDate", "isSelected", "isToday", "selectDate", "selectedColor", "statusColor", "statuses", "statusOffset"]);
 
-  var affordance = !disabled && !isMinDate && !isMaxDate && (selectDate || restProps.onClick || restProps.onMouseDown);
+  var affordance = !disabled && !isMinDate && !isMaxDate && ( // @ts-ignore error TS2339: Property 'onClick' does not exist on type '{}'.
+  // @ts-ignore error TS2339: Property 'onMouseDown' does not exist on type '{}'.
+  selectDate || restProps.onClick || restProps.onMouseDown);
   return /*#__PURE__*/React.createElement(StackView, {
     width: cellSize,
     height: cellSize,
@@ -45,7 +47,8 @@ var Day = function Day(_ref) {
     width: "100%",
     height: "100%",
     alignment: "center",
-    distribution: "center",
+    distribution: "center" // @ts-ignore error TS2322: Type '"" | "none"' is not assignable to type 'PointerEvents'.
+    ,
     pointerEvents: (disabled || isMinDate || isMaxDate) && 'none',
     hover: affordance && {
       backgroundColor: 'highlight'