@itcase/ui 1.0.33 → 1.0.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/components/Avatar.js +1 -1
  2. package/dist/components/Select.js +1 -1
  3. package/dist/css/components/Avatar/Avatar.css +5 -7
  4. package/dist/css/components/Dropdown/Dropdown.css +30 -5
  5. package/dist/css/components/Empty/Empty.css +6 -0
  6. package/dist/css/components/Select/Select.css +3 -3
  7. package/dist/css/components/Select/css/__menu/select__menu.css +3 -3
  8. package/package.json +1 -1
package/dist/components/Avatar.js CHANGED
@@ -82,7 +82,7 @@ function Avatar(props) {
82
82
  return "" + firstChar + secondChar;
83
83
  }, [firstName, secondName]);
84
84
  return /*#__PURE__*/React__default.default.createElement("div", {
85
- className: clsx__default.default(className, 'avatar', shapeClass, size && "avatar_size_" + size, type && "avatar_type_" + type),
85
+ className: clsx__default.default(className, 'avatar', shapeClass, size && "avatar_size_" + size, type && "avatar_type_" + type, onClick && 'cursor_type_pointer'),
86
86
  onClick: onClick
87
87
  }, /*#__PURE__*/React__default.default.createElement("div", {
88
88
  className: clsx__default.default('avatar__wrapper', fillClass, fillHoverClass)
package/dist/components/Select.js CHANGED
@@ -7524,7 +7524,7 @@ var SelectControl = function SelectControl(props) {
7524
7524
  inputBorderColor = _props$selectProps.inputBorderColor,
7525
7525
  inputBorderColorHover = _props$selectProps.inputBorderColorHover;
7526
7526
  return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.Control, Object.assign({}, props, {
7527
- className: clsx__default.default(inputFill, inputShape, inputBorderColor && "border-color_" + inputBorderColor, inputBorderColorHover && "border-color_hover_" + inputBorderColorHover)
7527
+ className: clsx__default.default('select__control', inputFill, inputShape, inputBorderColor && "border-color_" + inputBorderColor, inputBorderColorHover && "border-color_hover_" + inputBorderColorHover)
7528
7528
  }));
7529
7529
  };
7530
7530
  SelectControl.propTypes = {
package/dist/css/components/Avatar/Avatar.css CHANGED
@@ -22,13 +22,11 @@
22
22
  width: $(size)px;
23
23
  height: $(size)px;
24
24
  }
25
- ^^^&__name {
26
- width: $(size)px;
27
- height: $(size)px;
28
- display: flex;
29
- align-items: center;
30
- justify-content: center;
31
- }
25
+ width: $(size)px;
26
+ height: $(size)px;
27
+ display: flex;
28
+ align-items: center;
29
+ justify-content: center;
32
30
  }
33
31
  }
34
32
  }
package/dist/css/components/Dropdown/Dropdown.css CHANGED
@@ -1,9 +1,22 @@
1
1
  .dropdown {
2
2
  display: flex;
3
3
  position: relative;
4
- &__wrapper {
5
- padding: 12px 0;
6
- gap: 8px;
4
+ &_set {
5
+ &_normal {
6
+ ^^&__wrapper {
7
+ display: flex;
8
+ flex-direction: column;
9
+ padding: 12px 0;
10
+ }
11
+ }
12
+ &_compact {
13
+ ^^&__wrapper {
14
+ display: flex;
15
+ flex-direction: column;
16
+ padding: 8px 0;
17
+ gap: 8px;
18
+ }
19
+ }
7
20
  }
8
21
  }
9
22
  .dropdown {
@@ -42,8 +55,20 @@
42
55
  }
43
56
  .dropdown {
44
57
  &__item {
45
- cursor: pointer;
46
- min-width: 240px;
58
+ display: flex;
59
+ justify-content: space-between;
60
+ align-items: center;
61
+ gap: 8px;
62
+ &_set {
63
+ &_normal {
64
+ min-width: 240px;
65
+ padding: 10px 12px 10px 16px;
66
+ }
67
+ &_compact {
68
+ min-width: 180px;
69
+ padding: 0 12px 0 16px;
70
+ }
71
+ }
47
72
  &-label {
48
73
  display: block;
49
74
  }
package/dist/css/components/Empty/Empty.css CHANGED
@@ -12,4 +12,10 @@
12
12
  &__button {
13
13
  margin-top: auto;
14
14
  }
15
+ & .image,
16
+ .image__wrapper,
17
+ .image__item {
18
+ pointer-events: none;
19
+ user-select: none;
20
+ }
15
21
  }
package/dist/css/components/Select/Select.css CHANGED
@@ -165,14 +165,14 @@
165
165
  z-index: 100000;
166
166
  }
167
167
  &-list {
168
- overflow-y: scroll;
168
+ overflow-y: auto;
169
169
  max-height: 240px;
170
170
  border-radius: var(--select-menu-border-radius, 0);
171
171
  &-item {
172
172
  width: 100%;
173
173
  position: relative;
174
- &_state_selected {
175
-
174
+ justify-content: space-between;
175
+ &_state_selected {
176
176
  }
177
177
  &_option {
178
178
  z-index: 100000;
package/dist/css/components/Select/css/__menu/select__menu.css CHANGED
@@ -12,14 +12,14 @@
12
12
  z-index: 100000;
13
13
  }
14
14
  &-list {
15
- overflow-y: scroll;
15
+ overflow-y: auto;
16
16
  max-height: 240px;
17
17
  border-radius: var(--select-menu-border-radius, 0);
18
18
  &-item {
19
19
  width: 100%;
20
20
  position: relative;
21
- &_state_selected {
22
-
21
+ justify-content: space-between;
22
+ &_state_selected {
23
23
  }
24
24
  &_option {
25
25
  z-index: 100000;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itcase/ui",
3
- "version": "1.0.33",
3
+ "version": "1.0.34",
4
4
  "description": "UI components (Modal, Loader, Popup, etc)",
5
5
  "keywords": [
6
6
  "Modal",