@draftbit/core 46.4.4-7f27fb.2 → 46.4.4-885019.2

package/lib/commonjs/components/Accordion/AccordionItem.js

@@ -21,8 +21,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 AccordionItem = _ref => {
   let {
     Icon,
@@ -37,9 +35,10 @@ const AccordionItem = _ref => {
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
-    style: [styles.container, viewStyles]
-  }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: [styles.container, viewStyles],
+    ...rest
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.row
   }, icon ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
@@ -74,4 +73,25 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(AccordionItem);
 
+exports.default = _default;StyleSheet.create({
+  container: {
+    padding: 8
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingLeft: 8
+  },
+  item: {
+    marginVertical: 6,
+    paddingLeft: 8
+  },
+  content: {
+    flex: 1,
+    justifyContent: "center"
+  }
+});
+
+var _default = (0, _theming.withTheme)(AccordionItem);
+
 exports.default = _default;

package/lib/commonjs/components/Banner.js

@@ -21,8 +21,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 ELEVATION = 1;
 const DEFAULT_MAX_WIDTH = 960;
 
@@ -94,9 +92,9 @@ const Banner = _ref => {
 
   const translateY = _reactNative.Animated.multiply(_reactNative.Animated.add(position, -1), layout.height);
 
-  return /*#__PURE__*/React.createElement(_Surface.default, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(_Surface.default, { ...rest,
     style: [styles.container, (0, _shadow.default)(ELEVATION), style]
-  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [styles.wrapper, contentStyle]
   }, /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
     style: {
@@ -178,4 +176,26 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(Banner);
 
+exports.default = _default;ow",
+    justifyContent: "flex-start",
+    marginHorizontal: 8,
+    marginTop: 16,
+    marginBottom: 0
+  },
+  icon: {
+    margin: 8
+  },
+  message: {
+    flex: 1,
+    margin: 8
+  },
+  actions: {
+    flexDirection: "row",
+    justifyContent: "flex-end",
+    margin: 8
+  }
+});
+
+var _default = (0, _theming.withTheme)(Banner);
+
 exports.default = _default;

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

@@ -8,7 +8,7 @@ exports.useCheckboxGroupContext = useCheckboxGroupContext;
 
 var _react = require("react");
 
-let Direction;
+var Direction;
 exports.Direction = Direction;
 
 (function (Direction) {

package/lib/commonjs/components/DeprecatedButton.js

@@ -25,8 +25,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 Button = _ref => {
   let {
     Icon,
@@ -128,7 +126,7 @@ const Button = _ref => {
       alignSelf: "stretch",
       ...margins
     }
-  }, /*#__PURE__*/React.createElement(_Touchable.default, _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement(_Touchable.default, { ...rest,
     onPress: onPress,
     accessibilityState: {
       disabled
@@ -136,7 +134,7 @@ const Button = _ref => {
     accessibilityRole: "button",
     disabled: disabled || loading,
     style: [styles.button, buttonStyle, innerStyles]
-  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.content
   }, icon && loading !== true ? /*#__PURE__*/React.createElement(_reactNative.View, {
     style: iconStyle
@@ -171,4 +169,24 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(Button);
 
+exports.default = _default;));
+};
+
+const styles = _reactNative.StyleSheet.create({
+  button: {
+    minWidth: 64,
+    borderStyle: "solid"
+  },
+  content: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  icon: {
+    width: _Config.default.buttonIconSize
+  }
+});
+
+var _default = (0, _theming.withTheme)(Button);
+
 exports.default = _default;

package/lib/commonjs/components/Picker/PickerComponent.android.js

@@ -27,11 +27,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 Picker = _ref => {
-  var _options$find$label, _options$find;
-
   let {
     style,
     options,
@@ -41,6 +37,9 @@ const Picker = _ref => {
     onValueChange: onValueChangeOverride = () => {},
     ...props
   } = _ref;
+
+  var _a, _b;
+
   const {
     viewStyles: {
       borderRadius,
@@ -87,7 +86,7 @@ const Picker = _ref => {
   };
 
   const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
-  const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
+  const selectedLabel = selectedValue && ((_b = (_a = options.find(o => o.value === selectedValue)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : selectedValue);
   return /*#__PURE__*/React.createElement(_Touchable.default, {
     disabled: disabled,
     onPress: toggleFocus,
@@ -111,6 +110,26 @@ const Picker = _ref => {
     key: o.value
   }))), /*#__PURE__*/React.createElement(_reactNative.View, {
     pointerEvents: "none"
+  }, /*#__PURE__*/React.createElement(_TextField.default, { ...props,
+    value: selectedLabel,
+    placeholder: placeholder,
+    // @ts-ignore
+    ref: textField,
+    disabled: disabled,
+    // @ts-expect-error
+    style: stylesWithoutMargin
+  }))));
+};
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    alignSelf: "stretch"
+  }
+});
+
+var _default = (0, _theming.withTheme)(Picker);
+
+exports.default = _default; pointerEvents: "none"
   }, /*#__PURE__*/React.createElement(_TextField.default, _extends({}, props, {
     value: selectedLabel,
     placeholder: placeholder // @ts-ignore

package/lib/commonjs/components/Table/Table.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 Table = _ref => {
+  let {
+    children,
+    style,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
+    style: [styles.wrapper, style]
+  }), children);
+};
+
+const styles = _reactNative.StyleSheet.create({
+  wrapper: {
+    display: "flex",
+    flexDirection: "column"
+  }
+});
+
+var _default = Table;
+exports.default = _default;

package/lib/commonjs/components/Table/TableCell.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _utilities = require("../../utilities");
+
+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 TableCell = _ref => {
+  let {
+    children,
+    style,
+    numeric,
+    value,
+    ...rest
+  } = _ref;
+  const {
+    textStyles,
+    viewStyles
+  } = (0, _utilities.extractStyles)(style);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
+    style: [styles.wrapper, numeric && styles.right, viewStyles]
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    numberOfLines: 1,
+    style: textStyles
+  }, children, value));
+};
+
+const styles = _reactNative.StyleSheet.create({
+  wrapper: {
+    flex: 1,
+    display: "flex",
+    flexDirection: "row"
+  },
+  right: {
+    justifyContent: "flex-end"
+  }
+});
+
+var _default = TableCell;
+exports.default = _default;

package/lib/commonjs/components/Table/TableHeader.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _theming = require("../../theming");
+
+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 TableHeader = _ref => {
+  let {
+    children,
+    style,
+    theme,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
+    style: [styles.wrapper, {
+      borderBottomColor: theme.colors.medium
+    }, style]
+  }), children);
+};
+
+const styles = _reactNative.StyleSheet.create({
+  wrapper: {
+    display: "flex",
+    flexDirection: "row"
+  }
+});
+
+var _default = (0, _theming.withTheme)(TableHeader);
+
+exports.default = _default;

package/lib/commonjs/components/Table/TablePaginator.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const TablePaginator = () => /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "Table Paginator"));
+
+var _default = TablePaginator;
+exports.default = _default;

package/lib/commonjs/components/Table/TableRow.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _theming = require("../../theming");
+
+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 TableRow = _ref => {
+  let {
+    children,
+    style,
+    theme,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
+    style: [styles.container, {
+      borderBottomColor: theme.colors.light
+    }, style]
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.content
+  }, children));
+};
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    display: "flex",
+    flexDirection: "row"
+  },
+  content: {
+    flex: 1,
+    flexDirection: "row"
+  }
+});
+
+var _default = (0, _theming.withTheme)(TableRow);
+
+exports.default = _default;

package/lib/commonjs/components/Table/TableTitle.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _utilities = require("../../utilities");
+
+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 TableTitle = _ref => {
+  let {
+    children,
+    style,
+    numeric = false,
+    isAscending = false,
+    numberOfLines = 1,
+    title,
+    ...rest
+  } = _ref;
+  const {
+    textStyles,
+    viewStyles
+  } = (0, _utilities.extractStyles)(style);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
+    style: [styles.wrapper, numeric && styles.right, viewStyles]
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [isAscending ? styles.sorted : {
+      color: "gray"
+    }, textStyles],
+    numberOfLines: numberOfLines
+  }, children, title));
+};
+
+const styles = _reactNative.StyleSheet.create({
+  wrapper: {
+    flex: 1,
+    display: "flex",
+    flexDirection: "row"
+  },
+  right: {
+    justifyContent: "flex-end"
+  },
+  sorted: {// marginLeft: 8,
+  },
+  icon: {
+    height: 24,
+    justifyContent: "center"
+  }
+});
+
+var _default = TableTitle;
+exports.default = _default;

package/lib/commonjs/components/Table/index.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Table", {
+  enumerable: true,
+  get: function () {
+    return _Table.default;
+  }
+});
+Object.defineProperty(exports, "TableCell", {
+  enumerable: true,
+  get: function () {
+    return _TableCell.default;
+  }
+});
+Object.defineProperty(exports, "TableHeader", {
+  enumerable: true,
+  get: function () {
+    return _TableHeader.default;
+  }
+});
+Object.defineProperty(exports, "TablePaginator", {
+  enumerable: true,
+  get: function () {
+    return _TablePaginator.default;
+  }
+});
+Object.defineProperty(exports, "TableRow", {
+  enumerable: true,
+  get: function () {
+    return _TableRow.default;
+  }
+});
+Object.defineProperty(exports, "TableTitle", {
+  enumerable: true,
+  get: function () {
+    return _TableTitle.default;
+  }
+});
+
+var _Table = _interopRequireDefault(require("./Table"));
+
+var _TableHeader = _interopRequireDefault(require("./TableHeader"));
+
+var _TablePaginator = _interopRequireDefault(require("./TablePaginator"));
+
+var _TableRow = _interopRequireDefault(require("./TableRow"));
+
+var _TableCell = _interopRequireDefault(require("./TableCell"));
+
+var _TableTitle = _interopRequireDefault(require("./TableTitle"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/commonjs/constants.js

@@ -16,4 +16,4 @@ const APPROX_STATUSBAR_HEIGHT = _reactNative.Platform.select({
   ios: _reactNative.Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
 });
 
-exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;
+exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;AR_HEIGHT;

package/lib/commonjs/index.js

@@ -369,16 +369,40 @@ Object.defineProperty(exports, "SwitchRow", {
     return _Switch.SwitchRow;
   }
 });
-Object.defineProperty(exports, "TabView", {
+Object.defineProperty(exports, "Table", {
   enumerable: true,
   get: function () {
-    return _TabView.TabView;
+    return _Table.Table;
   }
 });
-Object.defineProperty(exports, "TabViewItem", {
+Object.defineProperty(exports, "TableCell", {
   enumerable: true,
   get: function () {
-    return _TabView.TabViewItem;
+    return _Table.TableCell;
+  }
+});
+Object.defineProperty(exports, "TableHeader", {
+  enumerable: true,
+  get: function () {
+    return _Table.TableHeader;
+  }
+});
+Object.defineProperty(exports, "TablePaginator", {
+  enumerable: true,
+  get: function () {
+    return _Table.TablePaginator;
+  }
+});
+Object.defineProperty(exports, "TableRow", {
+  enumerable: true,
+  get: function () {
+    return _Table.TableRow;
+  }
+});
+Object.defineProperty(exports, "TableTitle", {
+  enumerable: true,
+  get: function () {
+    return _Table.TableTitle;
   }
 });
 Object.defineProperty(exports, "TextField", {
@@ -484,12 +508,12 @@ var _ActionSheet = require("./components/ActionSheet");
 
 var _Swiper = require("./components/Swiper");
 
-var _TabView = require("./components/TabView");
-
 var _Layout = require("./components/Layout");
 
 var _index = require("./components/RadioButton/index");
 
+var _Table = require("./components/Table");
+
 var _CardBlock = _interopRequireDefault(require("./components/CardBlock"));
 
 var _CardContainer = _interopRequireDefault(require("./components/CardContainer"));

package/lib/commonjs/mappings/StarRating.js

@@ -25,9 +25,7 @@ const SEED_DATA = {
     }),
     fieldName: (0, _types.createFieldNameProp)({
       defaultValue: "ratingValue",
-      // this is the name of the variable declared on the screen in Draftbit
       handlerPropName: "onPress",
-      // the change handler prop in this component
       valuePropName: "rating" // the value prop in this component
 
     }),
@@ -52,4 +50,10 @@ const SEED_DATA = {
     })
   }
 };
+exports.SEED_DATA = SEED_DATA;pes.createColorProp)({
+      label: "Inactive Color",
+      defaultValue: "divider"
+    })
+  }
+};
 exports.SEED_DATA = SEED_DATA;