@draftbit/core 46.6.8-80070f.2 → 46.6.9-ac42c5.2

package/lib/commonjs/styles/overlay.js

@@ -12,7 +12,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const isAnimatedValue = it => it instanceof _reactNative.Animated.Value;
 function overlay(elevation) {
-  let surfaceColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _DarkTheme.default.colors.surface;
+  var _DarkTheme$colors;
+  let surfaceColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (_DarkTheme$colors = _DarkTheme.default.colors) === null || _DarkTheme$colors === void 0 ? void 0 : _DarkTheme$colors.surface;
   if (isAnimatedValue(elevation)) {
     const inputRange = [0, 1, 2, 3, 8, 24];
 

package/lib/module/components/Layout.js

@@ -1,5 +1,8 @@
+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); }
 import * as React from "react";
 import { View } from "react-native";
+// @ts-ignore
+
 export function Center(_ref) {
   let {
     width = 240,
@@ -9,16 +12,15 @@ export function Center(_ref) {
     style,
     ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/React.createElement(View, _extends({
     style: [{
       justifyContent: "center",
       alignItems: "center",
       width,
       height,
       backgroundColor: bgColor
-    }, style],
-    ...rest
-  }, children);
+    }, style]
+  }, rest), children);
 }
 export function Circle(_ref2) {
   let {
@@ -29,7 +31,7 @@ export function Circle(_ref2) {
     ...rest
   } = _ref2;
   const borderRadius = 1000;
-  return /*#__PURE__*/React.createElement(Center, {
+  return /*#__PURE__*/React.createElement(Center, _extends({
     width: size,
     height: size,
     bgColor: bgColor,
@@ -37,9 +39,8 @@ export function Circle(_ref2) {
       backgroundColor: bgColor,
       borderRadius,
       overflow: "hidden"
-    }],
-    ...rest
-  }, children);
+    }]
+  }, rest), children);
 }
 export function Square(_ref3) {
   let {
@@ -49,13 +50,12 @@ export function Square(_ref3) {
     style,
     ...rest
   } = _ref3;
-  return /*#__PURE__*/React.createElement(Center, {
+  return /*#__PURE__*/React.createElement(Center, _extends({
     style: style,
     width: size,
     height: size,
-    bgColor: bgColor,
-    ...rest
-  }, children);
+    bgColor: bgColor
+  }, rest), children);
 }
 export function Row(_ref4) {
   let {
@@ -65,14 +65,15 @@ export function Row(_ref4) {
     style,
     ...rest
   } = _ref4;
-  return /*#__PURE__*/React.createElement(View, {
-    style: [style, {
+  return /*#__PURE__*/React.createElement(View, _extends({
+    style: [style,
+    // style goes first b/c we can't override these
+    {
       alignItems,
       flexDirection: "row",
       justifyContent: justifyContent
-    }],
-    ...rest
-  }, children);
+    }]
+  }, rest), children);
 }
 export function Spacer(_ref5) {
   let {
@@ -84,36 +85,14 @@ export function Spacer(_ref5) {
     style,
     ...rest
   } = _ref5;
-  return /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/React.createElement(View, _extends({
     style: [style, {
       paddingRight: right,
       paddingTop: top,
       paddingLeft: left,
       paddingBottom: bottom
-    }],
-    ...rest
-  }, children);
-}
-export function Stack(_ref6) {
-  let {
-    children,
-    justifyContent = "flex-start",
-    alignItems = "flex-start",
-    style,
-    ...rest
-  } = _ref6;
-  return (
-    /*#__PURE__*/
-    // style must go first since we don't want justifyContent, alignItems overridden
-    React.createElement(View, {
-      style: [style, {
-        justifyContent,
-        alignItems
-      }],
-      ...rest
-    }, children)
-  );
-}hildren);
+    }]
+  }, rest), children);
 }
 export function Stack(_ref6) {
   let {

package/lib/module/styles/overlay.js

@@ -4,7 +4,8 @@ import { Animated } from "react-native";
 import DarkTheme from "./DarkTheme";
 const isAnimatedValue = it => it instanceof Animated.Value;
 export default function overlay(elevation) {
-  let surfaceColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DarkTheme.colors.surface;
+  var _DarkTheme$colors;
+  let surfaceColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (_DarkTheme$colors = DarkTheme.colors) === null || _DarkTheme$colors === void 0 ? void 0 : _DarkTheme$colors.surface;
   if (isAnimatedValue(elevation)) {
     const inputRange = [0, 1, 2, 3, 8, 24];
 

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<number | string>;
 //# 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,MAAkC,GAC/C,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.6.8-80070f.2+80070f9",
+  "version": "46.6.9-ac42c5.2+ac42c57",
   "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.6.8-80070f.2+80070f9",
+    "@draftbit/types": "^46.6.9-ac42c5.2+ac42c57",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -91,5 +91,5 @@
       ]
     ]
   },
-  "gitHead": "80070f9be3c7f65c45269eedba259186e054bdf3"
+  "gitHead": "ac42c57c5e41a92853c296f890b7f1b4b220af98"
 }

package/src/styles/overlay.js

@@ -3,7 +3,9 @@ import color from "color";
 import { Animated } from "react-native";
 import DarkTheme from "./DarkTheme";
 const isAnimatedValue = (it) => it instanceof Animated.Value;
-export default function overlay(elevation, surfaceColor = DarkTheme.colors.surface) {
+export default function overlay(elevation, surfaceColor) {
+    var _a;
+    if (surfaceColor === void 0) { surfaceColor = (_a = DarkTheme.colors) === null || _a === void 0 ? void 0 : _a.surface; }
     if (isAnimatedValue(elevation)) {
         const inputRange = [0, 1, 2, 3, 8, 24];
         // @ts-expect-error: TS doesn't seem to refine the type correctly

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 | string | Animated.AnimatedInterpolation<number | string>
 ): 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 {
+  surfaceColor: string = DarkTheme.colors?.surface
+): T extends number ? string : Animated.AnimatedInterpolation<number | string> {
   if (isAnimatedValue(elevation)) {
     const inputRange = [0, 1, 2, 3, 8, 24];