@app-studio/web 0.7.0 → 0.7.2

package/dist/components/Form/Select/Select/Select.props.d.ts

@@ -168,6 +168,10 @@ export interface ItemProps {
      * To set the item's fontSize
      */
     size?: Size;
+    /**
+     * Css styles for the Item
+     */
+    style?: SelectStyles;
     /**
      * other properties
      */

package/dist/web.cjs.development.js

@@ -3544,9 +3544,7 @@ var DatePickerView = function DatePickerView(_ref) {
     onFocus: handleFocus,
     disabled: isDisabled,
     readOnly: isReadOnly
-  }, fieldStyles, props, {
-    value: date
-  }, onChangeText && {
+  }, fieldStyles, props, onChangeText && {
     onChangeText: handleDateChange
   }, {
     onChange: handleDateChange
@@ -3854,7 +3852,7 @@ var IconSizes$4 = {
   xl: 16
 };
 
-var _excluded$v = ["isHovered", "setIsHovered", "option", "size", "callback"],
+var _excluded$v = ["isHovered", "setIsHovered", "option", "size", "callback", "style"],
   _excluded2$2 = ["id", "name", "value", "onChange", "isMulti", "isDisabled", "isReadOnly", "options"],
   _excluded3$1 = ["option", "size", "removeOption"],
   _excluded4$1 = ["id", "name", "label", "value", "placeholder", "helperText", "hide", "error", "isMulti", "isFocused", "isHovered", "isDisabled", "isReadOnly", "options", "shadow", "size", "colorScheme", "shape", "variant", "styles", "onChange", "setHide", "setValue", "setIsHovered", "setIsFocused", "setHighlightedIndex", "highlightedIndex"];
@@ -3866,6 +3864,7 @@ var Item = function Item(_ref) {
     size = _ref$size === void 0 ? 'md' : _ref$size,
     _ref$callback = _ref.callback,
     callback = _ref$callback === void 0 ? function () {} : _ref$callback,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$v);
   var handleOptionClick = function handleOptionClick(option) {
     return callback(option);
@@ -3881,12 +3880,13 @@ var Item = function Item(_ref) {
     listStyleType: "none",
     onMouseEnter: handleHover,
     onMouseLeave: handleHover,
-    fontSize: appStudio.Typography.fontSizes[size],
     onClick: function onClick() {
       return handleOptionClick(option);
     },
     backgroundColor: isHovered ? 'trueGray.100' : 'transparent'
-  }, props), React__default.createElement(Text, null, " ", option));
+  }, props), React__default.createElement(Text, Object.assign({
+    fontSize: appStudio.Typography.fontSizes[size]
+  }, style), option));
 };
 var SelectBox = function SelectBox(_ref2) {
   var _ref2$size = _ref2.size,
@@ -4016,13 +4016,14 @@ var DropDown$1 = function DropDown(_ref4) {
     return React__default.createElement(Item, Object.assign({
       key: option,
       size: size,
+      style: styles['text'],
       option: option,
       callback: handleCallback,
       backgroundColor: index === highlightedIndex ? 'color.gray.100' : 'transparent',
       onMouseEnter: function onMouseEnter() {
         return setHighlightedIndex(index);
       }
-    }, itemStates, styles['text']));
+    }, itemStates));
   }));
 };
 var MultiSelect = function MultiSelect(_ref5) {