@itcase/ui 1.0.21 → 1.0.22

package/dist/components/Select.js

@@ -7522,9 +7522,9 @@ var SelectControl = function SelectControl(props) {
     inputFill = _props$selectProps.inputFill,
     inputShape = _props$selectProps.inputShape,
     inputBorderColor = _props$selectProps.inputBorderColor,
-    inputBorderHover = _props$selectProps.inputBorderHover;
+    inputBorderColorHover = _props$selectProps.inputBorderColorHover;
   return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.Control, Object.assign({}, props, {
-    className: clsx__default.default(inputFill, inputShape, inputBorderColor && "border-color_" + inputBorderColor, inputBorderHover && "border-color_hover_" + inputBorderHover)
+    className: clsx__default.default(inputFill, inputShape, inputBorderColor && "border-color_" + inputBorderColor, inputBorderColorHover && "border-color_hover_" + inputBorderColorHover)
   }));
 };
 SelectControl.propTypes = {
@@ -7851,8 +7851,8 @@ var SelectContainer = /*#__PURE__*/React__namespace.default.forwardRef(function
   var inputBorderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     propsKey: 'inputBorderColor'
   });
-  var inputBorderHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    propsKey: 'inputBorderHover'
+  var inputBorderColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    propsKey: 'inputBorderColorHover'
   });
   var placeholderTextSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     propsKey: 'placeholderTextSize'
@@ -7921,7 +7921,7 @@ var SelectContainer = /*#__PURE__*/React__namespace.default.forwardRef(function
     inputCaretColor: inputCaretColorClass,
     inputShape: inputShapeClass,
     inputBorderColor: inputBorderColorClass,
-    inputBorderHover: inputBorderHoverClass,
+    inputBorderColorHover: inputBorderColorHoverClass,
     placeholder: placeholder,
     placeholderTextSize: placeholderTextSizeClass,
     placeholderTextColor: placeholderTextColorClass,

package/dist/css/components/DatePicker/DatePicker.css

@@ -726,6 +726,7 @@
   border: none;
   box-shadow: var(--date-picker-box-shadow);
   font-size: inherit;
+  display: flex;
   &-popper {
     z-index: 10;
   }
@@ -899,9 +900,9 @@
                 color: var(--date-picker-day-today-text-color);
               }
             }
-            &--keyboard-selected {
+            /* &--keyboard-selected {
               background: transparent;
-            }
+            } */
             &--selected {
               background: var(--date-picker-day-selected-background);
               & .button__label {
@@ -982,18 +983,21 @@
     }
   }
   &__time {
-    background: var(--date-picker-background) !important;
     width: 95px;
+    background: var(--date-picker-background) !important;
     &-container {
       width: auto;
+      float: none;
       padding: var(--date-picker-padding);
       display: flex;
       flex-direction: column;
       gap: 24px;
       border-left: var(--date-picker-border);
+      ^&-box {
+      }
     }
     &-list {
-      height: 300px !important;
+      height: 240px !important;
       &-item {
         border-radius: var(--date-picker-day-border-radius);
         font-size: var(--date-picker-name-size);

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

@@ -262,7 +262,7 @@
     overflow: hidden;
     display: flex;
     flex: 1;
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
     align-items: center;
     &--is-multi {
       gap: 8px;

package/dist/css/components/Select/css/__value-container/select__value-container.css

@@ -4,7 +4,7 @@
     overflow: hidden;
     display: flex;
     flex: 1;
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
     align-items: center;
     &--is-multi {
       gap: 8px;

package/package.json

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