@itcase/ui 1.0.32 → 1.0.34

package/dist/components/Avatar.js

@@ -82,7 +82,7 @@ function Avatar(props) {
     return "" + firstChar + secondChar;
   }, [firstName, secondName]);
   return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'avatar', shapeClass, size && "avatar_size_" + size, type && "avatar_type_" + type),
+    className: clsx__default.default(className, 'avatar', shapeClass, size && "avatar_size_" + size, type && "avatar_type_" + type, onClick && 'cursor_type_pointer'),
     onClick: onClick
   }, /*#__PURE__*/React__default.default.createElement("div", {
     className: clsx__default.default('avatar__wrapper', fillClass, fillHoverClass)

package/dist/components/Label.js

@@ -82,14 +82,14 @@ function Label(props) {
   var _useStyles = useStyles.useStyles(props),
     labelStyles = _useStyles.styles;
   return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'label', fillClass || appearance && ("fill_" + labelConfig.appearance[appearance].fillClass).replace(/([A-Z])/g, '-$1').toLowerCase(), shapeClass, borderClass, borderTypeClass, sizeClass, wrapClass, alignDirectionClass, alignClass, type && "label_type_" + type, set && "label_set_" + set),
+    className: clsx__default.default(className, 'label', fillClass || labelConfig.appearance[appearance] && ("fill_" + labelConfig.appearance[appearance].fillClass).replace(/([A-Z])/g, '-$1').toLowerCase(), shapeClass, borderClass, borderTypeClass, sizeClass, wrapClass, alignDirectionClass, alignClass, type && "label_type_" + type, set && "label_set_" + set),
     "data-tour": dataTour,
     style: labelStyles
   }, /*#__PURE__*/React__default.default.createElement("div", {
     className: "label__inner"
   }, typeof label === 'string' ? /*#__PURE__*/React__default.default.createElement(index.Text, {
     className: "label__label",
-    textColor: labelTextColor || appearance && labelConfig.appearance[appearance].labelTextColor.replace(/([A-Z])/g, '-$1').toLowerCase(),
+    textColor: labelTextColor || labelConfig.appearance[appearance] && labelConfig.appearance[appearance].labelTextColor.replace(/([A-Z])/g, '-$1').toLowerCase(),
     size: labelTextSize,
     textWrap: labelTextWrap
   }, label) : /*#__PURE__*/React__default.default.createElement("div", {

package/dist/components/Select.js

@@ -7524,7 +7524,7 @@ var SelectControl = function SelectControl(props) {
     inputBorderColor = _props$selectProps.inputBorderColor,
     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, inputBorderColorHover && "border-color_hover_" + inputBorderColorHover)
+    className: clsx__default.default('select__control', inputFill, inputShape, inputBorderColor && "border-color_" + inputBorderColor, inputBorderColorHover && "border-color_hover_" + inputBorderColorHover)
   }));
 };
 SelectControl.propTypes = {

package/dist/css/components/Avatar/Avatar.css

@@ -22,13 +22,11 @@
             width: $(size)px;
             height: $(size)px;
           }
-          ^^^&__name {
-            width: $(size)px;
-            height: $(size)px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-          }
+          width: $(size)px;
+          height: $(size)px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
         }
       }
     }

package/dist/css/components/Dropdown/Dropdown.css

@@ -1,9 +1,22 @@
 .dropdown {
   display: flex;
   position: relative;
-  &__wrapper {
-    padding: 12px 0;
-    gap: 8px;
+  &_set {
+    &_normal {
+      ^^&__wrapper {
+        display: flex;
+        flex-direction: column;
+        padding: 12px 0;
+      }
+    }
+    &_compact {
+      ^^&__wrapper {
+        display: flex;
+        flex-direction: column;
+        padding: 8px 0;
+        gap: 8px;
+      }
+    }
   }
 }
 .dropdown {
@@ -42,8 +55,20 @@
 }
 .dropdown {
   &__item {
-    cursor: pointer;
-    min-width: 240px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 8px;
+    &_set {
+      &_normal {
+        min-width: 240px;
+        padding: 10px 12px 10px 16px;
+      }
+      &_compact {
+        min-width: 180px;
+        padding: 0 12px 0 16px;
+      }
+    }
     &-label {
       display: block;
     }

package/dist/css/components/Empty/Empty.css

@@ -12,4 +12,10 @@
   &__button {
     margin-top: auto;
   }
+  & .image,
+  .image__wrapper,
+  .image__item {
+    pointer-events: none;
+    user-select: none;
+  }
 }

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

@@ -165,14 +165,14 @@
       z-index: 100000;
     }
     &-list {
-      overflow-y: scroll;
+      overflow-y: auto;
       max-height: 240px;
       border-radius: var(--select-menu-border-radius, 0);
       &-item {
         width: 100%;
         position: relative;
-        &_state_selected  {
-
+        justify-content: space-between;
+        &_state_selected {
         }
         &_option {
           z-index: 100000;

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

@@ -12,14 +12,14 @@
       z-index: 100000;
     }
     &-list {
-      overflow-y: scroll;
+      overflow-y: auto;
       max-height: 240px;
       border-radius: var(--select-menu-border-radius, 0);
       &-item {
         width: 100%;
         position: relative;
-        &_state_selected  {
-
+        justify-content: space-between;
+        &_state_selected {
         }
         &_option {
           z-index: 100000;

package/package.json

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