@draftbit/core 46.5.2-404403.2 → 46.5.2-b02f9e.2

package/lib/commonjs/components/AspectRatio.js

@@ -7,7 +7,6 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const AspectRatio = props => {
   const [layout, setLayout] = _react.default.useState(null);
   const {
@@ -34,6 +33,23 @@ const AspectRatio = props => {
       });
     }
   }
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    ...props,
+    style: style,
+    onLayout: _ref => {
+      let {
+        nativeEvent: {
+          layout: l
+        }
+      } = _ref;
+      return setLayout(l);
+    }
+  }, props.children);
+};
+var _default = AspectRatio;
+exports.default = _default;    });
+    }
+  }
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, props, {
     style: style,
     onLayout: _ref => {

package/lib/commonjs/components/CardBlock.js

@@ -12,7 +12,6 @@ var _Elevation = _interopRequireDefault(require("./Elevation"));
 var _theming = require("../theming");
 var _Config = _interopRequireDefault(require("./Config"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const CardBlock = _ref => {
   let {
     image = _Config.default.cardImageUrl,
@@ -49,11 +48,12 @@ const CardBlock = _ref => {
   const rightDescriptionStyles = [typography.subtitle2, {
     color: colors.light
   }];
-  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
+  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
     style: style,
     onPress: onPress,
-    numColumns: numColumns
-  }, rest), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    numColumns: numColumns,
+    ...rest
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: {
       backgroundColor: colors.background
     }
@@ -103,4 +103,13 @@ const CardBlock = _ref => {
   }, rightDescription) : null) : null));
 };
 var _default = (0, _theming.withTheme)(CardBlock);
+exports.default = _default;yle: [typography.body2, {
+      color: colors.medium
+    }]
+  }, leftDescription), rightDescription ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    numberOfLines: 1,
+    style: rightDescriptionStyles
+  }, rightDescription) : null) : null));
+};
+var _default = (0, _theming.withTheme)(CardBlock);
 exports.default = _default;

package/lib/commonjs/components/Checkbox/Checkbox.js

@@ -12,7 +12,6 @@ var _hooks = require("../../hooks");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const Checkbox = _ref => {
   let {
     Icon,
@@ -36,7 +35,6 @@ const Checkbox = _ref => {
       setInternalValue(status);
     }
   }, [status]);
-
   // This special logic is to handle weird APIs like Airtable that return
   // true or undefined for a boolean
   const previousDefaultValue = (0, _hooks.usePrevious)(defaultValue);
@@ -60,7 +58,8 @@ const Checkbox = _ref => {
       onUncheck === null || onUncheck === void 0 ? void 0 : onUncheck();
     }
   };
-  return /*#__PURE__*/React.createElement(_Touchable.default, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(_Touchable.default, {
+    ...rest,
     onPress: handlePress,
     disabled: disabled,
     accessibilityState: {
@@ -72,7 +71,7 @@ const Checkbox = _ref => {
       width: size,
       height: size
     }]
-  }), /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     style: styles.icon,
     name: internalValue ? checkedIcon : uncheckedIcon,
     size: size,
@@ -106,4 +105,23 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = Checkbox;
+exports.default = _default; styles = _reactNative.StyleSheet.create({
+  container: {
+    borderRadius: 18
+  },
+  fillContainer: {
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  icon: {
+    alignSelf: "center"
+  },
+  fill: {
+    borderRadius: 5,
+    width: 30,
+    height: 30,
+    alignSelf: "center"
+  }
+});
+var _default = Checkbox;
 exports.default = _default;

package/lib/commonjs/components/DatePicker/DatePicker.js

@@ -16,7 +16,6 @@ var _utilities = require("../../utilities");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const AnimatedText = _reactNative.Animated.createAnimatedComponent(_reactNative.Text);
 const FOCUS_ANIMATION_DURATION = 150;
 const BLUR_ANIMATION_DURATION = 180;
@@ -91,24 +90,20 @@ const DatePicker = _ref => {
     focused ? _handleBlur() : _handleFocus();
   };
   const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
-
   // const _restoreLabel = () =>
   //   Animated.timing(labeled, {
   //     toValue: 1,
   //     duration: FOCUS_ANIMATION_DURATION,
   //     useNativeDriver: true,
   //   }).start();
-
   // const _minmizeLabel = () =>
   //   Animated.timing(labeled, {
   //     toValue: 0,
   //     duration: BLUR_ANIMATION_DURATION,
   //     useNativeDriver: true,
   //   }).start();
-
   // const _showPlaceholder = () =>
   //   setTimeout(() => setPlaceholder1(placeholder || ""), 50);
-
   const _hidePlaceholder = () => {
     setPlaceholder1("");
   };
@@ -251,9 +246,7 @@ const DatePicker = _ref => {
   const inputStyles = [styles.input, inputStyle, type === "solid" ? {
     marginHorizontal: 12
   } : {}];
-
   // const render = (props) => <NativeTextInput {...props} />;
-
   return /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [styles.container, style]
   }, /*#__PURE__*/React.createElement(_Touchable.default, {
@@ -263,9 +256,10 @@ const DatePicker = _ref => {
     pointerEvents: "none"
   }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [styles.container, style]
-  }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
+  }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, {
+    ...leftIconProps,
     style: leftIconStyle
-  })) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
+  }) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [containerStyle, style ? {
       height: style.height
     } : {}, viewStyles]
@@ -314,12 +308,13 @@ const DatePicker = _ref => {
       opacity: hasActiveOutline ? labeled : 1
     }],
     numberOfLines: 1
-  }, label)) : null, leftIconName && leftIconMode === "inset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
+  }, label)) : null, leftIconName && leftIconMode === "inset" ? /*#__PURE__*/React.createElement(Icon, {
+    ...leftIconProps,
     style: {
       ...leftIconStyle,
       marginLeft: type === "solid" ? 16 : 0
     }
-  })) : null, /*#__PURE__*/React.createElement(_reactNative.TextInput, _extends({
+  }) : null, /*#__PURE__*/React.createElement(_reactNative.TextInput, {
     value: formatDate(),
     placeholder: label ? placeholder1 : placeholder,
     editable: !disabled,
@@ -328,8 +323,9 @@ const DatePicker = _ref => {
     onFocus: _handleFocus,
     onBlur: _handleBlur,
     underlineColorAndroid: "transparent",
-    style: [inputStyles, textStyles]
-  }, props))), rightIconName ? /*#__PURE__*/React.createElement(Icon, {
+    style: [inputStyles, textStyles],
+    ...props
+  })), rightIconName ? /*#__PURE__*/React.createElement(Icon, {
     name: rightIconName,
     size: ICON_SIZE,
     color: colors.light,

package/lib/commonjs/components/DeprecatedFAB.js

@@ -15,7 +15,6 @@ var _theming = require("../theming");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const FAB = _ref => {
   let {
     Icon,
@@ -107,7 +106,8 @@ const FAB = _ref => {
     style: [{
       elevation
     }, style]
-  }, /*#__PURE__*/React.createElement(_Touchable.default, _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement(_Touchable.default, {
+    ...rest,
     onPress: onPress,
     accessibilityState: {
       disabled
@@ -115,7 +115,7 @@ const FAB = _ref => {
     accessibilityRole: "button",
     disabled: disabled || loading,
     style: buttonStyles
-  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.content
   }, icon && loading !== true ? /*#__PURE__*/React.createElement(_reactNative.View, {
     style: iconStyle
@@ -155,4 +155,22 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = (0, _theming.withTheme)(FAB);
+exports.default = _default;ow",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  icon: {
+    alignItems: "center",
+    justifyContent: "center",
+    width: _Config.default.buttonIconSize
+  },
+  fixed: {
+    left: 0,
+    right: 0,
+    bottom: 0,
+    height: 64,
+    borderRadius: 0
+  }
+});
+var _default = (0, _theming.withTheme)(FAB);
 exports.default = _default;

package/lib/commonjs/components/Portal/PortalConsumer.js

@@ -7,16 +7,31 @@ exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 class PortalConsumer extends React.Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "key", void 0);
-  }
   async componentDidMount() {
     this.checkManager();
+    // Delay updating to prevent React from going to infinite loop
+    await Promise.resolve();
+    this.key = this.props.manager.mount(this.props.children);
+  }
+  componentDidUpdate() {
+    this.checkManager();
+    this.props.manager.update(this.key, this.props.children);
+  }
+  componentWillUnmount() {
+    this.checkManager();
+    this.props.manager.unmount(this.key);
+  }
+  checkManager() {
+    if (!this.props.manager) {
+      throw new Error("Looks like you forgot to wrap your root component with `Provider` component from `react-native-paper`.\n\n" + "Please read our getting-started guide and make sure you've followed all the required steps.\n\n" + "https://callstack.github.io/react-native-paper/getting-started.html");
+    }
+  }
+  render() {
+    return null;
+  }
+}
+exports.default = PortalConsumer;s.checkManager();
 
     // Delay updating to prevent React from going to infinite loop
     await Promise.resolve();

package/lib/commonjs/components/StepIndicator.js

@@ -8,9 +8,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+// @ts-nocheck
+
 const STEP_STATUS = {
   CURRENT: "current",
   FINISHED: "finished",
@@ -19,7 +18,7 @@ const STEP_STATUS = {
 class StepIndicator extends _react.Component {
   constructor(props) {
     super(props);
-    _defineProperty(this, "renderProgressBarBackground", () => {
+    this.renderProgressBarBackground = () => {
       const {
         stepCount,
         direction
@@ -62,8 +61,8 @@ class StepIndicator extends _react.Component {
         },
         style: progressBarBackgroundStyle
       });
-    });
-    _defineProperty(this, "renderProgressBar", () => {
+    };
+    this.renderProgressBar = () => {
       const {
         stepCount,
         direction
@@ -93,8 +92,8 @@ class StepIndicator extends _react.Component {
       return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
         style: progressBarStyle
       });
-    });
-    _defineProperty(this, "renderStepIndicator", () => {
+    };
+    this.renderStepIndicator = () => {
       let steps = [];
       const {
         stepCount,
@@ -125,8 +124,8 @@ class StepIndicator extends _react.Component {
           height: this.state.customStyles.currentStepIndicatorSize
         }]
       }, steps);
-    });
-    _defineProperty(this, "renderStepLabels", () => {
+    };
+    this.renderStepLabels = () => {
       const {
         labels,
         direction,
@@ -168,8 +167,8 @@ class StepIndicator extends _react.Component {
           alignItems: this.state.customStyles.labelAlign
         }]
       }, labelViews);
-    });
-    _defineProperty(this, "renderStep", position => {
+    };
+    this.renderStep = position => {
       const {
         renderStepIndicator
       } = this.props;
@@ -236,8 +235,8 @@ class StepIndicator extends _react.Component {
       }) : /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
         style: indicatorLabelStyle
       }, "".concat(position + 1)));
-    });
-    _defineProperty(this, "getStepStatus", stepPosition => {
+    };
+    this.getStepStatus = stepPosition => {
       const {
         currentPosition
       } = this.props;
@@ -248,8 +247,8 @@ class StepIndicator extends _react.Component {
       } else {
         return STEP_STATUS.UNFINISHED;
       }
-    });
-    _defineProperty(this, "onCurrentPositionChanged", position => {
+    };
+    this.onCurrentPositionChanged = position => {
       let {
         stepCount
       } = this.props;
@@ -269,7 +268,7 @@ class StepIndicator extends _react.Component {
         toValue: this.state.customStyles.currentStepIndicatorSize / 2,
         duration: 100
       })])]).start();
-    });
+    };
     const defaultStyles = {
       stepIndicatorSize: 30,
       currentStepIndicatorSize: 40,
@@ -335,7 +334,6 @@ class StepIndicator extends _react.Component {
     //     ),
     //   }));
     // }
-
     if (prevProps.currentPosition !== this.props.currentPosition) {
       this.onCurrentPositionChanged(this.props.currentPosition);
     }
@@ -377,6 +375,47 @@ const styles = _reactNative.StyleSheet.create({
     justifyContent: "center"
   }
 });
+StepIndicator.defaultProps = {
+  currentPosition: 0,
+  stepCount: 5,
+  customStyles: {},
+  direction: "horizontal"
+};exports.default = StepIndicator;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    backgroundColor: "transparent"
+  },
+  stepIndicatorContainer: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-around",
+    backgroundColor: "transparent"
+  },
+  stepLabelsContainer: {
+    justifyContent: "space-around"
+  },
+  step: {
+    alignItems: "center",
+    justifyContent: "center",
+    zIndex: 2
+  },
+  stepContainer: {
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  stepLabel: {
+    fontSize: 12,
+    textAlign: "center",
+    fontWeight: "500"
+  },
+  stepLabelItem: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center"
+  }
+});
 StepIndicator.defaultProps = {
   currentPosition: 0,
   stepCount: 5,

package/lib/commonjs/styles/overlay.js

@@ -15,7 +15,6 @@ function overlay(elevation) {
   let surfaceColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _DarkTheme.default.colors.surface;
   if (isAnimatedValue(elevation)) {
     const inputRange = [0, 1, 2, 3, 8, 24];
-
     // @ts-expect-error: TS doesn't seem to refine the type correctly
     return elevation.interpolate({
       inputRange,
@@ -24,7 +23,6 @@ function overlay(elevation) {
       })
     });
   }
-
   // @ts-expect-error: TS doesn't seem to refine the type correctly
   return calculateColor(surfaceColor, elevation);
 }
@@ -65,4 +63,4 @@ const elevationOverlayTransparency = {
   22: 15.72,
   23: 15.84,
   24: 16
-};
+};};

package/lib/typescript/src/styles/overlay.d.ts

@@ -1,3 +1,3 @@
 import { Animated } from "react-native";
-export default function overlay<T extends Animated.Value | number>(elevation: T, surfaceColor?: string): T extends number ? string : Animated.AnimatedInterpolation;
+export default function overlay<T extends Animated.Value | number>(elevation: T, surfaceColor?: string): T extends number ? string : Animated.AnimatedInterpolation<string | number>;
 //# sourceMappingURL=overlay.d.ts.map

package/lib/typescript/src/styles/overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../../src/styles/overlay.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAOxC,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,CAAC,SAAS,QAAQ,CAAC,KAAK,GAAG,MAAM,EAC/D,SAAS,EAAE,CAAC,EACZ,YAAY,GAAE,MAAiC,GAC9C,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC,qBAAqB,CAe5D"}
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../../src/styles/overlay.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAOxC,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,CAAC,SAAS,QAAQ,CAAC,KAAK,GAAG,MAAM,EAC/D,SAAS,EAAE,CAAC,EACZ,YAAY,GAAE,MAAiC,GAC9C,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC,qBAAqB,CAAC,MAAM,GAAG,MAAM,CAAC,CAe7E"}

package/lib/typescript/src/styles/shadow.d.ts

@@ -3,10 +3,10 @@ export default function shadow(elevation?: number | Animated.Value): {
     shadowColor: string;
     shadowOffset: {
         width: Animated.Value;
-        height: Animated.AnimatedInterpolation;
+        height: Animated.AnimatedInterpolation<string | number>;
     };
     shadowOpacity: Animated.Value;
-    shadowRadius: Animated.AnimatedInterpolation;
+    shadowRadius: Animated.AnimatedInterpolation<string | number>;
 } | {
     shadowColor?: undefined;
     shadowOffset?: undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.5.2-404403.2+4044036",
+  "version": "46.5.2-b02f9e.2+b02f9ef",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^46.5.2-404403.2+4044036",
+    "@draftbit/types": "^46.5.2-b02f9e.2+b02f9ef",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.4",
@@ -91,5 +91,5 @@
       ]
     ]
   },
-  "gitHead": "40440364445de4fc6e203808d4be937966fc034a"
+  "gitHead": "b02f9ef43e0e0676b1f335df6df6fd71dff05e20"
 }

package/src/styles/overlay.tsx

@@ -4,13 +4,13 @@ import { Animated } from "react-native";
 import DarkTheme from "./DarkTheme";
 
 const isAnimatedValue = (
-  it: number | Animated.AnimatedInterpolation
+  it: number | Animated.AnimatedInterpolation<string | number>
 ): it is Animated.Value => it instanceof Animated.Value;
 
 export default function overlay<T extends Animated.Value | number>(
   elevation: T,
   surfaceColor: string = DarkTheme.colors.surface
-): T extends number ? string : Animated.AnimatedInterpolation {
+): T extends number ? string : Animated.AnimatedInterpolation<string | number> {
   if (isAnimatedValue(elevation)) {
     const inputRange = [0, 1, 2, 3, 8, 24];