intelicoreact 1.0.28 → 1.0.30

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 (119) hide show
  1. package/dist/Atomic/FormElements/ActionAlert/ActionAlert.js +2 -2
  2. package/dist/Atomic/FormElements/ActionAlert/ActionAlert.scss +13 -9
  3. package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.scss +27 -22
  4. package/dist/Atomic/FormElements/Calendar/Calendar.scss +68 -45
  5. package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.scss +55 -30
  6. package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.scss +3 -3
  7. package/dist/Atomic/FormElements/CheckboxesLine/partial/AnyOuterClass.scss +1 -1
  8. package/dist/Atomic/FormElements/Dropdown/Dropdown.scss +100 -51
  9. package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.scss +27 -9
  10. package/dist/Atomic/FormElements/Input/Input.js +2 -0
  11. package/dist/Atomic/FormElements/Input/Input.scss +63 -38
  12. package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +1 -1
  13. package/dist/Atomic/FormElements/InputCalendar/InputCalendar.scss +7 -2
  14. package/dist/Atomic/FormElements/InputColor/InputColor.js +49 -0
  15. package/dist/Atomic/FormElements/InputColor/InputColor.scss +18 -0
  16. package/dist/Atomic/FormElements/InputDateRange/InputDateRange.scss +176 -130
  17. package/dist/Atomic/FormElements/InputMask/InputMask.scss +69 -57
  18. package/dist/Atomic/FormElements/InputMask2/InputMask2.js +4 -2
  19. package/dist/Atomic/FormElements/InputMask2/InputMask2.scss +80 -68
  20. package/dist/Atomic/FormElements/InputsRow/InputsRow.scss +10 -4
  21. package/dist/Atomic/FormElements/Label/Label.js +2 -2
  22. package/dist/Atomic/FormElements/Label/Label.scss +19 -15
  23. package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +41 -43
  24. package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.scss +41 -34
  25. package/dist/Atomic/FormElements/MultiSelect/MultiSelect.scss +5 -3
  26. package/dist/Atomic/FormElements/NumericInput/NumericInput.scss +63 -37
  27. package/dist/Atomic/FormElements/RadioGroup/RadioGroup.scss +5 -1
  28. package/dist/Atomic/FormElements/RadioInput/RadioInput.scss +27 -16
  29. package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.scss +72 -40
  30. package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.scss +38 -24
  31. package/dist/Atomic/FormElements/RangeInputs/RangeInputs.scss +19 -15
  32. package/dist/Atomic/FormElements/RangeList/RangeList.scss +56 -42
  33. package/dist/Atomic/FormElements/RangeList/partial/AnyOuterClass.scss +7 -10
  34. package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +6 -6
  35. package/dist/Atomic/FormElements/RangeSlider/RangeSlider.scss +71 -44
  36. package/dist/Atomic/FormElements/RangeSlider/RangeSlider.stories.scss +12 -8
  37. package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.scss +5 -6
  38. package/dist/Atomic/FormElements/SwitchableRow/partial/AnyOuterClass.scss +3 -3
  39. package/dist/Atomic/FormElements/Switcher/Switcher.scss +29 -21
  40. package/dist/Atomic/FormElements/Switcher/partial/AnyOuterClass.scss +4 -3
  41. package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.scss +10 -7
  42. package/dist/Atomic/FormElements/SwitcherCheckbox/partial/AnyOuterClass.scss +4 -3
  43. package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.scss +10 -7
  44. package/dist/Atomic/FormElements/SwitcherHide/partial/AnyOuterClass.scss +4 -3
  45. package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.scss +1 -0
  46. package/dist/Atomic/FormElements/SwitcherRadio/partial/AnyOuterClass.scss +4 -3
  47. package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.scss +19 -16
  48. package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.scss +1 -1
  49. package/dist/Atomic/FormElements/SwitcherRangeList/partial/AnyOuterClass.scss +10 -12
  50. package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +1 -1
  51. package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.scss +35 -33
  52. package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/AnyOuterClass.scss +4 -3
  53. package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/States.js +100 -100
  54. package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.scss +7 -4
  55. package/dist/Atomic/FormElements/SwitcherTextarea/partial/AnyOuterClass.scss +5 -4
  56. package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +9 -9
  57. package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.scss +86 -43
  58. package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.scss +40 -27
  59. package/dist/Atomic/FormElements/TextSwitcher/partial/AnyOuterClass.scss +2 -1
  60. package/dist/Atomic/FormElements/Textarea/Textarea.scss +18 -14
  61. package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.scss +9 -7
  62. package/dist/Atomic/FormElements/TimeRange/TimeRange.scss +3 -3
  63. package/dist/Atomic/FormElements/UserContacts/UserContacts.scss +0 -1
  64. package/dist/Atomic/FormElements/UserContacts/partial/AnyOuterClass.scss +11 -10
  65. package/dist/Atomic/FormElements/UserContacts/partial/defaultIcons.js +1 -0
  66. package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +1 -1
  67. package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.scss +24 -17
  68. package/dist/Atomic/FormElements/WidgetPseudoTable/partial/AnyOuterClass.scss +33 -28
  69. package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.scss +24 -17
  70. package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/AnyOuterClass.scss +33 -28
  71. package/dist/Atomic/Layout/Header/Header.scss +44 -25
  72. package/dist/Atomic/Layout/MainMenu/MainMenu.scss +69 -35
  73. package/dist/Atomic/Layout/Spinner/Spinner.scss +30 -10
  74. package/dist/Atomic/UI/Accordion/Accordion.scss +75 -63
  75. package/dist/Atomic/UI/AccordionTable/AccordionTable.js +6 -6
  76. package/dist/Atomic/UI/AccordionTable/AccordionTable.scss +68 -29
  77. package/dist/Atomic/UI/AdvancedTag/AdvancedTags.scss +59 -43
  78. package/dist/Atomic/UI/Alert/Alert.scss +28 -20
  79. package/dist/Atomic/UI/Arrow/Arrow.scss +3 -5
  80. package/dist/Atomic/UI/Button/Button.scss +53 -39
  81. package/dist/Atomic/UI/ButtonsBar/ButtonsBar.scss +2 -1
  82. package/dist/Atomic/UI/Chart/Chart.scss +14 -13
  83. package/dist/Atomic/UI/Chart/partial/AnyOuterClass.scss +20 -15
  84. package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.scss +7 -2
  85. package/dist/Atomic/UI/Chart/partial/datasetSetters.js +0 -6
  86. package/dist/Atomic/UI/Chart/partial/optionsSetters.js +0 -5
  87. package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.scss +28 -22
  88. package/dist/Atomic/UI/DateTime/DateTime.js +2 -2
  89. package/dist/Atomic/UI/DateTime/DateTime.scss +1 -2
  90. package/dist/Atomic/UI/DateTime/partial/AnyOuterClass.scss +6 -5
  91. package/dist/Atomic/UI/DoubleString/DoubleString.scss +11 -7
  92. package/dist/Atomic/UI/DoubleString/partial/AnyOuterClass.scss +8 -6
  93. package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +1 -1
  94. package/dist/Atomic/UI/ExampleChartIntegration/partial/AnyOuterClass.scss +26 -17
  95. package/dist/Atomic/UI/Hint/Hint.js +7 -7
  96. package/dist/Atomic/UI/Hint/Hint.scss +38 -22
  97. package/dist/Atomic/UI/Modal/Modal.scss +90 -47
  98. package/dist/Atomic/UI/MonoAccordion/MonoAccordion.scss +17 -12
  99. package/dist/Atomic/UI/MonoAccordion/partial/AnyOuterClass.scss +8 -5
  100. package/dist/Atomic/UI/NavLine/NavLine.js +1 -1
  101. package/dist/Atomic/UI/NavLine/NavLine.scss +89 -54
  102. package/dist/Atomic/UI/NavLine/Tabs.js +72 -72
  103. package/dist/Atomic/UI/PageTitle/PageTitle.scss +41 -35
  104. package/dist/Atomic/UI/ProgressLine/ProgressLine.scss +113 -69
  105. package/dist/Atomic/UI/Status/Status.scss +21 -14
  106. package/dist/Atomic/UI/Table/Table.scss +70 -58
  107. package/dist/Atomic/UI/Table/TdTypes/TdTypes.scss +33 -29
  108. package/dist/Atomic/UI/Tag/Tag.scss +38 -24
  109. package/dist/Atomic/UI/TagList/TagList.js +1 -7
  110. package/dist/Atomic/UI/TagList/TagList.scss +11 -8
  111. package/dist/Atomic/UI/UserBox/UserBox.scss +14 -7
  112. package/dist/Functions/fieldValueFormatters.js +23 -18
  113. package/dist/Functions/usePasswordChecker.js +9 -2
  114. package/dist/Functions/utils.js +1 -1
  115. package/dist/Molecular/FormElement/FormElement.scss +7 -3
  116. package/dist/scss/_fonts.scss +143 -109
  117. package/dist/scss/_vars.scss +21 -21
  118. package/dist/scss/main.scss +33 -27
  119. package/package.json +1 -1
@@ -1,90 +1,114 @@
1
1
  @import "../../../scss/vars";
2
2
 
3
3
  .tags-dropdown {
4
+ position: relative;
5
+
4
6
  display: flex;
5
7
  flex-direction: column;
6
- position: relative;
8
+
7
9
  width: 100%;
8
10
 
9
11
  &__container {
10
- display: block;
11
12
  position: fixed;
12
13
  z-index: 99999;
14
+
15
+ display: block;
16
+
13
17
  box-sizing: border-box;
14
18
  }
15
19
 
16
20
  &_disabled {
17
21
  pointer-events: none;
22
+
18
23
  opacity: 0.5;
19
24
  }
20
25
 
21
26
  &__trigger {
22
27
  position: relative;
23
- box-sizing: border-box;
24
- height: 28px;
28
+
25
29
  display: flex;
30
+ align-items: center;
26
31
  flex-flow: row wrap;
27
32
  justify-content: flex-start;
28
- align-items: center;
33
+
34
+ box-sizing: border-box;
35
+ height: 28px;
29
36
 
30
37
  height: fit-content;
31
38
  min-height: 28px;
32
39
  padding: 1px 24px 1px 5px;
40
+
33
41
  cursor: pointer;
34
- background: #ffffff;
35
- border: 1px solid #e2e5ec;
42
+
43
+ border: 1px solid #E2E5EC;
36
44
  border-radius: 3px;
45
+ background: #FFF;
37
46
  }
38
47
 
39
48
  &__input {
49
+ overflow: hidden;
40
50
  flex-grow: 1;
41
- background: none;
42
- border: none;
43
- padding-right: 2px;
51
+
44
52
  height: 16px;
53
+ padding-right: 2px;
54
+
45
55
  text-overflow: ellipsis;
46
- overflow: hidden;
56
+
57
+ border: none;
58
+ background: none;
47
59
  }
48
60
 
49
61
  &__header,
50
62
  &__footer {
51
63
  position: relative;
52
- width: 100%;
53
- height: 30px;
64
+ z-index: 2;
65
+
54
66
  display: flex;
55
67
  align-items: center;
56
68
  justify-content: space-between;
57
- padding: 4px 32px 6px;
69
+
58
70
  box-sizing: border-box;
71
+ width: 100%;
72
+ height: 30px;
73
+ padding: 4px 32px 6px;
74
+
59
75
  background: #F8FBFF;
60
- z-index: 2;
61
76
  }
62
77
 
63
78
  &__header {
64
- border-bottom: 1px solid #E8E9EC;
65
79
  box-sizing: border-box;
80
+
81
+ border-bottom: 1px solid #E8E9EC;
66
82
  }
67
83
 
68
84
  &__selector-wrapper {
69
- display: block;
70
85
  position: relative;
86
+
87
+ display: block;
88
+
71
89
  box-sizing: border-box;
72
- border: 1px solid #e2e5ec;
73
- box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.25);
74
90
  margin-top: 4px;
91
+
92
+ border: 1px solid #E2E5EC;
93
+ box-shadow: 0 4px 25px rgb(0 0 0 / 25%);
75
94
  }
76
95
 
77
96
  &__list {
78
- box-sizing: border-box;
79
97
  position: relative;
98
+ z-index: 3;
99
+
100
+ overflow-y: auto;
101
+
102
+ box-sizing: border-box;
103
+ width: 148px;
80
104
  min-width: 100%;
81
105
  max-height: 320px;
82
- background: #ffffff;
83
- width: 148px;
84
106
  padding: 8px 0;
85
- overflow-y: auto;
86
- z-index: 3;
107
+
87
108
  text-align: left;
109
+
110
+ background: #FFF;
111
+
88
112
  &::-webkit-scrollbar {
89
113
  width: 4px;
90
114
  }
@@ -94,8 +118,8 @@
94
118
  }
95
119
 
96
120
  &::-webkit-scrollbar-thumb {
97
- background: $color--gray--dark;
98
121
  border-radius: 4px;
122
+ background: $color--gray--dark;
99
123
  }
100
124
 
101
125
  &--with-header {
@@ -103,18 +127,23 @@
103
127
  }
104
128
 
105
129
  &-item {
130
+ position: relative;
131
+
106
132
  display: flex;
107
133
  align-items: center;
108
134
  justify-content: flex-start;
135
+
136
+ width: 100%;
137
+ height: 24px;
109
138
  padding-left: 35px;
110
- position: relative;
139
+
111
140
  cursor: pointer;
141
+
112
142
  color: $color--dark;
143
+
113
144
  font-size: 13px;
114
145
  font-weight: 400;
115
146
  line-height: 24px;
116
- width: 100%;
117
- height: 24px;
118
147
 
119
148
  &:hover,
120
149
  &_active {
@@ -122,25 +151,28 @@
122
151
  }
123
152
 
124
153
  &_disabled {
125
- opacity: 0.3;
126
154
  pointer-events: none;
155
+
156
+ opacity: 0.3;
127
157
  }
128
158
 
129
- &_freezed{
130
- color:#757F8C;
131
- opacity: 1;
159
+ &_freezed {
132
160
  pointer-events: none;
161
+
162
+ opacity: 1;
163
+ color: #757F8C;
133
164
  }
134
165
  }
135
166
  }
136
167
 
137
168
  &__arrow {
138
- width: 16px;
139
- height: 16px;
140
169
  position: absolute;
141
170
  top: calc(50% - 8px);
142
171
  right: 5px;
143
172
 
173
+ width: 16px;
174
+ height: 16px;
175
+
144
176
  cursor: pointer;
145
177
 
146
178
  &_active {
@@ -154,13 +186,16 @@
154
186
  }
155
187
 
156
188
  &__active-icon {
157
- align-items: center;
158
189
  position: absolute;
159
- left: 12px;
160
190
  top: 0;
161
191
  bottom: 0;
162
- margin: auto;
192
+ left: 12px;
193
+
163
194
  display: none;
195
+ align-items: center;
196
+
197
+ margin: auto;
198
+
164
199
  &_active {
165
200
  display: flex;
166
201
  }
@@ -168,11 +203,15 @@
168
203
 
169
204
  &-group {
170
205
  margin-top: 6px;
206
+
171
207
  &__name {
172
- font-size: 10px;
173
- color: $color--gray--dark;
174
- text-transform: uppercase;
175
208
  margin-left: 17px;
209
+
210
+ text-transform: uppercase;
211
+
212
+ color: $color--gray--dark;
213
+
214
+ font-size: 10px;
176
215
  }
177
216
  }
178
217
 
@@ -181,28 +220,32 @@
181
220
  }
182
221
 
183
222
  &__error {
184
- border-color: #f06d8d;
223
+ border-color: #F06D8D;
185
224
  }
186
225
 
187
226
  .tag {
188
227
  margin-top: 1px;
189
228
  margin-bottom: 1px;
229
+
190
230
  cursor: auto;
191
231
  }
192
232
 
193
233
  .tag-list_wrapper {
194
234
  display: flex;
195
235
  flex-wrap: wrap;
236
+
196
237
  box-sizing: border-box;
197
- background-color: rgba(0,0,0,0);
198
- padding: 0;
199
238
  width: auto;
239
+ padding: 0;
240
+
241
+ background-color: rgb(0 0 0 / 0%);
200
242
  }
201
243
 
202
244
  &_arrow-static {
203
245
  .tags-dropdown__trigger {
204
246
  position: static;
205
247
  }
248
+
206
249
  .tags-dropdown__arrow {
207
250
  top: 6px;
208
251
  }
@@ -1,38 +1,45 @@
1
- @import '../../../scss/vars';
1
+ @import "../../../scss/vars";
2
2
 
3
3
  .text-switcher {
4
- box-sizing: border-box;
4
+ position: relative;
5
+
5
6
  display: grid;
6
- grid-template-columns: repeat(2, 1fr);
7
- justify-content: center;
8
7
  align-items: center;
8
+ justify-content: center;
9
+
10
+ box-sizing: border-box;
11
+ padding: 2px;
12
+
9
13
  border: 2px solid $color--error-bg;
10
14
  border-radius: 26px;
11
- padding: 2px;
12
- position: relative;
13
- background: #fff;
15
+ background: #FFF;
14
16
 
15
- font-style: normal;
16
- font-weight: 300;
17
17
  font-size: 12px;
18
+ font-weight: 300;
19
+
20
+ font-style: normal;
21
+ grid-template-columns: repeat(2, 1fr);
18
22
 
19
23
  &__btn {
20
- cursor: pointer;
24
+ position: relative;
25
+ z-index: 2;
26
+
21
27
  min-width: 58px;
22
- white-space: nowrap;
23
- padding: 0 14px;
24
28
  height: 100%;
29
+ padding: 0 14px;
30
+
31
+ cursor: pointer;
32
+ white-space: nowrap;
25
33
  text-transform: uppercase;
26
34
 
35
+ color: $green;
36
+
27
37
  font-family: inherit;
28
- font-style: inherit;
29
- font-weight:inherit;
30
38
  font-size: inherit;
39
+ font-weight: inherit;
40
+ font-style: inherit;
31
41
  line-height: inherit;
32
42
 
33
- color: $green;
34
- position: relative;
35
- z-index: 2;
36
43
  &_off {
37
44
  color: $color--error;
38
45
  }
@@ -40,18 +47,22 @@
40
47
 
41
48
  &__slider {
42
49
  position: absolute;
43
- left: 0px;
44
- border-radius: 28px;
45
- top: 0px;
46
- bottom: 0px;
47
- width: 50%;
48
50
  z-index: 0;
51
+ top: 0;
52
+ bottom: 0;
53
+ left: 0;
54
+
55
+ width: 50%;
56
+
57
+ transition: left 0.3s ease, background-color 0.3s ease;
58
+
59
+ border-radius: 28px;
49
60
  background-color: $color--green-light;
50
- transition: left .3s ease,
51
- background-color .3s ease;
61
+
52
62
  &_inactive {
53
- background-color: $color--error-bg;
54
63
  left: 50%;
64
+
65
+ background-color: $color--error-bg;
55
66
  }
56
67
  }
57
68
 
@@ -60,14 +71,16 @@
60
71
  }
61
72
 
62
73
  &_disabled {
63
- opacity: 0.7;
64
74
  pointer-events: none;
75
+
76
+ opacity: 0.7;
65
77
  }
66
78
  }
67
79
 
68
80
  .text-switcher_unsetted {
69
81
  filter: grayscale(1);
82
+
70
83
  .text-switcher__btn {
71
84
  color: $color--gray !important;
72
85
  }
73
- }
86
+ }
@@ -1,4 +1,5 @@
1
1
  .any-outer-class__text-switcher {
2
2
  height: 20px;
3
+
3
4
  font-size: 10px;
4
- }
5
+ }
@@ -3,32 +3,36 @@
3
3
 
4
4
  .textarea {
5
5
  &__textarea {
6
- border: 1px solid #e2e5ec;
7
- background-color: #fff;
8
- min-height: 99px;
9
- min-width: 223px;
6
+ box-sizing: border-box;
10
7
  width: 100%;
11
- outline: none;
12
- resize: none;
8
+ min-width: 223px;
9
+ min-height: 99px;
13
10
  padding: 5px 9px;
14
- box-sizing: border-box;
11
+
12
+ resize: none;
13
+
14
+ border: 1px solid #E2E5EC;
15
+ outline: none;
16
+ background-color: #FFF;
17
+
18
+ font-family: Roboto, sans-serif;
15
19
  font-size: 12px;
16
20
  font-weight: 400;
17
- font-family: Roboto, sans-serif;
21
+
22
+ @include custom-scroll2;
18
23
 
19
24
  &:focus {
20
25
  border-color: $color--primary;
21
- filter: drop-shadow(0px 0px 4px rgba(93, 120, 255, 0.5));
26
+ filter: drop-shadow(0 0 4px rgb(93 120 255 / 50%));
22
27
  }
23
28
 
24
29
  &:disabled {
25
- background: #f7f8fa;
26
- opacity: 0.5;
27
- border-color: #a6acb1;
28
30
  pointer-events: none;
29
- }
30
31
 
31
- @include custom-scroll2;
32
+ opacity: 0.5;
33
+ border-color: #A6ACB1;
34
+ background: #F7F8FA;
35
+ }
32
36
  }
33
37
 
34
38
  // &-label {
@@ -10,25 +10,26 @@
10
10
 
11
11
  &__description-checked {
12
12
  padding-left: 21px;
13
- font-style: normal;
14
- font-weight: 400;
15
- font-size: 10px;
16
- line-height: 18px;
13
+
17
14
  letter-spacing: 0.2px;
18
- color: #757F8C;
19
15
 
16
+ color: #757F8C;
20
17
 
18
+ font-size: 10px;
19
+ font-weight: 400;
20
+ font-style: normal;
21
+ line-height: 18px;
21
22
  }
22
23
 
23
24
  .mono-accordion {
24
- box-shadow: inset 0px -1px 0px #EBEFF2;
25
+ box-shadow: inset 0 -1px 0 #EBEFF2;
25
26
 
26
27
  &_is-open {
27
28
  border-bottom: 1px solid #EBEFF2;
28
29
  }
29
30
 
30
31
  &__head {
31
- padding: 8px 4px 0 4px;
32
+ padding: 8px 4px 0;
32
33
  }
33
34
 
34
35
  &__icon-container {
@@ -41,6 +42,7 @@
41
42
  margin-top: 8px;
42
43
  padding: 0;
43
44
  }
45
+
44
46
  .tiered-checkboxes__children {
45
47
  margin: 0 0 14px 20px;
46
48
  }
@@ -1,14 +1,14 @@
1
1
  .time-range {
2
-
3
2
  &__input .form-input {
4
3
  width: 60px;
5
4
  }
6
5
 
7
6
  &__range {
8
- margin: 8px 0 13px 0;
9
7
  display: flex;
10
- justify-content: flex-start;
11
8
  align-items: center;
9
+ justify-content: flex-start;
10
+
11
+ margin: 8px 0 13px;
12
12
 
13
13
  & > *:not(:last-child) {
14
14
  margin-right: 16px;
@@ -1,6 +1,5 @@
1
1
  @import "../../../scss/vars";
2
2
 
3
-
4
3
  .user-contacts {
5
4
  &__email,
6
5
  &__phone {
@@ -1,21 +1,22 @@
1
- @import url('https://fonts.googleapis.com/css2?family=Sarabun&display=swap');
1
+ @import "https://fonts.googleapis.com/css2?family=Sarabun&display=swap";
2
2
 
3
- .any-outer-class__user-contacts{
3
+ .any-outer-class__user-contacts {
4
4
  .user-contacts__email,
5
5
  .user-contacts__phone,
6
6
  .user-contacts__contacts {
7
- font-family: 'Sarabun';
8
- font-style: normal;
9
- font-weight: 400;
10
- font-size: 14px;
11
- line-height: 20px;
12
- letter-spacing: 0.2px;
13
7
  text-decoration: none;
8
+ letter-spacing: 0.2px;
9
+
14
10
  color: #1F7499;
11
+
12
+ font-family: Sarabun, sans-serif;
13
+ font-size: 14px;
14
+ font-weight: 400;
15
+ font-style: normal;
16
+ line-height: 20px;
15
17
  }
16
18
 
17
19
  .user-contacts__contacts {
18
20
  color: #3B414B;
19
21
  }
20
-
21
- }
22
+ }
@@ -9,6 +9,7 @@ exports.DefaultPhoneIcon = exports.DefaultEmalIcon = void 0;
9
9
 
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
 
12
+ /* eslint-disable react/no-unknown-property */
12
13
  var DefaultEmalIcon = function DefaultEmalIcon() {
13
14
  return /*#__PURE__*/_react.default.createElement("svg", {
14
15
  xmlns: "http://www.w3.org/2000/svg",
@@ -73,7 +73,7 @@ var WidgetPseudoTable = function WidgetPseudoTable(props) {
73
73
  rowData: row
74
74
  }),
75
75
  onChange: function onChange(key, val) {
76
- return console.log(key, val) || _onChange(val, cell.key, row.id);
76
+ return _onChange(val, cell.key, row.id);
77
77
  }
78
78
  })));
79
79
  }));
@@ -1,34 +1,36 @@
1
1
  @import "../../../scss/vars";
2
2
 
3
-
4
3
  .widget-pseudo-table {
5
4
  --row-height: 44px;
6
5
  --thead-height: 20px;
7
6
  --grid-template-columns: 1fr 1fr 1fr;
8
-
9
- background-color: #FFFFFF;
10
- border-radius: 3px;
11
7
  border: 1px solid #E2E5EC;
8
+ border-radius: 3px;
9
+
10
+ background-color: #FFF;
12
11
 
13
12
  &__header {
14
- box-sizing: border-box;
15
- height: var(--row-height);
16
- padding: 12px 16px 12px 16px;
17
13
  display: flex;
14
+ align-items: center;
18
15
  flex-flow: row nowrap;
19
16
  justify-content: space-between;
20
- align-items: center;
17
+
18
+ box-sizing: border-box;
19
+ height: var(--row-height);
20
+ padding: 12px 16px;
21
+
21
22
  border-bottom: 1px solid #E2E5EC;
22
23
  }
23
24
 
24
25
  &__title-block,
25
26
  &__right-header-content-block {
26
- width: fit-content;
27
- height: 100%;
28
27
  display: flex;
28
+ align-items: center;
29
29
  flex-flow: row nowrap;
30
30
  justify-content: center;
31
- align-items: center;
31
+
32
+ width: fit-content;
33
+ height: 100%;
32
34
  }
33
35
 
34
36
  &__body {
@@ -40,9 +42,10 @@
40
42
  }
41
43
 
42
44
  &__thead {
45
+ display: grid;
46
+
43
47
  box-sizing: border-box;
44
48
  height: var(--thead-height);
45
- display: grid;
46
49
  grid-template-columns: var(--grid-template-columns);
47
50
 
48
51
  &-cell {
@@ -55,21 +58,25 @@
55
58
 
56
59
  &_reqiured {
57
60
  &::after {
58
- content: '*';
59
- color: red;
60
61
  margin-left: 3px;
62
+
63
+ content: "*";
64
+
65
+ color: red;
61
66
  }
62
67
  }
63
68
  }
64
69
  }
65
70
 
66
71
  &__row {
72
+ display: grid;
73
+
67
74
  box-sizing: border-box;
68
75
  height: var(--row-height);
69
76
  padding: 8px 0;
70
- display: grid;
71
- grid-template-columns: var(--grid-template-columns);
77
+
72
78
  border-bottom: 1px solid #EBEFF2;
79
+ grid-template-columns: var(--grid-template-columns);
73
80
 
74
81
  &:last-of-type {
75
82
  border-bottom: none;
@@ -78,9 +85,9 @@
78
85
 
79
86
  &__cell {
80
87
  display: flex;
88
+ align-items: center;
81
89
  flex-flow: row nowrap;
82
90
  justify-content: flex-end;
83
- align-items: center;
84
91
 
85
92
  &:first-of-type {
86
93
  justify-content: flex-start;