@itcase/ui 1.0.8 → 1.0.9

package/dist/components/Group.js

@@ -89,11 +89,15 @@ function Group(props) {
     prefix: 'border-type_',
     propsKey: 'borderType'
   });
+  var growClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'flex-grow_',
+    propsKey: 'flexGrow'
+  });
   var _useStyles = useStyles.useStyles(props),
     groupStyles = _useStyles.styles,
     groupWrapperStyles = _useStyles.wrapper;
   return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'group', widthClass, columnsClass, contentAlignClass, alignDirectionClass, directionClass, alignClass, fillClass, set && "group_set_" + set, horizontalScroll && 'group_type_horizontal_scroll', stackingClass, wrapClass, shapeClass, borderColorClass, borderWidthClass, borderTypeClass, justifyContentClass),
+    className: clsx__default.default(className, 'group', widthClass, columnsClass, contentAlignClass, alignDirectionClass, directionClass, alignClass, fillClass, set && "group_set_" + set, horizontalScroll && 'group_type_horizontal_scroll', stackingClass, wrapClass, growClass, shapeClass, borderColorClass, borderWidthClass, borderTypeClass, justifyContentClass),
     id: id,
     style: Object.assign({}, groupStyles, style)
   }, horizontalScroll ? /*#__PURE__*/React__default.default.createElement("div", {

package/dist/components/Select.js

@@ -7466,7 +7466,7 @@ var CreatableSelect$1 = CreatableSelect;
 
 var SelectControl = function SelectControl(props) {
   return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.Control, Object.assign({}, props, {
-    className: clsx__default.default(props.selectProps.inputFill, props.selectProps.inputShape)
+    className: clsx__default.default(props.selectProps.inputFill, props.selectProps.inputShape, props.selectProps.inputBorderColor && "border-color_" + props.selectProps.inputBorderColor)
   }));
 };
 SelectControl.propTypes = {
@@ -7480,8 +7480,8 @@ SelectControl.propTypes = {
 var SelectClearIndicator = function SelectClearIndicator(props) {
   return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.ClearIndicator, props, props.selectProps.clearIcon ? /*#__PURE__*/React__namespace.default.createElement(index$1.Icon, {
     SvgImage: props.selectProps.clearIcon,
-    fill: props.selectProps.clearIconFill,
-    stroke: props.selectProps.clearIconStroke
+    iconFill: props.selectProps.clearIconFill,
+    iconStroke: props.selectProps.clearIconStroke
   }) : props.children);
 };
 SelectClearIndicator.propTypes = {
@@ -7496,8 +7496,8 @@ SelectClearIndicator.propTypes = {
 var SelectDropdownIndicator = function SelectDropdownIndicator(props) {
   return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.DropdownIndicator, props, props.selectProps.dropdownIcon ? /*#__PURE__*/React__namespace.default.createElement(index$1.Icon, {
     SvgImage: props.selectProps.dropdownIcon,
-    fill: props.selectProps.dropdownIconFill,
-    stroke: props.selectProps.dropdownIconStroke
+    iconFill: props.selectProps.dropdownIconFill,
+    iconStroke: props.selectProps.dropdownIconStroke
   }) : props.children);
 };
 SelectDropdownIndicator.propTypes = {
@@ -7615,7 +7615,13 @@ SelectValueContainer.propTypes = {
 };
 
 var SelectNoOptions = function SelectNoOptions(props) {
-  return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.NoOptionsMessage, props, /*#__PURE__*/React__namespace.default.createElement(index$2.Text, {
+  var _props$selectProps = props.selectProps,
+    optionFill = _props$selectProps.optionFill,
+    optionBorder = _props$selectProps.optionBorder,
+    optionBorderType = _props$selectProps.optionBorderType;
+  return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.NoOptionsMessage, Object.assign({}, props, {
+    className: clsx__default.default(optionFill, optionBorder, optionBorderType)
+  }), /*#__PURE__*/React__namespace.default.createElement(index$2.Text, {
     size: props.selectProps.noOptionsTextSize,
     textColor: props.selectProps.noOptionsTextColor
   }, props.selectProps.noOptionsText));
@@ -7661,7 +7667,7 @@ function SelectContainer(props) {
     onChange = props.onChange;
   var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'border-color_',
-    propsKey: 'border'
+    propsKey: 'borderColor'
   });
   var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'fill_',
@@ -7718,6 +7724,9 @@ function SelectContainer(props) {
   var inputTextColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     propsKey: 'inputTextColor'
   });
+  var inputBorderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    propsKey: 'inputBorderColor'
+  });
   var placeholderTextSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     propsKey: 'placeholderTextSize'
   });
@@ -7758,8 +7767,8 @@ function SelectContainer(props) {
     // isLoading={isLoading}
     ,
     isClearable: isClearable,
-    clearIcon: clearIcon,
     openMenuOnClick: openMenuOnClick,
+    clearIcon: clearIcon,
     clearIconFill: clearIconFill,
     clearIconStroke: clearIconStroke,
     closeMenuOnSelect: closeMenuOnSelect != null ? closeMenuOnSelect : false,
@@ -7784,12 +7793,16 @@ function SelectContainer(props) {
     inputTextColor: inputTextColorClass,
     inputCaretColor: inputCaretColorClass,
     inputShape: inputShapeClass,
+    inputBorderColor: inputBorderColorClass,
     placeholder: placeholder,
     placeholderTextSize: placeholderTextSizeClass,
     placeholderTextColor: placeholderTextColorClass,
     noOptionsTextSize: noOptionsTextSizeClass,
     noOptionsTextColor: noOptionsTextColorClass,
     noOptionsText: noOptionsText,
+    noOptionsFill: optionFillClass,
+    noOptionBorder: optionBorderClass,
+    noOptionBorderType: optionBorderTypeClass,
     options: options,
     components: {
       Control: SelectControl,

package/dist/css/components/Flex/Flex.css

@@ -63,7 +63,7 @@
   }
 }
 .flex {
-  @each $val in flex-start, flex-end, center, space-between, space-around, space-evenly {
+  @each $val in flex-start, flex-end, center, space-between, space-around, space-evenly, flexStart, flexEnd, center, spaceBetween, spaceAround, spaceEvenly {
     &_justify-content_$(val) {
       & > div {
         justify-content: $(val);

package/dist/css/components/Select/Select.css

@@ -29,6 +29,26 @@
   }
 }
 
+.select {
+  &&_size {
+    @each $size in normal, compaсt {
+      &_$(size) {
+        ^^&__control {
+          padding: var(--select-size-$(size)-padding);
+        }
+        ^^&__option {
+          padding: var(--select-size-$(size)-padding);
+        }
+        ^^&__menu {
+          &-notice  {
+            padding: var(--select-size-$(size)-padding);
+          }
+        }
+      }
+    }
+  }
+}
+
 .select {
   &__control {
     position: relative;
@@ -117,7 +137,6 @@
 .select {
   &__menu {
     &-notice {
-      padding: 10px 48px 10px 20px;
     }
   }
 }

package/dist/css/components/Select/css/__menu/select__menu-notice.css

@@ -1,7 +1,6 @@
 .select {
   &__menu {
     &-notice {
-      padding: 10px 48px 10px 20px;
     }
   }
 }

package/dist/css/styles/flex/flex-grow.css

@@ -0,0 +1,7 @@
+.flex-grow {
+  @each $val in 0, 1 {
+    &_$(val) {
+      flex-grow: $(val);
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",