@draftbit/core 46.7.3 → 46.7.5

package/src/mappings/ScrollView.ts

@@ -2,6 +2,9 @@ import {
   COMPONENT_TYPES,
   createStaticBoolProp,
   CONTAINER_COMPONENT_STYLES_SECTIONS,
+  Triggers,
+  createActionProp,
+  createColorProp,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -11,7 +14,9 @@ export const SEED_DATA = {
   category: COMPONENT_TYPES.view,
   stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {},
+  triggers: [Triggers.OnRefresh],
   props: {
+    onRefresh: createActionProp(),
     horizontal: createStaticBoolProp({
       label: "Horizontal",
       description: "Render your list horizontally",
@@ -21,7 +26,7 @@ export const SEED_DATA = {
       label: "Show Horizontal Scroll Indicator",
       description:
         "When true, shows a horizontal scroll indicator. The default value is true.",
-      defaultValue: false,
+      defaultValue: true,
     }),
     showsVerticalScrollIndicator: createStaticBoolProp({
       label: "Show Vertical Scroll Indicator",
@@ -35,5 +40,9 @@ export const SEED_DATA = {
         "When true, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction.",
       defaultValue: true,
     }),
+    refreshColor: createColorProp({
+      label: "Refreshing Color",
+      description: "Color of the refresh indicator",
+    }),
   },
 };

package/src/mappings/Touchable.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createActionProp, Triggers, createStaticNumberProp, StylesPanelSections, } from "@draftbit/types";
+import { COMPONENT_TYPES, createActionProp, Triggers, createStaticNumberProp, StylesPanelSections, createDisabledProp, GROUPS, createStaticBoolProp, } from "@draftbit/types";
 const SEED_DATA_PROPS = {
     stylesPanelSections: [
         StylesPanelSections.Size,
@@ -10,10 +10,11 @@ const SEED_DATA_PROPS = {
     props: {
         onPress: createActionProp(),
         onLongPress: createActionProp(),
+        disabled: createDisabledProp(),
         activeOpacity: createStaticNumberProp({
             label: "Active Opacity",
             description: "The opacity when the button is pressed.",
-            defaultValue: 0.8,
+            defaultValue: null,
             min: 0,
             max: 1,
             step: 0.01,
@@ -23,7 +24,7 @@ const SEED_DATA_PROPS = {
         disabledOpacity: createStaticNumberProp({
             label: "Disabled Opacity",
             description: "The opacity when the button is disabled.",
-            defaultValue: 0.8,
+            defaultValue: null,
             min: 0,
             max: 1,
             step: 0.01,
@@ -40,6 +41,12 @@ const SEED_DATA_PROPS = {
             description: "Sets additional distance outside of element in which a press can be detected.",
             required: false,
         }),
+        android_disableSound: createStaticBoolProp({
+            label: "Disable Sound",
+            description: "Disable the Android sound effect.",
+            defaultValue: null,
+            group: GROUPS.android,
+        }),
     },
 };
 export const SEED_DATA = [

package/src/mappings/Touchable.ts

@@ -4,6 +4,9 @@ import {
   Triggers,
   createStaticNumberProp,
   StylesPanelSections,
+  createDisabledProp,
+  GROUPS,
+  createStaticBoolProp,
 } from "@draftbit/types";
 
 const SEED_DATA_PROPS = {
@@ -17,10 +20,11 @@ const SEED_DATA_PROPS = {
   props: {
     onPress: createActionProp(),
     onLongPress: createActionProp(),
+    disabled: createDisabledProp(),
     activeOpacity: createStaticNumberProp({
       label: "Active Opacity",
       description: "The opacity when the button is pressed.",
-      defaultValue: 0.8,
+      defaultValue: null,
       min: 0,
       max: 1,
       step: 0.01,
@@ -30,7 +34,7 @@ const SEED_DATA_PROPS = {
     disabledOpacity: createStaticNumberProp({
       label: "Disabled Opacity",
       description: "The opacity when the button is disabled.",
-      defaultValue: 0.8,
+      defaultValue: null,
       min: 0,
       max: 1,
       step: 0.01,
@@ -49,6 +53,12 @@ const SEED_DATA_PROPS = {
         "Sets additional distance outside of element in which a press can be detected.",
       required: false,
     }),
+    android_disableSound: createStaticBoolProp({
+      label: "Disable Sound",
+      description: "Disable the Android sound effect.",
+      defaultValue: null,
+      group: GROUPS.android,
+    }),
   },
 };
 

package/lib/commonjs/components/CardBlock.js

@@ -1,115 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _Image = _interopRequireDefault(require("./Image"));
-var _DeprecatedCardWrapper = _interopRequireDefault(require("./DeprecatedCardWrapper"));
-var _Elevation = _interopRequireDefault(require("./Elevation"));
-var _theming = require("../theming");
-var _Config = _interopRequireDefault(require("./Config"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const CardBlock = _ref => {
-  let {
-    image = _Config.default.cardImageUrl,
-    title,
-    leftDescription,
-    rightDescription,
-    titleCentered,
-    aspectRatio = 1.5,
-    elevation = 2,
-    numColumns = 3,
-    theme: {
-      colors,
-      roundness,
-      typography
-    },
-    style,
-    onPress,
-    ...rest
-  } = _ref;
-  let titleJustification;
-  let titleStyle;
-  if (titleCentered && !leftDescription && !rightDescription) {
-    titleJustification = "center";
-  } else {
-    titleJustification = "space-between";
-  }
-  if (numColumns === 1) {
-    titleStyle = typography.button;
-  } else if (numColumns === 2) {
-    titleStyle = typography.headline6;
-  } else {
-    titleStyle = typography.headline5;
-  }
-  const rightDescriptionStyles = [typography.subtitle2, {
-    color: colors.light
-  }];
-  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
-    style: style,
-    onPress: onPress,
-    numColumns: numColumns,
-    ...rest
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      backgroundColor: colors.background
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Elevation.default, {
-    style: {
-      elevation,
-      borderRadius: roundness
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Image.default, {
-    style: {
-      borderRadius: roundness,
-      aspectRatio
-    },
-    source: typeof image === "string" ? {
-      uri: image
-    } : image,
-    resizeMode: "cover"
-  })), title ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flexDirection: "row",
-      alignItems: "center",
-      justifyContent: titleJustification,
-      marginTop: numColumns === 3 ? 16 : 12
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    numberOfLines: 1,
-    style: [titleStyle, {
-      color: colors.strong
-    }]
-  }, title), !leftDescription && rightDescription ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: rightDescriptionStyles
-  }, rightDescription) : null) : null, leftDescription ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flexDirection: "row",
-      justifyContent: "space-between",
-      alignItems: "center",
-      marginTop: numColumns === 3 ? 4 : 4 / 2
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    numberOfLines: 1,
-    style: [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;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/CardContainer.js

@@ -1,138 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _color = _interopRequireDefault(require("color"));
-var _Image = _interopRequireDefault(require("./Image"));
-var _DeprecatedCardWrapper = _interopRequireDefault(require("./DeprecatedCardWrapper"));
-var _Elevation = _interopRequireDefault(require("./Elevation"));
-var _theming = require("../theming");
-var _Config = _interopRequireDefault(require("./Config"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const ICON_CONTAINER_SIZE = _Config.default.cardIconSize * 2;
-const ICON_CONTAINER_PADDING = _Config.default.cardIconSize / 2 - 1;
-const CardContainer = _ref => {
-  let {
-    Icon,
-    icon,
-    image = _Config.default.cardImageUrl,
-    title,
-    leftDescription,
-    rightDescription,
-    textCentered,
-    aspectRatio = 1.5,
-    elevation = 2,
-    numColumns = 3,
-    theme: {
-      colors,
-      roundness,
-      typography
-    },
-    style,
-    onPress,
-    ...rest
-  } = _ref;
-  let textJustification;
-  let titleStyle;
-  if (textCentered && !rightDescription) {
-    textJustification = "center";
-  } else {
-    textJustification = "space-between";
-  }
-  switch (numColumns) {
-    case 2:
-      titleStyle = typography.headline6;
-      break;
-    case 3:
-      titleStyle = typography.headline5;
-      break;
-  }
-  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
-    style: style,
-    onPress: onPress,
-    numColumns: numColumns,
-    ...rest
-  }, /*#__PURE__*/_react.default.createElement(_Elevation.default, {
-    style: {
-      elevation,
-      borderRadius: roundness
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      borderRadius: roundness,
-      overflow: "hidden",
-      backgroundColor: colors.surface
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Image.default, {
-    style: {
-      aspectRatio
-    },
-    source: typeof image === "string" ? {
-      uri: image
-    } : image,
-    resizeMode: "cover"
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      padding: numColumns === 1 ? 8 : 16
-    }
-  }, title ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flexDirection: "row",
-      alignItems: "center",
-      justifyContent: textJustification
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    numberOfLines: 1,
-    style: [titleStyle, {
-      color: colors.strong
-    }]
-  }, title)) : null, leftDescription ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flexDirection: "row",
-      justifyContent: textJustification,
-      alignItems: "center",
-      marginTop: numColumns === 3 ? 4 : 4 / 2
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    numberOfLines: 1,
-    style: [typography.body2, {
-      color: colors.medium
-    }]
-  }, leftDescription), rightDescription ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    numberOfLines: 1,
-    style: [typography.subtitle2, {
-      color: colors.light
-    }]
-  }, rightDescription) : null) : null), icon ? /*#__PURE__*/_react.default.createElement(_Elevation.default, {
-    style: {
-      elevation: _Config.default.cardIconElevation,
-      position: "absolute",
-      top: 12,
-      right: 12,
-      width: ICON_CONTAINER_SIZE,
-      height: ICON_CONTAINER_SIZE,
-      padding: ICON_CONTAINER_PADDING,
-      borderRadius: ICON_CONTAINER_SIZE,
-      backgroundColor: (0, _color.default)(colors.strong).alpha(_Config.default.cardIconBackgroundOpacity).rgb().string()
-    }
-  }, /*#__PURE__*/_react.default.createElement(Icon, {
-    name: icon,
-    size: _Config.default.cardIconSize,
-    color: colors.surface
-  })) : null)));
-};
-var _default = (0, _theming.withTheme)(CardContainer);
-exports.default = _default;0, _color.default)(colors.strong).alpha(_Config.default.cardIconBackgroundOpacity).rgb().string()
-    }
-  }, /*#__PURE__*/_react.default.createElement(Icon, {
-    name: icon,
-    size: _Config.default.cardIconSize,
-    color: colors.surface
-  })) : null)));
-};
-var _default = (0, _theming.withTheme)(CardContainer);
-exports.default = _default;

package/lib/commonjs/components/CardContainerRating.js

@@ -1,133 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _color = _interopRequireDefault(require("color"));
-var _Image = _interopRequireDefault(require("./Image"));
-var _DeprecatedCardWrapper = _interopRequireDefault(require("./DeprecatedCardWrapper"));
-var _Elevation = _interopRequireDefault(require("./Elevation"));
-var _StarRating = _interopRequireDefault(require("./StarRating"));
-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 ICON_CONTAINER_SIZE = _Config.default.cardIconSize * 2;
-const ICON_CONTAINER_PADDING = _Config.default.cardIconSize / 2 - 1;
-const CardContainerRating = _ref => {
-  let {
-    Icon,
-    icon,
-    image = _Config.default.cardImageUrl,
-    title,
-    leftDescription,
-    rightDescription,
-    rating,
-    aspectRatio = 1.5,
-    elevation = 2,
-    numColumns = 3,
-    theme: {
-      colors,
-      roundness,
-      typography
-    },
-    style,
-    onPress,
-    ...rest
-  } = _ref;
-  let titleStyle, rightDescriptionStyle;
-  switch (numColumns) {
-    case 2:
-      titleStyle = typography.headline6;
-      rightDescriptionStyle = typography.body2;
-      break;
-    case 3:
-      titleStyle = typography.headline5;
-      rightDescriptionStyle = typography.caption;
-      break;
-  }
-  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
-    style: style,
-    onPress: onPress,
-    numColumns: numColumns
-  }, rest), /*#__PURE__*/_react.default.createElement(_Elevation.default, {
-    style: {
-      elevation,
-      borderRadius: roundness
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      borderRadius: roundness,
-      overflow: "hidden",
-      backgroundColor: colors.background
-      //background color is needed for bug on android 9 - https://github.com/facebook/react-native/issues/25093
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Image.default, {
-    style: {
-      aspectRatio
-    },
-    source: typeof image === "string" ? {
-      uri: image
-    } : image,
-    resizeMode: "cover"
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      padding: numColumns === 1 ? 8 : 16
-    }
-  }, title ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flexDirection: "row",
-      alignItems: "center",
-      justifyContent: "space-between"
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    numberOfLines: 1,
-    style: [titleStyle, {
-      color: colors.strong
-    }]
-  }, title)) : null, leftDescription ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    numberOfLines: 1,
-    style: [typography.body2, {
-      color: colors.medium,
-      marginTop: numColumns === 3 ? 4 : 4 / 2
-    }]
-  }, leftDescription) : null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flexDirection: "row",
-      justifyContent: "space-between",
-      alignItems: "center",
-      marginTop: numColumns === 3 ? 16 : 12
-    }
-  }, /*#__PURE__*/_react.default.createElement(_StarRating.default, {
-    Icon: Icon,
-    starSize: numColumns === 1 ? 10 : 16,
-    rating: rating
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: [rightDescriptionStyle, {
-      color: colors.medium,
-      marginLeft: 8
-    }],
-    numberOfLines: 1
-  }, rightDescription))), icon ? /*#__PURE__*/_react.default.createElement(_Elevation.default, {
-    style: {
-      elevation: _Config.default.cardIconElevation,
-      position: "absolute",
-      top: 12,
-      right: 12,
-      width: ICON_CONTAINER_SIZE,
-      height: ICON_CONTAINER_SIZE,
-      padding: ICON_CONTAINER_PADDING,
-      borderRadius: ICON_CONTAINER_SIZE,
-      backgroundColor: (0, _color.default)(colors.strong).alpha(_Config.default.cardIconBackgroundOpacity).rgb().string()
-    }
-  }, /*#__PURE__*/_react.default.createElement(Icon, {
-    name: icon,
-    size: _Config.default.cardIconSize,
-    color: colors.surface
-  })) : null)));
-};
-var _default = (0, _theming.withTheme)(CardContainerRating);
-exports.default = _default;

package/lib/commonjs/components/CardContainerShortImage.js

@@ -1,84 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _Image = _interopRequireDefault(require("./Image"));
-var _DeprecatedCardWrapper = _interopRequireDefault(require("./DeprecatedCardWrapper"));
-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 CardContainerShortImage = _ref => {
-  let {
-    image = _Config.default.squareImageUrl,
-    title,
-    subtitle,
-    mode = "left",
-    aspectRatio = 1,
-    elevation = 2,
-    theme: {
-      colors,
-      roundness,
-      typography
-    },
-    style,
-    onPress,
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
-    style: style,
-    onPress: onPress
-  }, rest), /*#__PURE__*/_react.default.createElement(_Elevation.default, {
-    style: {
-      elevation,
-      borderRadius: roundness
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      overflow: "hidden",
-      flexDirection: "row",
-      justifyContent: mode === "right" ? "space-between" : "flex-start",
-      borderRadius: roundness
-    }
-  }, mode === "left" && /*#__PURE__*/_react.default.createElement(_Image.default, {
-    style: {
-      aspectRatio
-    },
-    source: typeof image === "string" ? {
-      uri: image
-    } : image,
-    resizeMode: "cover"
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      padding: 16,
-      backgroundColor: colors.surface,
-      flex: 1
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    numberOfLines: 1,
-    style: [typography.headline5, {
-      color: colors.strong
-    }]
-  }, title), subtitle ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    numberOfLines: 1,
-    style: [typography.body2, {
-      color: colors.medium,
-      marginTop: 4
-    }]
-  }, subtitle) : null), mode === "right" && /*#__PURE__*/_react.default.createElement(_Image.default, {
-    style: {
-      aspectRatio
-    },
-    source: typeof image === "string" ? {
-      uri: image
-    } : image,
-    resizeMode: "cover"
-  }))));
-};
-var _default = (0, _theming.withTheme)(CardContainerShortImage);
-exports.default = _default;

package/lib/commonjs/components/CardInline.js

@@ -1,91 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _Typography = require("./Typography");
-var _Image = _interopRequireDefault(require("./Image"));
-var _Surface = _interopRequireDefault(require("./Surface"));
-var _Config = _interopRequireDefault(require("./Config"));
-var _theming = require("../theming");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// @ts-nocheck
-
-const CardInline = _ref => {
-  let {
-    image = _Config.default.cardImageUrl,
-    title,
-    subtitle,
-    aspectRatio = 1.5,
-    elevation = 2,
-    style,
-    titleStyle,
-    subtitleStyle,
-    onPress
-  } = _ref;
-  const {
-    alignItems,
-    justifyContent,
-    width,
-    height
-  } = _reactNative.StyleSheet.flatten(style || {});
-  const imageStyles = width && height ? {
-    width,
-    height
-  } : {
-    aspectRatio
-  };
-  return /*#__PURE__*/_react.default.createElement(_Surface.default, {
-    style: [{
-      elevation
-    }, style]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
-    disabled: !onPress,
-    onPress: onPress,
-    style: _ref2 => {
-      let {
-        pressed
-      } = _ref2;
-      return [{
-        opacity: pressed ? 0.8 : 1
-      }];
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Image.default, {
-    style: imageStyles,
-    source: typeof image === "string" ? {
-      uri: image
-    } : image,
-    resizeMode: "cover"
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.overlay, {
-      justifyContent,
-      alignItems
-    }]
-  }, title ? /*#__PURE__*/_react.default.createElement(_Typography.Title, {
-    style: [{
-      color: "white"
-    }, titleStyle],
-    text: title
-  }) : null, subtitle ? /*#__PURE__*/_react.default.createElement(_Typography.Subtitle, {
-    style: [{
-      color: "rgba(255, 255, 255, 0.7)"
-    }, subtitleStyle],
-    text: subtitle
-  }) : null)));
-};
-const styles = _reactNative.StyleSheet.create({
-  overlay: {
-    position: "absolute",
-    top: 0,
-    bottom: 0,
-    left: 0,
-    right: 0,
-    padding: 16,
-    backgroundColor: "rgba(0, 0, 0, 0.2)"
-  }
-});
-var _default = (0, _theming.withTheme)(CardInline);
-exports.default = _default;