master-components-react-ts 2.1.3 → 2.1.6

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 (62) hide show
  1. package/dist/assets/Icons/IconArrowUp.js +2 -2
  2. package/dist/assets/Icons/IconCalendar.js +6 -6
  3. package/dist/assets/Icons/IconCheck.js +2 -2
  4. package/dist/assets/Icons/IconCheckCircle.js +2 -2
  5. package/dist/assets/Icons/IconCheckmark.js +2 -2
  6. package/dist/assets/Icons/IconCircularLoading.js +5 -5
  7. package/dist/assets/Icons/IconClose.js +3 -3
  8. package/dist/assets/Icons/IconCloseBackground.js +2 -2
  9. package/dist/assets/Icons/IconCloseCircle.js +2 -2
  10. package/dist/assets/Icons/IconErrorDash.js +2 -2
  11. package/dist/assets/Icons/IconExclamation.js +2 -2
  12. package/dist/assets/Icons/IconLeft.js +2 -2
  13. package/dist/assets/Icons/IconLoading.js +4 -4
  14. package/dist/assets/Icons/IconMinus.js +2 -2
  15. package/dist/assets/Icons/IconRadioChecked.js +6 -6
  16. package/dist/assets/Icons/IconRadioCheckedDisabled.js +6 -6
  17. package/dist/assets/Icons/IconRadioUnchecked.js +4 -4
  18. package/dist/assets/Icons/IconRadioUncheckedDisabled.js +4 -4
  19. package/dist/assets/Icons/IconRight.js +2 -2
  20. package/dist/assets/Icons/IconSave.js +2 -2
  21. package/dist/assets/Icons/IconSearch.js +4 -4
  22. package/dist/assets/Icons/IconSuccess.js +2 -2
  23. package/dist/assets/Icons/IconTrash.js +2 -2
  24. package/dist/assets/style-CXs6Ghy1.css +2249 -0
  25. package/dist/components/ActionDropdown/ActionDropdown.js +6 -6
  26. package/dist/components/Checkbox/Checkbox.js +4 -4
  27. package/dist/components/DatePicker/Calendar.js +50 -50
  28. package/dist/components/DatePicker/DatePicker.js +6 -6
  29. package/dist/components/Dropdown/Dropdown.js +29 -29
  30. package/dist/components/FormInput/FormInput.js +13 -13
  31. package/dist/components/InlineLoading/InlineLoading.js +11 -11
  32. package/dist/components/MainButton/MainButton.js +6 -6
  33. package/dist/components/NotificationToast/NotificationContext.js +3 -3
  34. package/dist/components/NotificationToast/NotificationToast.js +12 -12
  35. package/dist/components/Popup/Popup.js +12 -12
  36. package/dist/components/Radio/Radio.js +7 -7
  37. package/dist/components/Skeleton/Skeleton.js +2 -2
  38. package/dist/components/Textarea/Textarea.js +9 -9
  39. package/dist/components/TimePicker/TimePicker.js +18 -18
  40. package/dist/components/Toggle/Toggle.js +3 -3
  41. package/dist/components/Tooltip/Tooltip.js +6 -6
  42. package/package.json +6 -3
  43. package/dist/_virtual/jsx-runtime.js +0 -4
  44. package/dist/_virtual/react-jsx-runtime.production.js +0 -4
  45. package/dist/assets/components/ActionDropdown/ActionDropdown.module-CJpBa8kB.css +0 -85
  46. package/dist/assets/components/Checkbox/Checkbox.module-_XqqEodq.css +0 -82
  47. package/dist/assets/components/DatePicker/Calendar.module-D3fcZWFD.css +0 -316
  48. package/dist/assets/components/DatePicker/Datepicker.module-BxWRyQpP.css +0 -39
  49. package/dist/assets/components/Dropdown/Dropdown.module-DgjqziBo.css +0 -242
  50. package/dist/assets/components/FormInput/FormInput.module-DvfUbgbC.css +0 -240
  51. package/dist/assets/components/InlineLoading/InlineLoading.module-iVTVTMU0.css +0 -40
  52. package/dist/assets/components/MainButton/MainButton.module-8Us8t8Lb.css +0 -306
  53. package/dist/assets/components/NotificationToast/NotificationToast.module-mSanXElM.css +0 -179
  54. package/dist/assets/components/Popup/Popup.module-C1XFPW6u.css +0 -152
  55. package/dist/assets/components/Radio/Radio.module-BvqKw6WX.css +0 -21
  56. package/dist/assets/components/Skeleton/Skeleton.module-BxbVrXDg.css +0 -57
  57. package/dist/assets/components/Textarea/Textarea.module-BxaBUjlU.css +0 -167
  58. package/dist/assets/components/TimePicker/TimePicker.module-DfRiUaeb.css +0 -150
  59. package/dist/assets/components/Toggle/Toggle.module-DBfTR8Br.css +0 -75
  60. package/dist/assets/components/Tooltip/Tooltip.module-DEYqvQtd.css +0 -113
  61. package/dist/node_modules/react/cjs/react-jsx-runtime.production.js +0 -35
  62. package/dist/node_modules/react/jsx-runtime.js +0 -10
@@ -1,316 +0,0 @@
1
- @font-face {
2
- font-family: "Inter-Regular";
3
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
4
- }
5
- @font-face {
6
- font-family: "Inter-SemiBold";
7
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
8
- }
9
- @font-face {
10
- font-family: "Inter-Medium";
11
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
12
- }
13
- .Calendar-module__datePicker {
14
- z-index: 150;
15
- position: absolute;
16
- left: 0;
17
- top: calc(100% + 8px);
18
- display: flex;
19
- border-radius: 0.75rem;
20
- border: 1px solid #e9eaeb;
21
- background: #fff;
22
- box-shadow: 0px 20px 24px -4px rgba(10, 13, 18, 0.08), 0px 8px 8px -4px rgba(10, 13, 18, 0.03), 0px 3px 3px -1.5px rgba(10, 13, 18, 0.04);
23
- width: 279px;
24
- }
25
- .Calendar-module__datePicker.Calendar-module__dualCalendar, .Calendar-module__datePicker.Calendar-module__dualCalendarWithQuick {
26
- padding: 1rem;
27
- }
28
- .Calendar-module__datePicker.Calendar-module__dualCalendar .Calendar-module__border, .Calendar-module__datePicker.Calendar-module__dualCalendarWithQuick .Calendar-module__border {
29
- width: 0.0625rem;
30
- background-color: #e9eaeb;
31
- margin: 0 8px;
32
- }
33
- .Calendar-module__datePicker.Calendar-module__dualCalendar .Calendar-module__calendarWrapper, .Calendar-module__datePicker.Calendar-module__dualCalendarWithQuick .Calendar-module__calendarWrapper {
34
- width: 100%;
35
- display: flex;
36
- flex-direction: row;
37
- justify-content: space-between;
38
- }
39
- .Calendar-module__datePicker.Calendar-module__dualCalendar .Calendar-module__quickPick, .Calendar-module__datePicker.Calendar-module__dualCalendarWithQuick .Calendar-module__quickPick {
40
- display: flex;
41
- flex-direction: column;
42
- align-items: flex-start;
43
- gap: 0.25rem;
44
- min-width: 160px;
45
- }
46
- .Calendar-module__datePicker.Calendar-module__dualCalendar .Calendar-module__quickPick li, .Calendar-module__datePicker.Calendar-module__dualCalendarWithQuick .Calendar-module__quickPick li {
47
- width: 100%;
48
- padding: 8px;
49
- color: #414651;
50
- font-family: "Inter-Regular", sans-serif;
51
- font-size: 0.875rem;
52
- font-style: normal;
53
- font-weight: 500;
54
- line-height: 1.25rem; /* 142.857% */
55
- border-radius: 0.375rem;
56
- }
57
- .Calendar-module__datePicker.Calendar-module__dualCalendar .Calendar-module__quickPick li:hover, .Calendar-module__datePicker.Calendar-module__dualCalendarWithQuick .Calendar-module__quickPick li:hover {
58
- background: #fafafa;
59
- text-decoration: unset;
60
- }
61
- .Calendar-module__datePicker.Calendar-module__dualCalendar {
62
- width: 656px;
63
- }
64
- .Calendar-module__datePicker.Calendar-module__dualCalendarWithQuick {
65
- width: 848px;
66
- }
67
- .Calendar-module__datePicker .Calendar-module__datePickerHeader {
68
- width: 100%;
69
- display: flex;
70
- flex-direction: column;
71
- gap: 8px;
72
- padding: 8px;
73
- }
74
- .Calendar-module__datePicker .Calendar-module__datePickerHeader span {
75
- color: #414651;
76
- text-align: center;
77
- font-size: 1rem;
78
- font-style: normal;
79
- font-weight: 600;
80
- line-height: 1.5rem; /* 150% */
81
- }
82
- .Calendar-module__datePicker .Calendar-module__div {
83
- width: 100%;
84
- }
85
- .Calendar-module__datePicker .Calendar-module__div span {
86
- font-family: "Inter-Regular", sans-serif;
87
- }
88
- .Calendar-module__datePicker .Calendar-module__currentDateHeader {
89
- overflow: hidden;
90
- color: #131314;
91
- text-align: center;
92
- font-feature-settings: "liga" off, "clig" off;
93
- text-overflow: ellipsis;
94
- /* UI/14 semi medium */
95
- font-family: "Inter-Regular", sans-serif;
96
- font-size: 14px;
97
- font-style: normal;
98
- font-weight: 450;
99
- line-height: 24px; /* 171.429% */
100
- letter-spacing: 0.1px;
101
- padding: 6px 16px;
102
- border-radius: 6px;
103
- border: 1px solid #e6e6e6;
104
- background: #fff;
105
- cursor: pointer;
106
- }
107
- .Calendar-module__datePicker .Calendar-module__left,
108
- .Calendar-module__datePicker .Calendar-module__right {
109
- display: flex;
110
- justify-content: center;
111
- align-items: center;
112
- cursor: pointer;
113
- }
114
- .Calendar-module__datePicker .Calendar-module__left .Calendar-module__singleIcon,
115
- .Calendar-module__datePicker .Calendar-module__left .Calendar-module__doubleIcon,
116
- .Calendar-module__datePicker .Calendar-module__right .Calendar-module__singleIcon,
117
- .Calendar-module__datePicker .Calendar-module__right .Calendar-module__doubleIcon {
118
- display: flex;
119
- justify-content: center;
120
- align-items: center;
121
- }
122
- .Calendar-module__datePicker .Calendar-module__left .Calendar-module__singleIcon:hover,
123
- .Calendar-module__datePicker .Calendar-module__left .Calendar-module__doubleIcon:hover,
124
- .Calendar-module__datePicker .Calendar-module__right .Calendar-module__singleIcon:hover,
125
- .Calendar-module__datePicker .Calendar-module__right .Calendar-module__doubleIcon:hover {
126
- opacity: 0.6;
127
- }
128
- .Calendar-module__datePicker .Calendar-module__left .Calendar-module__doubleIcon svg:first-of-type,
129
- .Calendar-module__datePicker .Calendar-module__right .Calendar-module__doubleIcon svg:first-of-type {
130
- margin-right: -15px;
131
- }
132
- .Calendar-module__datePicker .Calendar-module__left span,
133
- .Calendar-module__datePicker .Calendar-module__right span {
134
- position: relative;
135
- }
136
- .Calendar-module__datePicker .Calendar-module__left span::after,
137
- .Calendar-module__datePicker .Calendar-module__right span::after {
138
- position: absolute;
139
- top: 4px;
140
- inset-inline-start: 4px;
141
- display: inline-block;
142
- width: 7px;
143
- height: 7px;
144
- border: 0 solid currentcolor;
145
- border-block-start-width: 1.5px;
146
- border-block-end-width: 0;
147
- border-inline-start-width: 1.5px;
148
- border-inline-end-width: 0;
149
- color: #a4a7ae;
150
- content: "";
151
- }
152
- .Calendar-module__datePicker .Calendar-module__left span::before,
153
- .Calendar-module__datePicker .Calendar-module__right span::before {
154
- position: absolute;
155
- top: 0;
156
- inset-inline-start: 0;
157
- display: inline-block;
158
- width: 7px;
159
- height: 7px;
160
- border: 0 solid currentcolor;
161
- border-block-start-width: 1.5px;
162
- border-block-end-width: 0;
163
- border-inline-start-width: 1.5px;
164
- border-inline-end-width: 0;
165
- color: #a4a7ae;
166
- content: "";
167
- }
168
- .Calendar-module__datePicker .Calendar-module__calendarWrapper {
169
- padding: 0 8px;
170
- width: 100%;
171
- display: flex;
172
- flex-direction: column;
173
- justify-content: space-between;
174
- }
175
- .Calendar-module__datePicker table {
176
- border-collapse: collapse;
177
- border-spacing: 0 0; /* vertical spacing */
178
- }
179
- .Calendar-module__datePicker table thead {
180
- border-bottom: 2px solid #e6e6e6;
181
- }
182
- .Calendar-module__datePicker table thead tr th {
183
- color: #7a7b80;
184
- }
185
- .Calendar-module__datePicker table tbody {
186
- margin-top: 12px;
187
- }
188
- .Calendar-module__datePicker table .Calendar-module__spacerRow td {
189
- height: 4px;
190
- border: none;
191
- padding: 0;
192
- }
193
- .Calendar-module__datePicker table th,
194
- .Calendar-module__datePicker table td:not(.Calendar-module__spacerRow td) {
195
- text-align: center;
196
- font-family: "Inter-Regular", sans-serif;
197
- color: #131314;
198
- font-family: "Inter-Regular", sans-serif;
199
- font-size: 14px;
200
- font-style: normal;
201
- font-weight: 450;
202
- line-height: 24px; /* 171.429% */
203
- letter-spacing: 0.1px;
204
- width: 36px;
205
- height: 36px;
206
- padding: 6px;
207
- border-radius: 6px;
208
- background: #fff;
209
- }
210
- .Calendar-module__datePicker table td.Calendar-module__day {
211
- cursor: pointer;
212
- border-radius: 6px;
213
- font-size: 0.875rem;
214
- line-height: 1.25rem;
215
- box-sizing: border-box !important;
216
- }
217
- .Calendar-module__datePicker table td.Calendar-module__day:hover {
218
- background: #fafafa;
219
- }
220
- .Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__today {
221
- position: relative;
222
- }
223
- .Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__today::before {
224
- content: "";
225
- position: absolute;
226
- bottom: 4px;
227
- left: 50%;
228
- transform: translate(-50%, 0);
229
- background-color: #0158ff;
230
- width: 5px;
231
- height: 5px;
232
- border-radius: 50%;
233
- z-index: 1;
234
- }
235
- .Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__inRange {
236
- background: #f2f2f2;
237
- }
238
- .Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__selected, .Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__startDate, .Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__endDate {
239
- background-color: #0158ff;
240
- color: #fff;
241
- position: relative;
242
- }
243
- .Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__disabled {
244
- color: #a4a7ae;
245
- pointer-events: none;
246
- opacity: 0.4;
247
- }
248
- .Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__endDate::before {
249
- background-color: #fafafa;
250
- width: 20px;
251
- height: 40px;
252
- position: absolute;
253
- top: 0;
254
- inset-inline-start: 0;
255
- inset-inline-end: 0;
256
- z-index: -1;
257
- content: "";
258
- }
259
- .Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__startDate::before {
260
- background-color: #fafafa;
261
- width: 20px;
262
- height: 40px;
263
- position: absolute;
264
- top: 0;
265
- right: 0;
266
- z-index: -1;
267
- content: "";
268
- }
269
- .Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__endDate.Calendar-module__startDate::before {
270
- content: none;
271
- }
272
- .Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__otherMonth {
273
- color: #95969c;
274
- font-family: "Inter-Regular", sans-serif;
275
- font-size: 14px;
276
- font-style: normal;
277
- font-weight: 450;
278
- line-height: 24px; /* 171.429% */
279
- letter-spacing: 0.1px;
280
- }
281
- .Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__otherMonth.Calendar-module__startDate, .Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__otherMonth.Calendar-module__endDate {
282
- color: #fff;
283
- }
284
- .Calendar-module__datePicker ul.Calendar-module__monthsWrapper {
285
- width: 100%;
286
- display: flex;
287
- flex-direction: column;
288
- gap: 2px;
289
- height: 257px;
290
- overflow: auto;
291
- }
292
- .Calendar-module__datePicker ul.Calendar-module__monthsWrapper li.Calendar-module__month {
293
- width: 100%;
294
- border-radius: 4px;
295
- background: #fff;
296
- padding: 6px 10px;
297
- cursor: pointer;
298
- color: #131314;
299
- font-feature-settings: "liga" off, "clig" off;
300
- text-overflow: ellipsis;
301
- font-family: "Inter-Regular", sans-serif;
302
- font-size: 14px;
303
- font-style: normal;
304
- font-weight: 400;
305
- line-height: 24px; /* 171.429% */
306
- letter-spacing: 0.1px;
307
- }
308
- .Calendar-module__datePicker ul.Calendar-module__monthsWrapper li.Calendar-module__month.Calendar-module__pickedMonth {
309
- background: #ECF3FF;
310
- color: #0158ff;
311
- }
312
- .Calendar-module__datePicker .Calendar-module__buttonWrapper {
313
- margin-top: 8px;
314
- padding: 8px;
315
- border-top: 1px solid #e6e6e6;
316
- }
@@ -1,39 +0,0 @@
1
- @font-face {
2
- font-family: "Inter-Regular";
3
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
4
- }
5
- @font-face {
6
- font-family: "Inter-SemiBold";
7
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
8
- }
9
- @font-face {
10
- font-family: "Inter-Medium";
11
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
12
- }
13
- .Datepicker-module__datepickerContainer {
14
- width: 100%;
15
- user-select: none;
16
- scroll-behavior: smooth;
17
- }
18
- .Datepicker-module__datepickerContainer::-webkit-scrollbar {
19
- display: block !important;
20
- width: 0;
21
- }
22
- .Datepicker-module__datepickerContainer::-webkit-scrollbar-thumb {
23
- opacity: 0;
24
- }
25
- .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper {
26
- width: 100%;
27
- cursor: pointer;
28
- }
29
- .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper .Datepicker-module__datepickerLeftIcon {
30
- display: flex;
31
- align-items: center;
32
- justify-content: center;
33
- }
34
- .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper .Datepicker-module__datepickerRightIcon {
35
- display: flex;
36
- align-items: center;
37
- justify-content: center;
38
- cursor: pointer;
39
- }
@@ -1,242 +0,0 @@
1
- @font-face {
2
- font-family: "Inter-Regular";
3
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
4
- }
5
- @font-face {
6
- font-family: "Inter-SemiBold";
7
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
8
- }
9
- @font-face {
10
- font-family: "Inter-Medium";
11
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
12
- }
13
- .Dropdown-module__dropdownWrapper {
14
- user-select: none;
15
- width: 100%;
16
- }
17
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper {
18
- width: 100%;
19
- cursor: pointer;
20
- }
21
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper .Dropdown-module__dropdownInputSlot {
22
- display: flex;
23
- align-items: center;
24
- gap: 2px;
25
- border-right: 1px solid #e6e6e6;
26
- }
27
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper .Dropdown-module__dropdownInputSlot p {
28
- overflow: hidden;
29
- color: #717680;
30
- font-feature-settings: "liga" off, "clig" off;
31
- text-overflow: ellipsis;
32
- font-family: "Inter-Regular";
33
- font-size: 16px;
34
- font-style: normal;
35
- font-weight: 400;
36
- line-height: 24px; /* 171.429% */
37
- letter-spacing: 0.1px;
38
- }
39
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper .Dropdown-module__dropdownInputSlot img {
40
- width: 30px;
41
- height: 30px;
42
- object-fit: contain;
43
- }
44
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper .Dropdown-module__dropdownInputSlot .Dropdown-module__dropdownRightIconArrow {
45
- display: flex;
46
- align-items: center;
47
- justify-content: center;
48
- cursor: pointer;
49
- transition: transform 0.2s ease-in-out;
50
- width: 29px;
51
- height: 24px;
52
- }
53
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper .Dropdown-module__dropdownInputSlot .Dropdown-module__dropdownRightIconArrow.Dropdown-module__focused {
54
- transform: rotate(180deg);
55
- }
56
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper ul.Dropdown-module__dropdownInputSlot {
57
- overflow: hidden;
58
- width: 100%;
59
- display: flex;
60
- align-items: center;
61
- gap: 6px;
62
- }
63
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper ul.Dropdown-module__dropdownInputSlot li.Dropdown-module__dropdownInputSlotItem {
64
- border-radius: 999px;
65
- background: #f2f2f2;
66
- min-width: 80px;
67
- max-width: 100px;
68
- display: flex;
69
- align-items: center;
70
- gap: 6px;
71
- padding: 6px 12px;
72
- cursor: default;
73
- }
74
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper ul.Dropdown-module__dropdownInputSlot li.Dropdown-module__dropdownInputSlotItem .Dropdown-module__dropdownInputSlotItemLabel {
75
- width: 100%;
76
- overflow: hidden;
77
- text-overflow: ellipsis;
78
- white-space: nowrap;
79
- color: #131314;
80
- font-family: "Inter-Regular";
81
- font-size: 12px;
82
- font-style: normal;
83
- font-weight: 400;
84
- line-height: 16px; /* 133.333% */
85
- letter-spacing: 0.1px;
86
- }
87
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper ul.Dropdown-module__dropdownInputSlot li.Dropdown-module__dropdownInputSlotItem .Dropdown-module__dropdownInputSlotItemClose {
88
- display: flex;
89
- justify-content: center;
90
- align-items: center;
91
- cursor: pointer;
92
- }
93
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper ul.Dropdown-module__dropdownInputSlot li.Dropdown-module__dropdownInputSlotItem.Dropdown-module__dropdownInputSlotItemMore {
94
- justify-content: center;
95
- min-width: 44px;
96
- }
97
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper .Dropdown-module__dropdownRightIcon {
98
- display: flex;
99
- align-items: center;
100
- gap: 8px;
101
- margin: 8px;
102
- }
103
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper .Dropdown-module__dropdownRightIcon .Dropdown-module__dropdownRightIconClose {
104
- display: flex;
105
- align-items: center;
106
- justify-content: center;
107
- cursor: pointer;
108
- }
109
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper .Dropdown-module__dropdownRightIcon .Dropdown-module__dropdownRightIconArrow {
110
- display: flex;
111
- align-items: center;
112
- justify-content: center;
113
- cursor: pointer;
114
- transition: transform 0.2s ease-in-out;
115
- }
116
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper .Dropdown-module__dropdownRightIcon.Dropdown-module__focused .Dropdown-module__dropdownRightIconArrow {
117
- transform: rotate(180deg);
118
- }
119
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer {
120
- width: 100%;
121
- padding: 8px;
122
- border-radius: 12px;
123
- border: 1px solid #e6e6e6;
124
- background: #fff;
125
- box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
126
- display: flex;
127
- flex-direction: column;
128
- gap: 8px;
129
- }
130
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList {
131
- width: 100%;
132
- max-height: 320px;
133
- overflow-y: auto;
134
- display: flex;
135
- flex-direction: column;
136
- align-items: flex-start;
137
- gap: 2px;
138
- align-self: stretch;
139
- }
140
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem {
141
- width: 100%;
142
- border-radius: 4px;
143
- background: #fff;
144
- display: flex;
145
- padding: 6px 16px 6px 6px;
146
- align-items: center;
147
- gap: 8px;
148
- }
149
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem.Dropdown-module__selected {
150
- width: 100%;
151
- border-radius: 4px;
152
- background: #ecf3ff;
153
- }
154
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem.Dropdown-module__selected .Dropdown-module__dropdownItemLabel {
155
- width: 100%;
156
- }
157
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem.Dropdown-module__selected .Dropdown-module__dropdownItemLabel p {
158
- width: 100%;
159
- overflow: hidden;
160
- color: #0058ff !important;
161
- text-overflow: ellipsis;
162
- font-family: "Inter-Regular";
163
- font-size: 14px;
164
- font-style: normal;
165
- font-weight: 400;
166
- line-height: 24px; /* 171.429% */
167
- letter-spacing: 0.1px;
168
- }
169
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem.Dropdown-module__hovered {
170
- cursor: pointer;
171
- }
172
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem.Dropdown-module__hovered:hover {
173
- background: #f2f2f2;
174
- }
175
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem.Dropdown-module__disabled p:first-of-type {
176
- color: #95969c !important;
177
- }
178
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem .Dropdown-module__itemCheckbox {
179
- display: flex;
180
- justify-content: center;
181
- align-items: center;
182
- }
183
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem .Dropdown-module__dropdownItemLabel {
184
- width: calc(100% - 20px);
185
- display: flex;
186
- align-items: center;
187
- justify-content: space-between;
188
- }
189
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem .Dropdown-module__dropdownItemLabel .Dropdown-module__dropdownItemLabelInput {
190
- display: flex;
191
- align-items: center;
192
- gap: 8px;
193
- }
194
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem .Dropdown-module__dropdownItemLabel .Dropdown-module__dropdownItemLabelInput .Dropdown-module__countryName {
195
- overflow: hidden;
196
- color: #131314;
197
- font-feature-settings: "liga" off, "clig" off;
198
- text-overflow: ellipsis;
199
- font-family: "Inter-Regular";
200
- font-size: 14px;
201
- font-style: normal;
202
- font-weight: 400;
203
- line-height: 24px; /* 171.429% */
204
- letter-spacing: 0.1px;
205
- }
206
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem .Dropdown-module__dropdownItemLabel .Dropdown-module__dropdownItemLabelInput .Dropdown-module__countryDialCode {
207
- overflow: hidden;
208
- color: #646569;
209
- font-feature-settings: "liga" off, "clig" off;
210
- text-overflow: ellipsis;
211
- font-family: "Inter-Regular";
212
- font-size: 14px;
213
- font-style: normal;
214
- font-weight: 400;
215
- line-height: 24px; /* 171.429% */
216
- letter-spacing: 0.1px;
217
- }
218
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem .Dropdown-module__dropdownItemLabel p:first-of-type:not(.Dropdown-module__selectAll) {
219
- width: 100%;
220
- }
221
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem .Dropdown-module__dropdownItemLabel p:first-of-type {
222
- overflow: hidden;
223
- text-overflow: ellipsis;
224
- white-space: nowrap;
225
- color: #131314;
226
- font-family: "Inter-Regular";
227
- font-size: 14px;
228
- font-style: normal;
229
- font-weight: 400;
230
- line-height: 24px; /* 171.429% */
231
- letter-spacing: 0.1px;
232
- }
233
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem .Dropdown-module__dropdownItemLabel p:last-of-type {
234
- overflow: hidden;
235
- color: #131314;
236
- font-family: "Inter-Regular";
237
- font-size: 14px;
238
- font-style: normal;
239
- font-weight: 400;
240
- line-height: 24px; /* 171.429% */
241
- letter-spacing: 0.1px;
242
- }