@draftbit/core 48.5.6 → 48.5.7-efd08d.2

package/src/deprecated-components/ProgressBar.tsx

@@ -1,194 +1,194 @@
-import React, { Component } from "react";
-import {
-  Animated,
-  Easing,
-  View,
-  I18nManager,
-  ViewProps,
-  StyleProp,
-  ViewStyle,
-  LayoutChangeEvent,
-} from "react-native";
-
-const INDETERMINATE_WIDTH_FACTOR = 0.3;
-const BAR_WIDTH_ZERO_POSITION =
-  INDETERMINATE_WIDTH_FACTOR / (1 + INDETERMINATE_WIDTH_FACTOR);
-
-type Props = {
-  borderColor?: string;
-  borderRadius?: number;
-  borderWidth?: number;
-  children?: React.ReactNode;
-  color?: string;
-  height?: number;
-  style?: StyleProp<ViewStyle>;
-  unfilledColor?: string;
-  width?: number;
-  animated?: boolean;
-  indeterminate?: boolean;
-  indeterminateAnimationDuration?: number;
-  progress?: number;
-  useNativeDriver?: boolean;
-  animationConfig?: Animated.AnimationConfig;
-  animationType?: "decay" | "timing" | "spring";
-} & ViewProps;
-
-interface State {
-  width: number;
-  progress: Animated.Value;
-  animationValue: Animated.Value;
-}
-
-/**
- * @deprecated DEPRECATED
- */
-export default class ProgressBar extends Component<Props, State> {
-  constructor(props: Props) {
-    super(props);
-    const { progress: progressP = 0, indeterminate = false } = props;
-    const progress = Math.min(Math.max(progressP, 0), 1);
-    this.state = {
-      width: 0,
-      progress: new Animated.Value(
-        indeterminate ? INDETERMINATE_WIDTH_FACTOR : progress
-      ),
-      animationValue: new Animated.Value(BAR_WIDTH_ZERO_POSITION),
-    };
-  }
-
-  componentDidMount() {
-    const { indeterminate = false } = this.props;
-    if (indeterminate) {
-      this.animate();
-    }
-  }
-
-  componentDidUpdate(prevProps: Props) {
-    const {
-      indeterminate = false,
-      useNativeDriver = false,
-      progress: progressP = 0,
-      animationType = "spring",
-      animationConfig = { bounciness: 0 },
-      animated = true,
-    } = this.props;
-
-    if (prevProps.indeterminate !== indeterminate) {
-      if (indeterminate) {
-        this.animate();
-      } else {
-        Animated.spring(this.state.animationValue, {
-          toValue: BAR_WIDTH_ZERO_POSITION,
-          useNativeDriver,
-        }).start();
-      }
-    }
-    if (
-      prevProps.indeterminate !== indeterminate ||
-      prevProps.progress !== progressP
-    ) {
-      const progress = this.props.indeterminate
-        ? INDETERMINATE_WIDTH_FACTOR
-        : Math.min(Math.max(progressP, 0), 1);
-
-      if (animated) {
-        Animated[animationType](this.state.progress, {
-          ...animationConfig,
-          toValue: progress,
-          velocity: 0, //adjust this value if animation fails - velocity is required
-          useNativeDriver,
-        }).start();
-      } else {
-        this.state.progress.setValue(progress);
-      }
-    }
-  }
-
-  handleLayout = (event: LayoutChangeEvent) => {
-    const { width = 150, onLayout } = this.props;
-    if (!width) {
-      this.setState({ width: event.nativeEvent.layout.width });
-    }
-    if (onLayout) {
-      onLayout(event);
-    }
-  };
-
-  animate() {
-    const { useNativeDriver = false, indeterminateAnimationDuration = 1000 } =
-      this.props;
-    this.state.animationValue.setValue(0);
-    Animated.timing(this.state.animationValue, {
-      toValue: 1,
-      duration: indeterminateAnimationDuration,
-      easing: Easing.linear,
-      isInteraction: false,
-      useNativeDriver,
-    }).start((endState) => {
-      if (endState.finished) {
-        this.animate();
-      }
-    });
-  }
-
-  render() {
-    const {
-      borderColor,
-      borderRadius = 4,
-      borderWidth = 1,
-      children,
-      color = "rgba(0, 122, 255, 1)",
-      style,
-      unfilledColor,
-      width = 150,
-      ...restProps
-    } = this.props;
-
-    const innerWidth = Math.max(0, width || this.state.width) - borderWidth * 2;
-    const containerStyle: StyleProp<ViewStyle> = {
-      width,
-      borderWidth,
-      borderColor: borderColor || color,
-      borderRadius,
-      overflow: "hidden",
-      backgroundColor: unfilledColor,
-    };
-    const progressStyle = {
-      backgroundColor: color,
-      // Always take up full height of container.
-      height: "100%",
-      transform: [
-        {
-          translateX: this.state.animationValue.interpolate({
-            inputRange: [0, 1],
-            outputRange: [innerWidth * -INDETERMINATE_WIDTH_FACTOR, innerWidth],
-          }),
-        },
-        {
-          translateX: this.state.progress.interpolate({
-            inputRange: [0, 1],
-            outputRange: [innerWidth / (I18nManager.isRTL ? 2 : -2), 0],
-          }),
-        },
-        {
-          // Interpolation a temp workaround for https://github.com/facebook/react-native/issues/6278
-          scaleX: this.state.progress.interpolate({
-            inputRange: [0, 1],
-            outputRange: [0.0001, 1],
-          }),
-        },
-      ],
-    };
-
-    return (
-      <View
-        style={[containerStyle, style]}
-        onLayout={this.handleLayout}
-        {...restProps}
-      >
-        <Animated.View style={progressStyle} />
-        {children}
-      </View>
-    );
-  }
-}
+import React, { Component } from "react";
+import {
+  Animated,
+  Easing,
+  View,
+  I18nManager,
+  ViewProps,
+  StyleProp,
+  ViewStyle,
+  LayoutChangeEvent,
+} from "react-native";
+
+const INDETERMINATE_WIDTH_FACTOR = 0.3;
+const BAR_WIDTH_ZERO_POSITION =
+  INDETERMINATE_WIDTH_FACTOR / (1 + INDETERMINATE_WIDTH_FACTOR);
+
+type Props = {
+  borderColor?: string;
+  borderRadius?: number;
+  borderWidth?: number;
+  children?: React.ReactNode;
+  color?: string;
+  height?: number;
+  style?: StyleProp<ViewStyle>;
+  unfilledColor?: string;
+  width?: number;
+  animated?: boolean;
+  indeterminate?: boolean;
+  indeterminateAnimationDuration?: number;
+  progress?: number;
+  useNativeDriver?: boolean;
+  animationConfig?: Animated.AnimationConfig;
+  animationType?: "decay" | "timing" | "spring";
+} & ViewProps;
+
+interface State {
+  width: number;
+  progress: Animated.Value;
+  animationValue: Animated.Value;
+}
+
+/**
+ * @deprecated DEPRECATED
+ */
+export default class ProgressBar extends Component<Props, State> {
+  constructor(props: Props) {
+    super(props);
+    const { progress: progressP = 0, indeterminate = false } = props;
+    const progress = Math.min(Math.max(progressP, 0), 1);
+    this.state = {
+      width: 0,
+      progress: new Animated.Value(
+        indeterminate ? INDETERMINATE_WIDTH_FACTOR : progress
+      ),
+      animationValue: new Animated.Value(BAR_WIDTH_ZERO_POSITION),
+    };
+  }
+
+  componentDidMount() {
+    const { indeterminate = false } = this.props;
+    if (indeterminate) {
+      this.animate();
+    }
+  }
+
+  componentDidUpdate(prevProps: Props) {
+    const {
+      indeterminate = false,
+      useNativeDriver = false,
+      progress: progressP = 0,
+      animationType = "spring",
+      animationConfig = { bounciness: 0 },
+      animated = true,
+    } = this.props;
+
+    if (prevProps.indeterminate !== indeterminate) {
+      if (indeterminate) {
+        this.animate();
+      } else {
+        Animated.spring(this.state.animationValue, {
+          toValue: BAR_WIDTH_ZERO_POSITION,
+          useNativeDriver,
+        }).start();
+      }
+    }
+    if (
+      prevProps.indeterminate !== indeterminate ||
+      prevProps.progress !== progressP
+    ) {
+      const progress = this.props.indeterminate
+        ? INDETERMINATE_WIDTH_FACTOR
+        : Math.min(Math.max(progressP, 0), 1);
+
+      if (animated) {
+        Animated[animationType](this.state.progress, {
+          ...animationConfig,
+          toValue: progress,
+          velocity: 0, //adjust this value if animation fails - velocity is required
+          useNativeDriver,
+        }).start();
+      } else {
+        this.state.progress.setValue(progress);
+      }
+    }
+  }
+
+  handleLayout = (event: LayoutChangeEvent) => {
+    const { width = 150, onLayout } = this.props;
+    if (!width) {
+      this.setState({ width: event.nativeEvent.layout.width });
+    }
+    if (onLayout) {
+      onLayout(event);
+    }
+  };
+
+  animate() {
+    const { useNativeDriver = false, indeterminateAnimationDuration = 1000 } =
+      this.props;
+    this.state.animationValue.setValue(0);
+    Animated.timing(this.state.animationValue, {
+      toValue: 1,
+      duration: indeterminateAnimationDuration,
+      easing: Easing.linear,
+      isInteraction: false,
+      useNativeDriver,
+    }).start((endState) => {
+      if (endState.finished) {
+        this.animate();
+      }
+    });
+  }
+
+  render() {
+    const {
+      borderColor,
+      borderRadius = 4,
+      borderWidth = 1,
+      children,
+      color = "rgba(0, 122, 255, 1)",
+      style,
+      unfilledColor,
+      width = 150,
+      ...restProps
+    } = this.props;
+
+    const innerWidth = Math.max(0, width || this.state.width) - borderWidth * 2;
+    const containerStyle: StyleProp<ViewStyle> = {
+      width,
+      borderWidth,
+      borderColor: borderColor || color,
+      borderRadius,
+      overflow: "hidden",
+      backgroundColor: unfilledColor,
+    };
+    const progressStyle = {
+      backgroundColor: color,
+      // Always take up full height of container.
+      height: "100%",
+      transform: [
+        {
+          translateX: this.state.animationValue.interpolate({
+            inputRange: [0, 1],
+            outputRange: [innerWidth * -INDETERMINATE_WIDTH_FACTOR, innerWidth],
+          }),
+        },
+        {
+          translateX: this.state.progress.interpolate({
+            inputRange: [0, 1],
+            outputRange: [innerWidth / (I18nManager.isRTL ? 2 : -2), 0],
+          }),
+        },
+        {
+          // Interpolation a temp workaround for https://github.com/facebook/react-native/issues/6278
+          scaleX: this.state.progress.interpolate({
+            inputRange: [0, 1],
+            outputRange: [0.0001, 1],
+          }),
+        },
+      ],
+    };
+
+    return (
+      <View
+        style={[containerStyle, style]}
+        onLayout={this.handleLayout}
+        {...restProps}
+      >
+        <Animated.View style={progressStyle} />
+        {children}
+      </View>
+    );
+  }
+}

package/src/deprecated-components/ProgressCircle.js

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { Text } from "react-native";
+import AnimatedCircularProgress from "./AnimatedCircularProgress";
+import { withTheme } from "../theming";
+/**
+ * @deprecated DEPRECATED
+ */
+const ProgressCircle = ({ progress = 0.5, style, color = "primary", size = 100, showsText = true, unfilledColor, strokeCap = "butt", textStyle, thickness = 1, theme, }) => {
+    const progressNum = Math.round(progress * 100);
+    const tintColor = color || theme.colors.primary;
+    const backgroundColor = unfilledColor || theme.colors.secondary;
+    return (React.createElement(AnimatedCircularProgress, { size: size, width: thickness, backgroundWidth: thickness, fill: progressNum, tintColor: tintColor, backgroundColor: backgroundColor, rotation: 0, lineCap: strokeCap, style: style }, (fill) => showsText ? (React.createElement(Text, { style: [{ fontSize: size * 0.275, color: tintColor }, textStyle] },
+        Math.round(fill),
+        "%")) : null));
+};
+export default withTheme(ProgressCircle);
+//# sourceMappingURL=ProgressCircle.js.map

package/src/deprecated-components/ProgressCircle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCircle.js","sourceRoot":"","sources":["ProgressCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAmC,MAAM,cAAc,CAAC;AACrE,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAiBvC;;GAEG;AACH,MAAM,cAAc,GAA6C,CAAC,EAChE,QAAQ,GAAG,GAAG,EACd,KAAK,EACL,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,GAAG,EACV,SAAS,GAAG,IAAI,EAChB,aAAa,EACb,SAAS,GAAG,MAAM,EAClB,SAAS,EACT,SAAS,GAAG,CAAC,EACb,KAAK,GACN,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,CAAC,CAAC;IAE/C,MAAM,SAAS,GAAG,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;IAChD,MAAM,eAAe,GAAG,aAAa,IAAI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;IAEhE,OAAO,CACL,oBAAC,wBAAwB,IACvB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,EAChB,eAAe,EAAE,SAAS,EAC1B,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,KAAK,IAGX,CAAC,IAAI,EAAE,EAAE,CACR,SAAS,CAAC,CAAC,CAAC,CACV,oBAAC,IAAI,IACH,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,SAAS,CAAC;QAE/D,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YACZ,CACR,CAAC,CAAC,CAAC,IAAI,CAEe,CAC5B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,cAAc,CAAC,CAAC"}

package/src/deprecated-components/ProgressCircle.tsx

@@ -1,67 +1,67 @@
-import * as React from "react";
-import { Text, StyleProp, ViewStyle, TextStyle } from "react-native";
-import AnimatedCircularProgress from "./AnimatedCircularProgress";
-import { withTheme } from "../theming";
-import themeT from "../styles/DefaultTheme";
-import { colorTypes } from "@draftbit/types";
-
-type Props = {
-  progress?: number;
-  style?: StyleProp<ViewStyle>;
-  color?: colorTypes;
-  size?: number;
-  showsText?: boolean;
-  unfilledColor?: colorTypes;
-  strokeCap?: "butt" | "square" | "round" | undefined;
-  textStyle?: StyleProp<TextStyle>;
-  thickness?: number;
-  theme: typeof themeT;
-};
-
-/**
- * @deprecated DEPRECATED
- */
-const ProgressCircle: React.FC<React.PropsWithChildren<Props>> = ({
-  progress = 0.5,
-  style,
-  color = "primary",
-  size = 100,
-  showsText = true,
-  unfilledColor,
-  strokeCap = "butt",
-  textStyle,
-  thickness = 1,
-  theme,
-}) => {
-  const progressNum = Math.round(progress * 100);
-
-  const tintColor = color || theme.colors.primary;
-  const backgroundColor = unfilledColor || theme.colors.secondary;
-
-  return (
-    <AnimatedCircularProgress
-      size={size}
-      width={thickness}
-      backgroundWidth={thickness}
-      fill={progressNum}
-      tintColor={tintColor}
-      backgroundColor={backgroundColor}
-      rotation={0}
-      lineCap={strokeCap}
-      style={style}
-    >
-      {/* @ts-ignore */}
-      {(fill) =>
-        showsText ? (
-          <Text
-            style={[{ fontSize: size * 0.275, color: tintColor }, textStyle]}
-          >
-            {Math.round(fill)}%
-          </Text>
-        ) : null
-      }
-    </AnimatedCircularProgress>
-  );
-};
-
-export default withTheme(ProgressCircle);
+import * as React from "react";
+import { Text, StyleProp, ViewStyle, TextStyle } from "react-native";
+import AnimatedCircularProgress from "./AnimatedCircularProgress";
+import { withTheme } from "../theming";
+import themeT from "../styles/DefaultTheme";
+import { colorTypes } from "@draftbit/types";
+
+type Props = {
+  progress?: number;
+  style?: StyleProp<ViewStyle>;
+  color?: colorTypes;
+  size?: number;
+  showsText?: boolean;
+  unfilledColor?: colorTypes;
+  strokeCap?: "butt" | "square" | "round" | undefined;
+  textStyle?: StyleProp<TextStyle>;
+  thickness?: number;
+  theme: typeof themeT;
+};
+
+/**
+ * @deprecated DEPRECATED
+ */
+const ProgressCircle: React.FC<React.PropsWithChildren<Props>> = ({
+  progress = 0.5,
+  style,
+  color = "primary",
+  size = 100,
+  showsText = true,
+  unfilledColor,
+  strokeCap = "butt",
+  textStyle,
+  thickness = 1,
+  theme,
+}) => {
+  const progressNum = Math.round(progress * 100);
+
+  const tintColor = color || theme.colors.primary;
+  const backgroundColor = unfilledColor || theme.colors.secondary;
+
+  return (
+    <AnimatedCircularProgress
+      size={size}
+      width={thickness}
+      backgroundWidth={thickness}
+      fill={progressNum}
+      tintColor={tintColor}
+      backgroundColor={backgroundColor}
+      rotation={0}
+      lineCap={strokeCap}
+      style={style}
+    >
+      {/* @ts-ignore */}
+      {(fill) =>
+        showsText ? (
+          <Text
+            style={[{ fontSize: size * 0.275, color: tintColor }, textStyle]}
+          >
+            {Math.round(fill)}%
+          </Text>
+        ) : null
+      }
+    </AnimatedCircularProgress>
+  );
+};
+
+export default withTheme(ProgressCircle);

package/src/deprecated-components/RadioButtonFieldGroup.js

@@ -0,0 +1,21 @@
+import React from "react";
+import { View } from "react-native";
+import Text from "../components/Text";
+import { withTheme } from "../theming";
+import RadioButtonGroup from "../components/RadioButton/RadioButtonGroup";
+/**
+ * @deprecated DEPRECATED
+ */
+const RadioButtonFieldGroup = ({ label, children, theme, labelStyle, style, ...rest }) => {
+    return (React.createElement(View, { style: style },
+        React.createElement(Text, { style: [
+                {
+                    fontSize: theme.typography.headline4.fontSize,
+                    color: theme.typography.headline4.color,
+                },
+                labelStyle,
+            ] }, label),
+        React.createElement(RadioButtonGroup, { theme: theme, ...rest }, children)));
+};
+export default withTheme(RadioButtonFieldGroup);
+//# sourceMappingURL=RadioButtonFieldGroup.js.map

package/src/deprecated-components/RadioButtonFieldGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButtonFieldGroup.js","sourceRoot":"","sources":["RadioButtonFieldGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAmC,MAAM,cAAc,CAAC;AACrE,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,gBAEN,MAAM,4CAA4C,CAAC;AAQpD;;GAEG;AACH,MAAM,qBAAqB,GAA6C,CAAC,EACvE,KAAK,EACL,QAAQ,EACR,KAAK,EACL,UAAU,EACV,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK;QAChB,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL;oBACE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ;oBAC7C,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK;iBACxC;gBACD,UAAU;aACX,IAEA,KAAK,CACD;QACP,oBAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,KAAM,IAAI,IACrC,QAAQ,CACQ,CACd,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,qBAAqB,CAAC,CAAC"}

package/src/deprecated-components/RadioButtonFieldGroup.tsx

@@ -1,46 +1,46 @@
-import React from "react";
-import { View, StyleProp, TextStyle, ViewStyle } from "react-native";
-import Text from "../components/Text";
-import { withTheme } from "../theming";
-import RadioButtonGroup, {
-  RadioButtonGroupProps,
-} from "../components/RadioButton/RadioButtonGroup";
-
-interface Props extends RadioButtonGroupProps {
-  label?: string;
-  labelStyle?: StyleProp<TextStyle>;
-  style?: StyleProp<ViewStyle>;
-}
-
-/**
- * @deprecated DEPRECATED
- */
-const RadioButtonFieldGroup: React.FC<React.PropsWithChildren<Props>> = ({
-  label,
-  children,
-  theme,
-  labelStyle,
-  style,
-  ...rest
-}) => {
-  return (
-    <View style={style}>
-      <Text
-        style={[
-          {
-            fontSize: theme.typography.headline4.fontSize,
-            color: theme.typography.headline4.color,
-          },
-          labelStyle,
-        ]}
-      >
-        {label}
-      </Text>
-      <RadioButtonGroup theme={theme} {...rest}>
-        {children}
-      </RadioButtonGroup>
-    </View>
-  );
-};
-
-export default withTheme(RadioButtonFieldGroup);
+import React from "react";
+import { View, StyleProp, TextStyle, ViewStyle } from "react-native";
+import Text from "../components/Text";
+import { withTheme } from "../theming";
+import RadioButtonGroup, {
+  RadioButtonGroupProps,
+} from "../components/RadioButton/RadioButtonGroup";
+
+interface Props extends RadioButtonGroupProps {
+  label?: string;
+  labelStyle?: StyleProp<TextStyle>;
+  style?: StyleProp<ViewStyle>;
+}
+
+/**
+ * @deprecated DEPRECATED
+ */
+const RadioButtonFieldGroup: React.FC<React.PropsWithChildren<Props>> = ({
+  label,
+  children,
+  theme,
+  labelStyle,
+  style,
+  ...rest
+}) => {
+  return (
+    <View style={style}>
+      <Text
+        style={[
+          {
+            fontSize: theme.typography.headline4.fontSize,
+            color: theme.typography.headline4.color,
+          },
+          labelStyle,
+        ]}
+      >
+        {label}
+      </Text>
+      <RadioButtonGroup theme={theme} {...rest}>
+        {children}
+      </RadioButtonGroup>
+    </View>
+  );
+};
+
+export default withTheme(RadioButtonFieldGroup);

package/src/deprecated-components/RowBodyIcon.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { withTheme } from "../theming";
+import Row from "../components/Row";
+import Config from "../components/Config";
+/**
+ * @deprecated DEPRECATED
+ */
+const RowBodyIcon = ({ Icon, title, subtitle, icon, style, theme: { colors, typography }, }) => {
+    return (React.createElement(Row, { titleTypeStyle: typography.body1, titleColor: colors.medium, subtitleTypeStyle: typography.subtitle2, subtitleColor: colors.light, title: title, subtitle: subtitle, right: () => (React.createElement(Icon, { name: icon, size: Config.rowSingleLineIconSize, color: colors.light, style: { marginLeft: 16 } })), style: style }));
+};
+export default withTheme(RowBodyIcon);
+//# sourceMappingURL=RowBodyIcon.js.map