intelicoreact 1.4.30 → 1.4.32

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.
@@ -625,7 +625,8 @@ const Dropdown = _ref => {
625
625
  className: (0, _classnames.default)(RC, className, {
626
626
  disabled,
627
627
  ["".concat(RC, "-mobile")]: isMobile,
628
- ["".concat(RC, "--focused")]: isOpen
628
+ ["".concat(RC, "--focused")]: isOpen,
629
+ ["".concat(RC, "__trigger--with-custom-trigger")]: Boolean(customTrigger)
629
630
  }),
630
631
  ref: dropdownRef,
631
632
  onKeyDown: onKeyDown,
@@ -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.32",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "files": [