intelicoreact 1.4.30 → 1.4.31

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.
@@ -634,6 +634,7 @@ const Dropdown = _ref => {
634
634
  "data-testid": "dropdown--".concat(testId || "", "--container"),
635
635
  className: (0, _classnames.default)("".concat(RC, "__trigger"), "input__wrap", {
636
636
  ["".concat(RC, "__trigger--with-actions")]: withActions,
637
+ ["".concat(RC, "__trigger--with-custom-trigger")]: Boolean(customTrigger),
637
638
  placeholder: !value,
638
639
  error: error
639
640
  }),
@@ -17,6 +17,17 @@
17
17
  background: $color--light;
18
18
  overflow: hidden;
19
19
 
20
+ &--focused {
21
+ border-color: #6b81dd;
22
+ filter: drop-shadow(0 0 4px rgb(93 120 255 / 50%));
23
+ }
24
+
25
+ &--with-custom-trigger {
26
+ border: none!important;
27
+ background: none!important;
28
+ filter: none!important;
29
+ }
30
+
20
31
  &--with-actions {
21
32
  border-top-right-radius: 0;
22
33
  border-bottom-right-radius: 0;
@@ -77,7 +88,7 @@
77
88
  font-weight: 400;
78
89
  cursor: pointer;
79
90
  text-align: left;
80
- border: none;
91
+ border: none!important;
81
92
  filter: none;
82
93
 
83
94
  .text {
@@ -103,11 +114,6 @@
103
114
  }
104
115
  }
105
116
 
106
- &--focused {
107
- border-color: #6b81dd;
108
- filter: drop-shadow(0 0 4px rgb(93 120 255 / 50%));
109
- }
110
-
111
117
  &__input {
112
118
  width: 100%;
113
119
  height: 16px;
@@ -709,7 +709,7 @@
709
709
  align-items: center;
710
710
 
711
711
  width: 100%;
712
- padding-right: $spacing-s;
712
+ padding: 0 $spacing-s;
713
713
 
714
714
  border: 1px solid var(--form-input-border, #e1e8f1);
715
715
  border-radius: 6px;
@@ -829,6 +829,11 @@
829
829
  &__list-item {
830
830
  display: flex;
831
831
  justify-content: space-between;
832
+ align-items: flex-start;
833
+
834
+ width: 100%;
835
+ gap: 8px;
836
+ box-sizing: border-box;
832
837
 
833
838
  height: auto !important;
834
839
  min-height: unset !important;
@@ -841,19 +846,33 @@
841
846
  background: var(--bg-gray-box, #f0f1f4) !important;
842
847
  }
843
848
 
844
- .checkbox-input__input {
845
- margin: 0;
846
- margin-left: $spacing-s;
849
+ &-body {
850
+ display: flex;
851
+ width: 100%;
852
+ box-sizing: border-box;
853
+
854
+ pre {
855
+ white-space: normal;
856
+ }
847
857
  }
848
858
 
859
+ label {
860
+ width: 16px;
861
+ box-sizing: border-box;
862
+ margin-top: 4px;
863
+
864
+ .checkbox-input__input {
865
+ margin: 0;
866
+ }
867
+ }
868
+
869
+
849
870
  .search-match {
850
871
  font-weight: 600;
851
872
  }
852
873
  }
853
874
 
854
875
  &__arrow {
855
- top: 11px !important;
856
-
857
876
  display: flex;
858
877
  justify-content: center;
859
878
  align-items: center;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "intelicoreact",
3
- "version": "1.4.30",
3
+ "version": "1.4.31",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "files": [