master-components-react-ts 1.1.3 → 2.1.1

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 (2) hide show
  1. package/dist/index.js +794 -794
  2. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -15,180 +15,289 @@
15
15
  font-family: "Inter-Medium";
16
16
  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
17
17
  }
18
- .Toggle-module__toggleWrapper {
19
- position: relative;
20
- overflow: hidden;
21
- border-radius: 13.333px;
22
- background: #c1c2c7;
23
- padding: 4px;
24
- cursor: pointer;
25
- }
26
- .Toggle-module__toggleWrapper.Toggle-module__checked {
27
- background: #0058FF;
18
+ .FormInput-module__inputWrapper {
19
+ width: 100%;
20
+ display: flex;
21
+ flex-direction: column;
22
+ gap: 10px;
28
23
  }
29
- .Toggle-module__toggleWrapper.Toggle-module__error {
30
- background: #e3292f;
24
+ .FormInput-module__inputWrapper.FormInput-module__sm .FormInput-module__formInputWrapper {
25
+ height: 36px;
31
26
  }
32
- .Toggle-module__toggleWrapper.Toggle-module__disabled {
33
- background: #d4d5d6;
34
- cursor: not-allowed;
27
+ .FormInput-module__inputWrapper.FormInput-module__md .FormInput-module__formInputWrapper {
28
+ height: 40px;
35
29
  }
36
- .Toggle-module__toggleWrapper.Toggle-module__disabled.Toggle-module__checked {
37
- background: #95969c;
30
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputLabel {
31
+ width: 100%;
32
+ overflow: hidden;
33
+ color: #95969c;
34
+ text-overflow: ellipsis;
35
+ font-family: "Inter-Medium";
36
+ font-size: 12px;
37
+ font-style: normal;
38
+ font-weight: 450;
39
+ line-height: 16px; /* 133.333% */
40
+ letter-spacing: 0.1px;
38
41
  }
39
- .Toggle-module__toggleWrapper.Toggle-module__sm {
40
- width: 24px;
41
- height: 16px;
42
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInput {
43
+ width: 100%;
44
+ overflow: hidden;
45
+ color: #7a7b80;
46
+ text-overflow: ellipsis;
47
+ font-family: "Inter-Regular";
48
+ font-size: 14px;
49
+ font-style: normal;
50
+ font-weight: 400;
51
+ line-height: 24px; /* 171.429% */
52
+ letter-spacing: 0.1px;
42
53
  }
43
- .Toggle-module__toggleWrapper.Toggle-module__sm.Toggle-module__checked .Toggle-module__toggleState {
44
- left: calc(100% - 12px);
54
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputHelperText {
55
+ width: 100%;
56
+ overflow: hidden;
57
+ color: #95969c;
58
+ text-overflow: ellipsis;
59
+ font-family: "Inter-Medium";
60
+ font-size: 12px;
61
+ font-style: normal;
62
+ font-weight: 450;
63
+ line-height: 16px; /* 133.333% */
64
+ letter-spacing: 0.1px;
45
65
  }
46
- .Toggle-module__toggleWrapper.Toggle-module__sm .Toggle-module__toggleState {
47
- width: 8px;
48
- height: 8px;
66
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper {
67
+ border-radius: 6px;
68
+ border: 1px solid #e6e6e6;
69
+ background: #fafafa;
49
70
  }
50
- .Toggle-module__toggleWrapper.Toggle-module__md {
51
- width: 32px;
52
- height: 20px;
71
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper .FormInput-module__formInput {
72
+ width: 100%;
73
+ overflow: hidden;
74
+ color: #7a7b80;
75
+ text-overflow: ellipsis;
76
+ font-family: "Inter-Regular";
77
+ font-size: 14px;
78
+ font-style: normal;
79
+ font-weight: 400;
80
+ line-height: 24px; /* 171.429% */
81
+ letter-spacing: 0.1px;
82
+ cursor: not-allowed;
53
83
  }
54
- .Toggle-module__toggleWrapper.Toggle-module__md.Toggle-module__checked .Toggle-module__toggleState {
55
- left: calc(100% - 16px);
84
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper .FormInput-module__formInput::placeholder {
85
+ width: 100%;
86
+ overflow: hidden;
87
+ color: #7a7b80;
88
+ text-overflow: ellipsis;
89
+ font-family: "Inter-Regular";
90
+ font-size: 14px;
91
+ font-style: normal;
92
+ font-weight: 400;
93
+ line-height: 24px; /* 171.429% */
94
+ letter-spacing: 0.1px;
56
95
  }
57
- .Toggle-module__toggleWrapper.Toggle-module__md .Toggle-module__toggleState {
58
- width: 12px;
59
- height: 12px;
96
+ .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper {
97
+ width: 100%;
98
+ display: flex;
99
+ align-items: center;
100
+ justify-content: space-between;
60
101
  }
61
- .Toggle-module__toggleWrapper.Toggle-module__lg {
62
- width: 40px;
63
- height: 24px;
102
+ .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputLabel {
103
+ width: 100%;
104
+ width: 100%;
105
+ overflow: hidden;
106
+ color: #131314;
107
+ font-family: "Inter-Medium";
108
+ font-size: 12px;
109
+ font-style: normal;
110
+ font-weight: 450;
111
+ line-height: 16px; /* 171.429% */
112
+ letter-spacing: 0.1px;
64
113
  }
65
- .Toggle-module__toggleWrapper.Toggle-module__lg .Toggle-module__toggleState {
66
- width: 16px;
67
- height: 16px;
114
+ .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputLabel .FormInput-module__formInputRequired {
115
+ overflow: hidden;
116
+ color: #e3292f;
117
+ text-overflow: ellipsis;
118
+ font-family: "Inter-Medium";
119
+ font-size: 12px;
120
+ font-style: normal;
121
+ font-weight: 450;
122
+ line-height: 16px; /* 133.333% */
123
+ letter-spacing: 0.1px;
68
124
  }
69
- .Toggle-module__toggleWrapper.Toggle-module__lg.Toggle-module__checked .Toggle-module__toggleState {
70
- left: calc(100% - 20px);
125
+ .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputHelperSlot {
126
+ display: flex;
127
+ align-items: center;
128
+ justify-content: center;
71
129
  }
72
- .Toggle-module__toggleWrapper .Toggle-module__toggleState {
73
- border-radius: 8px;
130
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper {
131
+ width: 100%;
132
+ display: flex;
133
+ align-items: center;
134
+ gap: 8px;
135
+ padding: 8px;
136
+ border-radius: 6px;
137
+ border: 1px solid #e6e6e6;
74
138
  background: #fff;
75
- position: absolute;
76
- top: 50%;
77
- left: 4px;
78
- transform: translateY(-50%);
79
- transition: 0.2s all;
80
- }@font-face {
81
- font-family: "Inter-Regular";
82
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
83
139
  }
84
- @font-face {
85
- font-family: "Inter-SemiBold";
86
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
87
- }
88
- @font-face {
89
- font-family: "Inter-Medium";
90
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
140
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorState {
141
+ border-radius: 6px;
142
+ background: #fff;
143
+ outline: 1px solid #f63e45;
144
+ outline-offset: -1px;
145
+ box-shadow: none;
91
146
  }
92
- .Tooltip-module__tooltipContainer {
93
- position: relative;
147
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__focused {
148
+ border-radius: 6px;
149
+ background: #fff;
150
+ outline: 2px solid #0058ff;
151
+ outline-offset: -2px;
152
+ box-shadow: none;
94
153
  }
95
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent {
96
- border-radius: 0.5rem;
97
- background: #181d27;
98
- padding: 0.75rem;
99
- max-width: 200px;
100
- min-width: 118px;
101
- position: absolute;
102
- z-index: 99999;
103
- word-break: break-word;
104
- /* Absolute positioning */
105
- /* CSS border triangles */
106
- /* Absolute positioning */
107
- /* CSS border triangles */
108
- /* Absolute positioning */
109
- /* CSS border triangles */
110
- /* Absolute positioning */
111
- /* CSS border triangles */
154
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__active {
155
+ border-radius: 6px;
156
+ background: #fff;
157
+ outline: 1.5px solid #0058ff;
158
+ outline-offset: -1.5px;
159
+ box-shadow: 0 0 0 2px #dee9fc;
112
160
  }
113
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__withoutPointer::before {
114
- all: initial;
161
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorFocused {
162
+ border-radius: 6px;
163
+ background: #fff;
164
+ outline: 2px solid #f63e45;
165
+ outline-offset: -2px;
166
+ box-shadow: none;
115
167
  }
116
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent::before {
117
- content: " ";
118
- left: 50%;
119
- border: solid transparent;
120
- height: 0;
121
- width: 0;
122
- position: absolute;
123
- pointer-events: none;
124
- border-width: 6px;
125
- margin-left: -6px;
168
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorActive {
169
+ border-radius: 6px;
170
+ background: #fff;
171
+ outline: 1.5px solid #f63e45;
172
+ outline-offset: -1.5px;
173
+ box-shadow: 0 0 0 2px #fcdcdd;
126
174
  }
127
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__top::before {
128
- top: 100%;
129
- border-top-color: #181d27;
130
- left: var(--pointer-position);
175
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper input.FormInput-module__formInput {
176
+ width: 100%;
177
+ border: none;
178
+ outline: none;
179
+ background-color: transparent;
180
+ caret-color: #0058ff;
181
+ width: 100%;
182
+ overflow: hidden;
183
+ color: #131314;
184
+ text-overflow: ellipsis;
185
+ font-family: "Inter-Regular";
186
+ font-size: 14px;
187
+ font-style: normal;
188
+ font-weight: 400;
189
+ line-height: 24px; /* 171.429% */
190
+ letter-spacing: 0.1px;
131
191
  }
132
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__right::before {
133
- left: -6px;
134
- top: 50%;
135
- transform: translateX(0) translateY(-50%);
136
- border-right-color: #181d27;
192
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper input.FormInput-module__formInput::placeholder {
193
+ width: 100%;
194
+ overflow: hidden;
195
+ color: #646569;
196
+ text-overflow: ellipsis;
197
+ font-family: "Inter-Regular";
198
+ font-size: 14px;
199
+ font-style: normal;
200
+ font-weight: 400;
201
+ line-height: 24px; /* 171.429% */
202
+ letter-spacing: 0.1px;
137
203
  }
138
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__bottom::before {
139
- bottom: 100%;
140
- left: var(--pointer-position);
141
- border-bottom-color: #181d27;
204
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper .FormInput-module__formInputSlot {
205
+ display: grid;
206
+ place-items: center;
142
207
  }
143
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__left::before {
144
- left: auto;
145
- right: -12px;
146
- top: 50%;
147
- transform: translateX(0) translateY(-50%);
148
- border-left-color: #181d27;
208
+ .FormInput-module__inputWrapper .FormInput-module__formInputHelperText {
209
+ width: 100%;
210
+ overflow: hidden;
211
+ color: #131314;
212
+ text-overflow: ellipsis;
213
+ font-family: "Inter-Medium";
214
+ font-size: 12px;
215
+ font-style: normal;
216
+ font-weight: 450;
217
+ line-height: 16px; /* 133.333% */
218
+ letter-spacing: 0.1px;
149
219
  }
150
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipTitle {
220
+ .FormInput-module__inputWrapper .FormInput-module__formInputHelperText.FormInput-module__errorHelperText {
151
221
  width: 100%;
152
- word-break: break-word;
153
- color: #fff;
154
- font-family: "Inter", sans-serif;
155
- font-size: 0.75rem;
222
+ overflow: hidden;
223
+ color: #e3292f;
224
+ text-overflow: ellipsis;
225
+ font-family: "Inter-Medium";
226
+ font-size: 12px;
156
227
  font-style: normal;
157
- font-weight: 600;
158
- line-height: 1.125rem; /* 150% */
228
+ font-weight: 450;
229
+ line-height: 16px; /* 133.333% */
230
+ letter-spacing: 0.1px;
231
+ color: #e3292f;
159
232
  }
160
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipText {
233
+ .FormInput-module__inputWrapper .FormInput-module__formInputHelperText.FormInput-module__successHelperText {
161
234
  width: 100%;
162
- word-break: break-word;
163
- color: rgba(255, 255, 255, 0.9);
164
- font-family: "Inter", sans-serif;
165
- font-size: 0.75rem;
235
+ overflow: hidden;
236
+ color: #328707;
237
+ text-overflow: ellipsis;
238
+ font-family: "Inter-Medium";
239
+ font-size: 12px;
166
240
  font-style: normal;
167
- font-weight: 500;
168
- line-height: 1.125rem; /* 150% */
241
+ font-weight: 450;
242
+ line-height: 16px; /* 133.333% */
243
+ letter-spacing: 0.1px;
244
+ color: #328707;
245
+ }@font-face {
246
+ font-family: "Inter-Regular";
247
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
169
248
  }
170
-
171
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent {
172
- background: #ffffff;
249
+ @font-face {
250
+ font-family: "Inter-SemiBold";
251
+ src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
173
252
  }
174
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__top::before {
175
- border-top-color: #ffffff;
176
- left: var(--pointer-position);
253
+ @font-face {
254
+ font-family: "Inter-Medium";
255
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
177
256
  }
178
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__right::before {
179
- border-right-color: #ffffff;
257
+ .Skeleton-module__skeleton {
258
+ background-color: #e0e0e0;
259
+ border-radius: 4px;
260
+ position: relative;
261
+ overflow: hidden;
262
+ display: grid;
263
+ place-items: center;
180
264
  }
181
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__bottom::before {
182
- border-bottom-color: #ffffff;
265
+ .Skeleton-module__skeleton::after {
266
+ content: "";
267
+ position: absolute;
268
+ top: 0;
269
+ left: 0;
270
+ right: 0;
271
+ bottom: 0;
272
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
273
+ animation: Skeleton-module__shimmer 1.5s infinite;
183
274
  }
184
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__left::before {
185
- border-left-color: #ffffff;
275
+
276
+ .Skeleton-module__text {
277
+ height: 1rem;
278
+ width: 100%;
279
+ margin: 8px 0;
186
280
  }
187
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipTitle {
188
- color: #0c0e12;
281
+
282
+ .Skeleton-module__avatar {
283
+ height: 40px;
284
+ width: 40px;
285
+ border-radius: 50%;
189
286
  }
190
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipText {
191
- color: rgba(12, 14, 18, 0.9);
287
+
288
+ @keyframes Skeleton-module__shimmer {
289
+ 0% {
290
+ transform: translateX(-100%);
291
+ }
292
+ 100% {
293
+ transform: translateX(100%);
294
+ }
295
+ }
296
+ .Skeleton-module__dark.Skeleton-module__skeleton {
297
+ background-color: #5a5a5a;
298
+ }
299
+ .Skeleton-module__dark.Skeleton-module__skeleton::after {
300
+ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);
192
301
  }@font-face {
193
302
  font-family: "Inter-Regular";
194
303
  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
@@ -201,228 +310,249 @@
201
310
  font-family: "Inter-Medium";
202
311
  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
203
312
  }
204
- .NotificationToast-module__toastContainer {
205
- display: flex;
206
- flex-direction: column;
207
- gap: 10px;
313
+ .Popup-module__modalOverlay {
314
+ width: 100vw;
315
+ height: 100vh;
316
+ display: grid;
317
+ place-items: center;
208
318
  position: fixed;
209
- z-index: 9999999;
210
- width: 328px;
319
+ top: 0;
320
+ left: 0;
321
+ z-index: 250;
322
+ background: rgba(10, 13, 18, 0.7);
211
323
  }
212
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast {
213
- padding: 8px;
214
- border-radius: 8px;
215
- width: 100%;
324
+ .Popup-module__modalOverlay ::-webkit-scrollbar {
325
+ width: 0;
216
326
  }
217
- @keyframes NotificationToast-module__fadeIn {
327
+ .Popup-module__modalOverlay ::-webkit-scrollbar-track {
328
+ -webkit-box-shadow: none;
329
+ }
330
+ .Popup-module__modalOverlay ::-webkit-scrollbar-thumb {
331
+ background-color: none;
332
+ outline: 0;
333
+ }
334
+ .Popup-module__modalOverlay.Popup-module__popupDrawerMode {
335
+ overflow: hidden;
336
+ place-items: end;
337
+ }
338
+ .Popup-module__modalOverlay.Popup-module__popupDrawerMode .Popup-module__popupContainer {
339
+ min-height: unset;
340
+ max-height: unset;
341
+ min-width: 17.5rem;
342
+ height: 100vh;
343
+ animation: Popup-module__EnterFromLeft 0.3s forwards;
344
+ }
345
+ @keyframes Popup-module__EnterFromLeft {
218
346
  from {
219
- opacity: 0;
220
- transform: translateY(-10px);
347
+ left: 100%;
221
348
  }
222
349
  to {
223
- opacity: 1;
224
- transform: translateY(0);
350
+ left: 0;
225
351
  }
226
352
  }
227
- @keyframes NotificationToast-module__fadeOut {
353
+ .Popup-module__modalOverlay .Popup-module__popupContainer {
354
+ padding: 1.5rem;
355
+ min-height: 13.75rem;
356
+ max-height: calc(100vh - 5.625rem);
357
+ position: relative;
358
+ transition: 0.2s;
359
+ z-index: 280;
360
+ border-radius: 0.75rem;
361
+ background: #fff;
362
+ /* Shadows/shadow-xl */
363
+ box-shadow: 0rem 1.25rem 1.5rem -0.25rem rgba(10, 13, 18, 0.08), 0rem 0.5rem 0.5rem -0.25rem rgba(10, 13, 18, 0.03), 0rem 0.1875rem 0.1875rem -0.0938rem rgba(10, 13, 18, 0.04);
364
+ animation: Popup-module__fadeIn 0.3s forwards;
365
+ }
366
+ @keyframes Popup-module__fadeIn {
228
367
  from {
229
- opacity: 1;
230
- transform: translateY(0);
368
+ opacity: 0;
231
369
  }
232
370
  to {
233
- opacity: 0;
234
- transform: translateY(-10px);
371
+ opacity: 1;
235
372
  }
236
373
  }
237
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__fadeIn {
238
- animation: NotificationToast-module__fadeIn 0.3s ease-out;
374
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__closeButton {
375
+ display: grid;
376
+ place-items: center;
377
+ cursor: pointer;
378
+ position: absolute;
379
+ top: 1.25rem;
380
+ right: 1.5rem;
381
+ z-index: 14;
239
382
  }
240
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__fadeOut {
241
- animation: NotificationToast-module__fadeOut 0.3s ease-in forwards;
383
+ .Popup-module__modalOverlay .Popup-module__popupContainer.Popup-module__withOptions {
384
+ width: 25rem;
242
385
  }
243
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral {
244
- background: #131314;
386
+ .Popup-module__modalOverlay .Popup-module__popupContainer.Popup-module__withOptions.Popup-module__horizontal {
387
+ width: 34rem;
245
388
  }
246
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled {
247
- border: 1px solid #222224;
248
- background: #f2f2f2;
389
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader {
390
+ width: 100%;
391
+ position: sticky;
392
+ top: 0;
393
+ background: #ffffff;
394
+ z-index: 1;
249
395
  }
250
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
251
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
252
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
253
- color: #131314 !important;
396
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle {
397
+ margin-top: 1rem;
254
398
  }
255
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info {
256
- background: #0058ff;
399
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle h2 {
400
+ color: #181d27;
401
+ font-size: 1.125rem;
402
+ font-style: normal;
403
+ font-weight: 600;
404
+ line-height: 1.75rem; /* 155.556% */
405
+ font-family: "Inter-Regular", sans-serif;
406
+ line-height: 1.75rem; /* 155.556% */
257
407
  }
258
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled {
259
- border: 1px solid #0058ff;
260
- background: #ecf3ff;
408
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription {
409
+ margin-top: 0.25rem;
261
410
  }
262
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
263
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
264
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
265
- color: #0058ff !important;
411
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription p {
412
+ color: #535862;
413
+ font-size: 0.875rem;
414
+ font-style: normal;
415
+ font-weight: 400;
416
+ line-height: 1.25rem; /* 142.857% */
417
+ font-family: "Inter-Regular", sans-serif;
266
418
  }
267
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error {
268
- background: #e3292f;
419
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__typeIcon {
420
+ display: flex;
421
+ align-items: center;
422
+ justify-content: space-between;
269
423
  }
270
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled {
271
- border: 1px solid #f63e45;
272
- background: #fff2f2;
424
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__typeIcon .Popup-module__icon {
425
+ display: grid;
426
+ place-items: center;
427
+ width: 3rem;
428
+ height: 3rem;
429
+ border-radius: 624.9375rem;
273
430
  }
274
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
275
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
276
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
277
- color: #e3292f !important;
431
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__templateWrapper {
432
+ width: 100%;
433
+ position: relative;
278
434
  }
279
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success {
280
- background: #328707;
435
+
436
+ .Popup-module__dark.Popup-module__modalOverlay {
437
+ background: rgba(34, 38, 47, 0.4588235294);
438
+ }
439
+ .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer {
440
+ background: #0c0e12;
441
+ /* Shadows/shadow-xl */
442
+ box-shadow: 0rem 1.25rem 1.5rem -0.25rem rgba(10, 13, 18, 0.08), 0rem 0.5rem 0.5rem -0.25rem rgba(10, 13, 18, 0.03), 0rem 0.1875rem 0.1875rem -0.0938rem rgba(10, 13, 18, 0.04);
443
+ }
444
+ .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader {
445
+ background: #0c0e12;
446
+ }
447
+ .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle h2 {
448
+ color: #f7f7f7;
449
+ }
450
+ .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription p {
451
+ color: #94979c;
452
+ }@font-face {
453
+ font-family: "Inter-Regular";
454
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
281
455
  }
282
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled {
283
- border: 1px solid #399c08;
284
- background: #effce8;
456
+ @font-face {
457
+ font-family: "Inter-SemiBold";
458
+ src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
285
459
  }
286
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
287
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
288
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
289
- color: #328707 !important;
460
+ @font-face {
461
+ font-family: "Inter-Medium";
462
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
290
463
  }
291
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent {
292
- width: 100%;
293
- display: flex;
294
- align-items: center;
295
- justify-content: space-between;
464
+ .Radio-module__radioWrapper {
465
+ width: 24px;
466
+ height: 24px;
467
+ border-radius: 50%;
468
+ overflow: hidden;
469
+ position: relative;
470
+ cursor: pointer;
471
+ transition: 0.2s;
472
+ }@font-face {
473
+ font-family: "Inter-Regular";
474
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
296
475
  }
297
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft {
298
- width: 100%;
299
- display: flex;
300
- align-items: center;
301
- gap: 8px;
476
+ @font-face {
477
+ font-family: "Inter-SemiBold";
478
+ src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
302
479
  }
303
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentInfoIcon {
304
- display: flex;
305
- align-items: center;
306
- justify-content: center;
480
+ @font-face {
481
+ font-family: "Inter-Medium";
482
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
307
483
  }
308
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText {
484
+ .ActionDropdown-module__actionDropdownContainer {
309
485
  width: 100%;
310
- display: flex;
311
- flex-direction: column;
312
- gap: 10px;
313
486
  }
314
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText .NotificationToast-module__notificationToastContentLeftTextTitle {
315
- width: 100%;
316
- overflow: hidden;
317
- color: #fff;
318
- text-overflow: ellipsis;
319
- font-family: "Inter-Medium", sans-serif;
320
- font-size: 14px;
321
- font-style: normal;
322
- font-weight: 450;
323
- letter-spacing: 0.1px;
487
+ .ActionDropdown-module__actionDropdownContainer.ActionDropdown-module__collapsed .ActionDropdown-module__actionDropdownIcon {
488
+ transform: rotate(180deg);
324
489
  }
325
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText .NotificationToast-module__notificationToastContentLeftTextDescription {
490
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent {
326
491
  width: 100%;
327
- color: #fff;
328
- font-family: "Inter-Regular", sans-serif;
329
- font-size: 14px;
330
- font-style: normal;
331
- font-weight: 400;
332
- letter-spacing: 0px;
333
- }
334
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight {
492
+ border-radius: 6px;
493
+ background: #f2f2f2;
335
494
  display: flex;
336
495
  align-items: center;
337
- gap: 10px;
338
- }
339
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight * {
340
- user-select: none;
341
- -webkit-user-select: none;
342
- -moz-user-select: none;
343
- -ms-user-select: none;
496
+ justify-content: space-between;
497
+ cursor: pointer;
344
498
  user-select: none;
345
499
  -webkit-user-select: none;
346
500
  -moz-user-select: none;
347
501
  -ms-user-select: none;
348
502
  }
349
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight .NotificationToast-module__notificationToastContentRightUndoText {
503
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent .ActionDropdown-module__actionDropdownTitle {
504
+ width: 90%;
505
+ white-space: nowrap;
350
506
  overflow: hidden;
351
- color: #fff;
352
- text-align: center;
507
+ color: #131314;
353
508
  font-feature-settings: "liga" off, "clig" off;
354
509
  text-overflow: ellipsis;
355
- font-family: "Inter-Medium", sans-serif;
510
+ font-family: "Inter-Regular", sans-serif;
356
511
  font-size: 14px;
357
- font-style: normal;
358
- font-weight: 450;
512
+ font-weight: 400;
359
513
  line-height: 24px;
360
514
  letter-spacing: 0.1px;
361
- cursor: pointer;
515
+ border-right: 1px solid #ffffff;
516
+ padding: 8px 16px;
362
517
  }
363
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight .NotificationToast-module__notificationToastContentRightClose {
518
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent .ActionDropdown-module__actionDropdownIcon {
364
519
  display: flex;
365
520
  align-items: center;
366
521
  justify-content: center;
367
- cursor: pointer;
368
- padding-left: 10px;
369
- border-left: 2px solid rgba(255, 255, 255, 0.25);
370
- }@font-face {
371
- font-family: "Inter-Regular";
372
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
373
- }
374
- @font-face {
375
- font-family: "Inter-SemiBold";
376
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
522
+ padding: 8px;
523
+ width: 40px;
524
+ height: 40px;
525
+ transition: transform 0.2s ease-in-out;
377
526
  }
378
- @font-face {
379
- font-family: "Inter-Medium";
380
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
527
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList {
528
+ width: 100%;
529
+ border-radius: 12px;
530
+ border: 1px solid #e6e6e6;
531
+ background: #fff;
532
+ box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
533
+ height: 250px;
534
+ overflow: auto;
535
+ padding: 8px;
381
536
  }
382
- .Skeleton-module__skeleton {
383
- background-color: #e0e0e0;
537
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem {
538
+ width: 100%;
384
539
  border-radius: 4px;
385
- position: relative;
540
+ background: #fff;
541
+ padding: 6px 10px;
386
542
  overflow: hidden;
387
- display: grid;
388
- place-items: center;
389
- }
390
- .Skeleton-module__skeleton::after {
391
- content: "";
392
- position: absolute;
393
- top: 0;
394
- left: 0;
395
- right: 0;
396
- bottom: 0;
397
- background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
398
- animation: Skeleton-module__shimmer 1.5s infinite;
399
- }
400
-
401
- .Skeleton-module__text {
402
- height: 1rem;
403
- width: 100%;
404
- margin: 8px 0;
405
- }
406
-
407
- .Skeleton-module__avatar {
408
- height: 40px;
409
- width: 40px;
410
- border-radius: 50%;
411
- }
412
-
413
- @keyframes Skeleton-module__shimmer {
414
- 0% {
415
- transform: translateX(-100%);
416
- }
417
- 100% {
418
- transform: translateX(100%);
419
- }
420
- }
421
- .Skeleton-module__dark.Skeleton-module__skeleton {
422
- background-color: #5a5a5a;
543
+ color: #131314;
544
+ font-feature-settings: "liga" off, "clig" off;
545
+ text-overflow: ellipsis;
546
+ font-family: "Inter-Regular", sans-serif;
547
+ font-size: 14px;
548
+ font-weight: 400;
549
+ line-height: 24px;
550
+ letter-spacing: 0.1px;
551
+ cursor: pointer;
423
552
  }
424
- .Skeleton-module__dark.Skeleton-module__skeleton::after {
425
- background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);
553
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem:hover, .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem.ActionDropdown-module__selected {
554
+ border-radius: 4px;
555
+ background: #f2f2f2;
426
556
  }@font-face {
427
557
  font-family: "Inter-Regular";
428
558
  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
@@ -470,7 +600,7 @@ button.MainButton-module__mainButton .MainButton-module__mainButtonContent {
470
600
  button.MainButton-module__mainButton .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
471
601
  overflow: hidden;
472
602
  text-overflow: ellipsis;
473
- font-family: "Inter", sans-serif;
603
+ font-family: "Inter-Regular", sans-serif;
474
604
  font-size: 14px;
475
605
  font-style: normal;
476
606
  font-weight: 450;
@@ -717,17 +847,91 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-mo
717
847
  border: 1px solid #e6e6e6;
718
848
  cursor: not-allowed;
719
849
  }
720
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
721
- color: #7a7b80;
850
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
851
+ color: #7a7b80;
852
+ }
853
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__focused {
854
+ border: 1px solid transparent;
855
+ outline: 2px solid #dee9fc;
856
+ outline-offset: 0px;
857
+ background: #fff;
858
+ }
859
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
860
+ color: #0058ff;
861
+ }@font-face {
862
+ font-family: "Inter-Regular";
863
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
864
+ }
865
+ @font-face {
866
+ font-family: "Inter-SemiBold";
867
+ src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
868
+ }
869
+ @font-face {
870
+ font-family: "Inter-Medium";
871
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
872
+ }
873
+ .Toggle-module__toggleWrapper {
874
+ position: relative;
875
+ overflow: hidden;
876
+ border-radius: 13.333px;
877
+ background: #c1c2c7;
878
+ padding: 4px;
879
+ cursor: pointer;
880
+ }
881
+ .Toggle-module__toggleWrapper.Toggle-module__checked {
882
+ background: #0058FF;
883
+ }
884
+ .Toggle-module__toggleWrapper.Toggle-module__error {
885
+ background: #e3292f;
886
+ }
887
+ .Toggle-module__toggleWrapper.Toggle-module__disabled {
888
+ background: #d4d5d6;
889
+ cursor: not-allowed;
890
+ }
891
+ .Toggle-module__toggleWrapper.Toggle-module__disabled.Toggle-module__checked {
892
+ background: #95969c;
893
+ }
894
+ .Toggle-module__toggleWrapper.Toggle-module__sm {
895
+ width: 24px;
896
+ height: 16px;
897
+ }
898
+ .Toggle-module__toggleWrapper.Toggle-module__sm.Toggle-module__checked .Toggle-module__toggleState {
899
+ left: calc(100% - 12px);
900
+ }
901
+ .Toggle-module__toggleWrapper.Toggle-module__sm .Toggle-module__toggleState {
902
+ width: 8px;
903
+ height: 8px;
904
+ }
905
+ .Toggle-module__toggleWrapper.Toggle-module__md {
906
+ width: 32px;
907
+ height: 20px;
908
+ }
909
+ .Toggle-module__toggleWrapper.Toggle-module__md.Toggle-module__checked .Toggle-module__toggleState {
910
+ left: calc(100% - 16px);
911
+ }
912
+ .Toggle-module__toggleWrapper.Toggle-module__md .Toggle-module__toggleState {
913
+ width: 12px;
914
+ height: 12px;
915
+ }
916
+ .Toggle-module__toggleWrapper.Toggle-module__lg {
917
+ width: 40px;
918
+ height: 24px;
919
+ }
920
+ .Toggle-module__toggleWrapper.Toggle-module__lg .Toggle-module__toggleState {
921
+ width: 16px;
922
+ height: 16px;
923
+ }
924
+ .Toggle-module__toggleWrapper.Toggle-module__lg.Toggle-module__checked .Toggle-module__toggleState {
925
+ left: calc(100% - 20px);
722
926
  }
723
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__focused {
724
- border: 1px solid transparent;
725
- outline: 2px solid #dee9fc;
726
- outline-offset: 0px;
927
+ .Toggle-module__toggleWrapper .Toggle-module__toggleState {
928
+ border-radius: 8px;
727
929
  background: #fff;
728
- }
729
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
730
- color: #0058ff;
930
+ position: absolute;
931
+ top: 50%;
932
+ left: 4px;
933
+ transform: translateY(-50%);
934
+ transition: 0.2s all;
731
935
  }@font-face {
732
936
  font-family: "Inter-Regular";
733
937
  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
@@ -740,52 +944,75 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
740
944
  font-family: "Inter-Medium";
741
945
  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
742
946
  }
743
- .Datepicker-module__datepickerContainer {
744
- width: 100%;
947
+ .Checkbox-module__checkboxWrapper {
948
+ overflow: hidden;
949
+ border: 2px solid #c1c2c7;
950
+ background: #ffffff;
951
+ position: relative;
952
+ padding: 5px 4px;
953
+ border-radius: 3px;
954
+ cursor: pointer;
955
+ transition: 0.2;
956
+ display: grid;
957
+ place-items: center;
958
+ width: 18px;
959
+ height: 18px;
745
960
  user-select: none;
746
- scroll-behavior: smooth;
961
+ -webkit-user-select: none;
962
+ -moz-user-select: none;
963
+ -ms-user-select: none;
747
964
  }
748
- .Datepicker-module__datepickerContainer::-webkit-scrollbar {
749
- display: block !important;
750
- width: 0;
965
+ .Checkbox-module__checkboxWrapper .Checkbox-module__checkMark {
966
+ display: grid;
967
+ place-items: center;
751
968
  }
752
- .Datepicker-module__datepickerContainer::-webkit-scrollbar-thumb {
753
- opacity: 0;
969
+ .Checkbox-module__checkboxWrapper .Checkbox-module__checkMark svg {
970
+ width: 0.625rem;
971
+ user-select: none;
972
+ pointer-events: none;
754
973
  }
755
- .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper {
756
- width: 100%;
757
- cursor: pointer;
974
+ .Checkbox-module__checkboxWrapper.Checkbox-module__error {
975
+ border-color: #e3292f;
758
976
  }
759
- .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper .Datepicker-module__datepickerLeftIcon {
760
- display: flex;
761
- align-items: center;
762
- justify-content: center;
977
+ .Checkbox-module__checkboxWrapper.Checkbox-module__error.Checkbox-module__checked {
978
+ background: #e3292f;
979
+ border: none;
763
980
  }
764
- .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper .Datepicker-module__datepickerRightIcon {
765
- display: flex;
766
- align-items: center;
767
- justify-content: center;
768
- cursor: pointer;
769
- }@font-face {
770
- font-family: "Inter-Regular";
771
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
981
+ .Checkbox-module__checkboxWrapper.Checkbox-module__checked {
982
+ background: #0058ff;
983
+ border: none;
772
984
  }
773
- @font-face {
774
- font-family: "Inter-SemiBold";
775
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
985
+ .Checkbox-module__checkboxWrapper.Checkbox-module__checked.Checkbox-module__disabled {
986
+ background: #95969c;
776
987
  }
777
- @font-face {
778
- font-family: "Inter-Medium";
779
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
988
+ .Checkbox-module__checkboxWrapper.Checkbox-module__disabled {
989
+ cursor: not-allowed;
990
+ border-color: #c1c2c7 !important;
780
991
  }
781
- .Radio-module__radioWrapper {
782
- width: 24px;
783
- height: 24px;
784
- border-radius: 50%;
785
- overflow: hidden;
786
- position: relative;
787
- cursor: pointer;
788
- transition: 0.2s;
992
+
993
+ .Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked {
994
+ background: #32b45f;
995
+ border: 0.0625rem solid #32b45f;
996
+ }
997
+ .Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked:hover {
998
+ background: #24994d;
999
+ border: 0.0625rem solid #24994d;
1000
+ }
1001
+
1002
+ .Checkbox-module__dark {
1003
+ background: #373a41;
1004
+ border: unset;
1005
+ }
1006
+ .Checkbox-module__dark.Checkbox-module__checked {
1007
+ background: #0158ff;
1008
+ border: 0.0625rem solid #0158ff;
1009
+ }
1010
+ .Checkbox-module__dark.Checkbox-module__checked.Checkbox-module__disabled svg path {
1011
+ stroke: #d5d7da;
1012
+ }
1013
+ .Checkbox-module__dark.Checkbox-module__disabled {
1014
+ background: #8d8d8d !important;
1015
+ border: 0.0625rem solid #373a41 !important;
789
1016
  }@font-face {
790
1017
  font-family: "Inter-Regular";
791
1018
  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
@@ -798,317 +1025,172 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
798
1025
  font-family: "Inter-Medium";
799
1026
  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
800
1027
  }
801
- .FormInput-module__inputWrapper {
802
- width: 100%;
1028
+ .NotificationToast-module__toastContainer {
803
1029
  display: flex;
804
1030
  flex-direction: column;
805
1031
  gap: 10px;
1032
+ position: fixed;
1033
+ z-index: 9999999;
1034
+ width: 328px;
806
1035
  }
807
- .FormInput-module__inputWrapper.FormInput-module__sm .FormInput-module__formInputWrapper {
808
- height: 36px;
1036
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast {
1037
+ padding: 8px;
1038
+ border-radius: 8px;
1039
+ width: 100%;
809
1040
  }
810
- .FormInput-module__inputWrapper.FormInput-module__md .FormInput-module__formInputWrapper {
811
- height: 40px;
1041
+ @keyframes NotificationToast-module__fadeIn {
1042
+ from {
1043
+ opacity: 0;
1044
+ transform: translateY(-10px);
1045
+ }
1046
+ to {
1047
+ opacity: 1;
1048
+ transform: translateY(0);
1049
+ }
812
1050
  }
813
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputLabel {
814
- width: 100%;
815
- overflow: hidden;
816
- color: #95969c;
817
- text-overflow: ellipsis;
818
- font-family: "Inter-Medium";
819
- font-size: 12px;
820
- font-style: normal;
821
- font-weight: 450;
822
- line-height: 16px; /* 133.333% */
823
- letter-spacing: 0.1px;
1051
+ @keyframes NotificationToast-module__fadeOut {
1052
+ from {
1053
+ opacity: 1;
1054
+ transform: translateY(0);
1055
+ }
1056
+ to {
1057
+ opacity: 0;
1058
+ transform: translateY(-10px);
1059
+ }
824
1060
  }
825
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInput {
826
- width: 100%;
827
- overflow: hidden;
828
- color: #7a7b80;
829
- text-overflow: ellipsis;
830
- font-family: "Inter-Regular";
831
- font-size: 14px;
832
- font-style: normal;
833
- font-weight: 400;
834
- line-height: 24px; /* 171.429% */
835
- letter-spacing: 0.1px;
1061
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__fadeIn {
1062
+ animation: NotificationToast-module__fadeIn 0.3s ease-out;
836
1063
  }
837
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputHelperText {
838
- width: 100%;
839
- overflow: hidden;
840
- color: #95969c;
841
- text-overflow: ellipsis;
842
- font-family: "Inter-Medium";
843
- font-size: 12px;
844
- font-style: normal;
845
- font-weight: 450;
846
- line-height: 16px; /* 133.333% */
847
- letter-spacing: 0.1px;
1064
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__fadeOut {
1065
+ animation: NotificationToast-module__fadeOut 0.3s ease-in forwards;
848
1066
  }
849
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper {
850
- border-radius: 6px;
851
- border: 1px solid #e6e6e6;
852
- background: #fafafa;
1067
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral {
1068
+ background: #131314;
853
1069
  }
854
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper .FormInput-module__formInput {
855
- width: 100%;
856
- overflow: hidden;
857
- color: #7a7b80;
858
- text-overflow: ellipsis;
859
- font-family: "Inter-Regular";
860
- font-size: 14px;
861
- font-style: normal;
862
- font-weight: 400;
863
- line-height: 24px; /* 171.429% */
864
- letter-spacing: 0.1px;
865
- cursor: not-allowed;
1070
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled {
1071
+ border: 1px solid #222224;
1072
+ background: #f2f2f2;
866
1073
  }
867
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper .FormInput-module__formInput::placeholder {
868
- width: 100%;
869
- overflow: hidden;
870
- color: #7a7b80;
871
- text-overflow: ellipsis;
872
- font-family: "Inter-Regular";
873
- font-size: 14px;
874
- font-style: normal;
875
- font-weight: 400;
876
- line-height: 24px; /* 171.429% */
877
- letter-spacing: 0.1px;
1074
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
1075
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
1076
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
1077
+ color: #131314 !important;
1078
+ }
1079
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info {
1080
+ background: #0058ff;
1081
+ }
1082
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled {
1083
+ border: 1px solid #0058ff;
1084
+ background: #ecf3ff;
1085
+ }
1086
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
1087
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
1088
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
1089
+ color: #0058ff !important;
1090
+ }
1091
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error {
1092
+ background: #e3292f;
1093
+ }
1094
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled {
1095
+ border: 1px solid #f63e45;
1096
+ background: #fff2f2;
1097
+ }
1098
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
1099
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
1100
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
1101
+ color: #e3292f !important;
1102
+ }
1103
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success {
1104
+ background: #328707;
1105
+ }
1106
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled {
1107
+ border: 1px solid #399c08;
1108
+ background: #effce8;
1109
+ }
1110
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
1111
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
1112
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
1113
+ color: #328707 !important;
878
1114
  }
879
- .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper {
1115
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent {
880
1116
  width: 100%;
881
1117
  display: flex;
882
1118
  align-items: center;
883
1119
  justify-content: space-between;
884
1120
  }
885
- .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputLabel {
886
- width: 100%;
1121
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft {
887
1122
  width: 100%;
888
- overflow: hidden;
889
- color: #131314;
890
- font-family: "Inter-Medium";
891
- font-size: 12px;
892
- font-style: normal;
893
- font-weight: 450;
894
- line-height: 16px; /* 171.429% */
895
- letter-spacing: 0.1px;
896
- }
897
- .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputLabel .FormInput-module__formInputRequired {
898
- overflow: hidden;
899
- color: #e3292f;
900
- text-overflow: ellipsis;
901
- font-family: "Inter-Medium";
902
- font-size: 12px;
903
- font-style: normal;
904
- font-weight: 450;
905
- line-height: 16px; /* 133.333% */
906
- letter-spacing: 0.1px;
1123
+ display: flex;
1124
+ align-items: center;
1125
+ gap: 8px;
907
1126
  }
908
- .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputHelperSlot {
1127
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentInfoIcon {
909
1128
  display: flex;
910
1129
  align-items: center;
911
1130
  justify-content: center;
912
1131
  }
913
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper {
1132
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText {
914
1133
  width: 100%;
915
1134
  display: flex;
916
- align-items: center;
917
- gap: 8px;
918
- padding: 8px;
919
- border-radius: 6px;
920
- border: 1px solid #e6e6e6;
921
- background: #fff;
922
- }
923
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorState {
924
- border-radius: 6px;
925
- background: #fff;
926
- outline: 1px solid #f63e45;
927
- outline-offset: -1px;
928
- box-shadow: none;
929
- }
930
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__focused {
931
- border-radius: 6px;
932
- background: #fff;
933
- outline: 2px solid #0058ff;
934
- outline-offset: -2px;
935
- box-shadow: none;
936
- }
937
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__active {
938
- border-radius: 6px;
939
- background: #fff;
940
- outline: 1.5px solid #0058ff;
941
- outline-offset: -1.5px;
942
- box-shadow: 0 0 0 2px #dee9fc;
943
- }
944
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorFocused {
945
- border-radius: 6px;
946
- background: #fff;
947
- outline: 2px solid #f63e45;
948
- outline-offset: -2px;
949
- box-shadow: none;
950
- }
951
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorActive {
952
- border-radius: 6px;
953
- background: #fff;
954
- outline: 1.5px solid #f63e45;
955
- outline-offset: -1.5px;
956
- box-shadow: 0 0 0 2px #fcdcdd;
1135
+ flex-direction: column;
1136
+ gap: 10px;
957
1137
  }
958
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper input.FormInput-module__formInput {
959
- width: 100%;
960
- border: none;
961
- outline: none;
962
- background-color: transparent;
963
- caret-color: #0058ff;
1138
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText .NotificationToast-module__notificationToastContentLeftTextTitle {
964
1139
  width: 100%;
965
1140
  overflow: hidden;
966
- color: #131314;
1141
+ color: #fff;
967
1142
  text-overflow: ellipsis;
968
- font-family: "Inter-Regular";
1143
+ font-family: "Inter-Medium", sans-serif;
969
1144
  font-size: 14px;
970
1145
  font-style: normal;
971
- font-weight: 400;
972
- line-height: 24px; /* 171.429% */
1146
+ font-weight: 450;
973
1147
  letter-spacing: 0.1px;
974
1148
  }
975
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper input.FormInput-module__formInput::placeholder {
1149
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText .NotificationToast-module__notificationToastContentLeftTextDescription {
976
1150
  width: 100%;
977
- overflow: hidden;
978
- color: #646569;
979
- text-overflow: ellipsis;
980
- font-family: "Inter-Regular";
1151
+ color: #fff;
1152
+ font-family: "Inter-Regular", sans-serif;
981
1153
  font-size: 14px;
982
1154
  font-style: normal;
983
1155
  font-weight: 400;
984
- line-height: 24px; /* 171.429% */
985
- letter-spacing: 0.1px;
986
- }
987
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper .FormInput-module__formInputSlot {
988
- display: grid;
989
- place-items: center;
990
- }
991
- .FormInput-module__inputWrapper .FormInput-module__formInputHelperText {
992
- width: 100%;
993
- overflow: hidden;
994
- color: #131314;
995
- text-overflow: ellipsis;
996
- font-family: "Inter-Medium";
997
- font-size: 12px;
998
- font-style: normal;
999
- font-weight: 450;
1000
- line-height: 16px; /* 133.333% */
1001
- letter-spacing: 0.1px;
1002
- }
1003
- .FormInput-module__inputWrapper .FormInput-module__formInputHelperText.FormInput-module__errorHelperText {
1004
- width: 100%;
1005
- overflow: hidden;
1006
- color: #e3292f;
1007
- text-overflow: ellipsis;
1008
- font-family: "Inter-Medium";
1009
- font-size: 12px;
1010
- font-style: normal;
1011
- font-weight: 450;
1012
- line-height: 16px; /* 133.333% */
1013
- letter-spacing: 0.1px;
1014
- color: #e3292f;
1015
- }
1016
- .FormInput-module__inputWrapper .FormInput-module__formInputHelperText.FormInput-module__successHelperText {
1017
- width: 100%;
1018
- overflow: hidden;
1019
- color: #328707;
1020
- text-overflow: ellipsis;
1021
- font-family: "Inter-Medium";
1022
- font-size: 12px;
1023
- font-style: normal;
1024
- font-weight: 450;
1025
- line-height: 16px; /* 133.333% */
1026
- letter-spacing: 0.1px;
1027
- color: #328707;
1028
- }@font-face {
1029
- font-family: "Inter-Regular";
1030
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1031
- }
1032
- @font-face {
1033
- font-family: "Inter-SemiBold";
1034
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1035
- }
1036
- @font-face {
1037
- font-family: "Inter-Medium";
1038
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1039
- }
1040
- .ActionDropdown-module__actionDropdownContainer {
1041
- width: 100%;
1042
- }
1043
- .ActionDropdown-module__actionDropdownContainer.ActionDropdown-module__collapsed .ActionDropdown-module__actionDropdownIcon {
1044
- transform: rotate(180deg);
1156
+ letter-spacing: 0px;
1045
1157
  }
1046
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent {
1047
- width: 100%;
1048
- border-radius: 6px;
1049
- background: #f2f2f2;
1158
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight {
1050
1159
  display: flex;
1051
1160
  align-items: center;
1052
- justify-content: space-between;
1053
- cursor: pointer;
1161
+ gap: 10px;
1162
+ }
1163
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight * {
1164
+ user-select: none;
1165
+ -webkit-user-select: none;
1166
+ -moz-user-select: none;
1167
+ -ms-user-select: none;
1054
1168
  user-select: none;
1055
1169
  -webkit-user-select: none;
1056
1170
  -moz-user-select: none;
1057
1171
  -ms-user-select: none;
1058
1172
  }
1059
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent .ActionDropdown-module__actionDropdownTitle {
1060
- width: 90%;
1061
- white-space: nowrap;
1173
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight .NotificationToast-module__notificationToastContentRightUndoText {
1062
1174
  overflow: hidden;
1063
- color: #131314;
1175
+ color: #fff;
1176
+ text-align: center;
1064
1177
  font-feature-settings: "liga" off, "clig" off;
1065
1178
  text-overflow: ellipsis;
1066
- font-family: "Inter-Regular", sans-serif;
1179
+ font-family: "Inter-Medium", sans-serif;
1067
1180
  font-size: 14px;
1068
- font-weight: 400;
1181
+ font-style: normal;
1182
+ font-weight: 450;
1069
1183
  line-height: 24px;
1070
1184
  letter-spacing: 0.1px;
1071
- border-right: 1px solid #ffffff;
1072
- padding: 8px 16px;
1185
+ cursor: pointer;
1073
1186
  }
1074
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent .ActionDropdown-module__actionDropdownIcon {
1187
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight .NotificationToast-module__notificationToastContentRightClose {
1075
1188
  display: flex;
1076
1189
  align-items: center;
1077
1190
  justify-content: center;
1078
- padding: 8px;
1079
- width: 40px;
1080
- height: 40px;
1081
- transition: transform 0.2s ease-in-out;
1082
- }
1083
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList {
1084
- width: 100%;
1085
- border-radius: 12px;
1086
- border: 1px solid #e6e6e6;
1087
- background: #fff;
1088
- box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
1089
- height: 250px;
1090
- overflow: auto;
1091
- padding: 8px;
1092
- }
1093
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem {
1094
- width: 100%;
1095
- border-radius: 4px;
1096
- background: #fff;
1097
- padding: 6px 10px;
1098
- overflow: hidden;
1099
- color: #131314;
1100
- font-feature-settings: "liga" off, "clig" off;
1101
- text-overflow: ellipsis;
1102
- font-family: "Inter-Regular", sans-serif;
1103
- font-size: 14px;
1104
- font-weight: 400;
1105
- line-height: 24px;
1106
- letter-spacing: 0.1px;
1107
1191
  cursor: pointer;
1108
- }
1109
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem:hover, .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem.ActionDropdown-module__selected {
1110
- border-radius: 4px;
1111
- background: #f2f2f2;
1192
+ padding-left: 10px;
1193
+ border-left: 2px solid rgba(255, 255, 255, 0.25);
1112
1194
  }@font-face {
1113
1195
  font-family: "Inter-Regular";
1114
1196
  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
@@ -1121,75 +1203,106 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
1121
1203
  font-family: "Inter-Medium";
1122
1204
  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1123
1205
  }
1124
- .Checkbox-module__checkboxWrapper {
1125
- overflow: hidden;
1126
- border: 2px solid #c1c2c7;
1127
- background: #ffffff;
1206
+ .Tooltip-module__tooltipContainer {
1128
1207
  position: relative;
1129
- padding: 5px 4px;
1130
- border-radius: 3px;
1131
- cursor: pointer;
1132
- transition: 0.2;
1133
- display: grid;
1134
- place-items: center;
1135
- width: 18px;
1136
- height: 18px;
1137
- user-select: none;
1138
- -webkit-user-select: none;
1139
- -moz-user-select: none;
1140
- -ms-user-select: none;
1141
1208
  }
1142
- .Checkbox-module__checkboxWrapper .Checkbox-module__checkMark {
1143
- display: grid;
1144
- place-items: center;
1209
+ .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent {
1210
+ border-radius: 0.5rem;
1211
+ background: #181d27;
1212
+ padding: 0.75rem;
1213
+ max-width: 200px;
1214
+ min-width: 118px;
1215
+ position: absolute;
1216
+ z-index: 99999;
1217
+ word-break: break-word;
1218
+ /* Absolute positioning */
1219
+ /* CSS border triangles */
1220
+ /* Absolute positioning */
1221
+ /* CSS border triangles */
1222
+ /* Absolute positioning */
1223
+ /* CSS border triangles */
1224
+ /* Absolute positioning */
1225
+ /* CSS border triangles */
1226
+ }
1227
+ .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__withoutPointer::before {
1228
+ all: initial;
1145
1229
  }
1146
- .Checkbox-module__checkboxWrapper .Checkbox-module__checkMark svg {
1147
- width: 0.625rem;
1148
- user-select: none;
1230
+ .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent::before {
1231
+ content: " ";
1232
+ left: 50%;
1233
+ border: solid transparent;
1234
+ height: 0;
1235
+ width: 0;
1236
+ position: absolute;
1149
1237
  pointer-events: none;
1238
+ border-width: 6px;
1239
+ margin-left: -6px;
1150
1240
  }
1151
- .Checkbox-module__checkboxWrapper.Checkbox-module__error {
1152
- border-color: #e3292f;
1241
+ .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__top::before {
1242
+ top: 100%;
1243
+ border-top-color: #181d27;
1244
+ left: var(--pointer-position);
1153
1245
  }
1154
- .Checkbox-module__checkboxWrapper.Checkbox-module__error.Checkbox-module__checked {
1155
- background: #e3292f;
1156
- border: none;
1246
+ .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__right::before {
1247
+ left: -6px;
1248
+ top: 50%;
1249
+ transform: translateX(0) translateY(-50%);
1250
+ border-right-color: #181d27;
1157
1251
  }
1158
- .Checkbox-module__checkboxWrapper.Checkbox-module__checked {
1159
- background: #0058ff;
1160
- border: none;
1252
+ .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__bottom::before {
1253
+ bottom: 100%;
1254
+ left: var(--pointer-position);
1255
+ border-bottom-color: #181d27;
1161
1256
  }
1162
- .Checkbox-module__checkboxWrapper.Checkbox-module__checked.Checkbox-module__disabled {
1163
- background: #95969c;
1257
+ .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__left::before {
1258
+ left: auto;
1259
+ right: -12px;
1260
+ top: 50%;
1261
+ transform: translateX(0) translateY(-50%);
1262
+ border-left-color: #181d27;
1164
1263
  }
1165
- .Checkbox-module__checkboxWrapper.Checkbox-module__disabled {
1166
- cursor: not-allowed;
1167
- border-color: #c1c2c7 !important;
1264
+ .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipTitle {
1265
+ width: 100%;
1266
+ word-break: break-word;
1267
+ color: #fff;
1268
+ font-family: "Inter-Regular", sans-serif;
1269
+ font-size: 0.75rem;
1270
+ font-style: normal;
1271
+ font-weight: 600;
1272
+ line-height: 1.125rem; /* 150% */
1273
+ }
1274
+ .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipText {
1275
+ width: 100%;
1276
+ word-break: break-word;
1277
+ color: rgba(255, 255, 255, 0.9);
1278
+ font-family: "Inter-Regular", sans-serif;
1279
+ font-size: 0.75rem;
1280
+ font-style: normal;
1281
+ font-weight: 500;
1282
+ line-height: 1.125rem; /* 150% */
1168
1283
  }
1169
1284
 
1170
- .Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked {
1171
- background: #32b45f;
1172
- border: 0.0625rem solid #32b45f;
1285
+ .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent {
1286
+ background: #ffffff;
1173
1287
  }
1174
- .Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked:hover {
1175
- background: #24994d;
1176
- border: 0.0625rem solid #24994d;
1288
+ .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__top::before {
1289
+ border-top-color: #ffffff;
1290
+ left: var(--pointer-position);
1177
1291
  }
1178
-
1179
- .Checkbox-module__dark {
1180
- background: #373a41;
1181
- border: unset;
1292
+ .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__right::before {
1293
+ border-right-color: #ffffff;
1182
1294
  }
1183
- .Checkbox-module__dark.Checkbox-module__checked {
1184
- background: #0158ff;
1185
- border: 0.0625rem solid #0158ff;
1295
+ .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__bottom::before {
1296
+ border-bottom-color: #ffffff;
1186
1297
  }
1187
- .Checkbox-module__dark.Checkbox-module__checked.Checkbox-module__disabled svg path {
1188
- stroke: #d5d7da;
1298
+ .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__left::before {
1299
+ border-left-color: #ffffff;
1189
1300
  }
1190
- .Checkbox-module__dark.Checkbox-module__disabled {
1191
- background: #8d8d8d !important;
1192
- border: 0.0625rem solid #373a41 !important;
1301
+ .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipTitle {
1302
+ color: #0c0e12;
1303
+ }
1304
+ .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipText {
1305
+ color: rgba(12, 14, 18, 0.9);
1193
1306
  }@font-face {
1194
1307
  font-family: "Inter-Regular";
1195
1308
  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
@@ -1233,7 +1346,7 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
1233
1346
  .Textarea-module__textareaContainer .Textarea-module__textAreaLabel .Textarea-module__required {
1234
1347
  color: #d92d20;
1235
1348
  font-size: 0.875rem;
1236
- font-family: "Inter", sans-serif;
1349
+ font-family: "Inter-Regular", sans-serif;
1237
1350
  font-style: normal;
1238
1351
  font-weight: 500;
1239
1352
  line-height: 1.25rem;
@@ -1517,145 +1630,32 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
1517
1630
  font-family: "Inter-Medium";
1518
1631
  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1519
1632
  }
1520
- .Popup-module__modalOverlay {
1521
- width: 100vw;
1522
- height: 100vh;
1523
- display: grid;
1524
- place-items: center;
1525
- position: fixed;
1526
- top: 0;
1527
- left: 0;
1528
- z-index: 250;
1529
- background: rgba(10, 13, 18, 0.7);
1633
+ .Datepicker-module__datepickerContainer {
1634
+ width: 100%;
1635
+ user-select: none;
1636
+ scroll-behavior: smooth;
1530
1637
  }
1531
- .Popup-module__modalOverlay ::-webkit-scrollbar {
1638
+ .Datepicker-module__datepickerContainer::-webkit-scrollbar {
1639
+ display: block !important;
1532
1640
  width: 0;
1533
1641
  }
1534
- .Popup-module__modalOverlay ::-webkit-scrollbar-track {
1535
- -webkit-box-shadow: none;
1536
- }
1537
- .Popup-module__modalOverlay ::-webkit-scrollbar-thumb {
1538
- background-color: none;
1539
- outline: 0;
1540
- }
1541
- .Popup-module__modalOverlay.Popup-module__popupDrawerMode {
1542
- overflow: hidden;
1543
- place-items: end;
1544
- }
1545
- .Popup-module__modalOverlay.Popup-module__popupDrawerMode .Popup-module__popupContainer {
1546
- min-height: unset;
1547
- max-height: unset;
1548
- min-width: 17.5rem;
1549
- height: 100vh;
1550
- animation: Popup-module__EnterFromLeft 0.3s forwards;
1551
- }
1552
- @keyframes Popup-module__EnterFromLeft {
1553
- from {
1554
- left: 100%;
1555
- }
1556
- to {
1557
- left: 0;
1558
- }
1559
- }
1560
- .Popup-module__modalOverlay .Popup-module__popupContainer {
1561
- padding: 1.5rem;
1562
- min-height: 13.75rem;
1563
- max-height: calc(100vh - 5.625rem);
1564
- position: relative;
1565
- transition: 0.2s;
1566
- z-index: 280;
1567
- border-radius: 0.75rem;
1568
- background: #fff;
1569
- /* Shadows/shadow-xl */
1570
- box-shadow: 0rem 1.25rem 1.5rem -0.25rem rgba(10, 13, 18, 0.08), 0rem 0.5rem 0.5rem -0.25rem rgba(10, 13, 18, 0.03), 0rem 0.1875rem 0.1875rem -0.0938rem rgba(10, 13, 18, 0.04);
1571
- animation: Popup-module__fadeIn 0.3s forwards;
1572
- }
1573
- @keyframes Popup-module__fadeIn {
1574
- from {
1575
- opacity: 0;
1576
- }
1577
- to {
1578
- opacity: 1;
1579
- }
1580
- }
1581
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__closeButton {
1582
- display: grid;
1583
- place-items: center;
1584
- cursor: pointer;
1585
- position: absolute;
1586
- top: 1.25rem;
1587
- right: 1.5rem;
1588
- z-index: 14;
1589
- }
1590
- .Popup-module__modalOverlay .Popup-module__popupContainer.Popup-module__withOptions {
1591
- width: 25rem;
1592
- }
1593
- .Popup-module__modalOverlay .Popup-module__popupContainer.Popup-module__withOptions.Popup-module__horizontal {
1594
- width: 34rem;
1642
+ .Datepicker-module__datepickerContainer::-webkit-scrollbar-thumb {
1643
+ opacity: 0;
1595
1644
  }
1596
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader {
1645
+ .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper {
1597
1646
  width: 100%;
1598
- position: sticky;
1599
- top: 0;
1600
- background: #ffffff;
1601
- z-index: 1;
1602
- }
1603
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle {
1604
- margin-top: 1rem;
1605
- }
1606
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle h2 {
1607
- color: #181d27;
1608
- font-size: 1.125rem;
1609
- font-style: normal;
1610
- font-weight: 600;
1611
- line-height: 1.75rem; /* 155.556% */
1612
- font-family: "Inter", sans-serif;
1613
- line-height: 1.75rem; /* 155.556% */
1614
- }
1615
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription {
1616
- margin-top: 0.25rem;
1617
- }
1618
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription p {
1619
- color: #535862;
1620
- font-size: 0.875rem;
1621
- font-style: normal;
1622
- font-weight: 400;
1623
- line-height: 1.25rem; /* 142.857% */
1624
- font-family: "Inter", sans-serif;
1647
+ cursor: pointer;
1625
1648
  }
1626
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__typeIcon {
1649
+ .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper .Datepicker-module__datepickerLeftIcon {
1627
1650
  display: flex;
1628
1651
  align-items: center;
1629
- justify-content: space-between;
1630
- }
1631
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__typeIcon .Popup-module__icon {
1632
- display: grid;
1633
- place-items: center;
1634
- width: 3rem;
1635
- height: 3rem;
1636
- border-radius: 624.9375rem;
1637
- }
1638
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__templateWrapper {
1639
- width: 100%;
1640
- position: relative;
1641
- }
1642
-
1643
- .Popup-module__dark.Popup-module__modalOverlay {
1644
- background: rgba(34, 38, 47, 0.4588235294);
1645
- }
1646
- .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer {
1647
- background: #0c0e12;
1648
- /* Shadows/shadow-xl */
1649
- box-shadow: 0rem 1.25rem 1.5rem -0.25rem rgba(10, 13, 18, 0.08), 0rem 0.5rem 0.5rem -0.25rem rgba(10, 13, 18, 0.03), 0rem 0.1875rem 0.1875rem -0.0938rem rgba(10, 13, 18, 0.04);
1650
- }
1651
- .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader {
1652
- background: #0c0e12;
1653
- }
1654
- .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle h2 {
1655
- color: #f7f7f7;
1652
+ justify-content: center;
1656
1653
  }
1657
- .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription p {
1658
- color: #94979c;
1654
+ .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper .Datepicker-module__datepickerRightIcon {
1655
+ display: flex;
1656
+ align-items: center;
1657
+ justify-content: center;
1658
+ cursor: pointer;
1659
1659
  }@font-face {
1660
1660
  font-family: "Inter-Regular";
1661
1661
  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
@@ -1946,7 +1946,7 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
1946
1946
  width: 100%;
1947
1947
  padding: 8px;
1948
1948
  color: #414651;
1949
- font-family: "Inter", sans-serif;
1949
+ font-family: "Inter-Regular", sans-serif;
1950
1950
  font-size: 0.875rem;
1951
1951
  font-style: normal;
1952
1952
  font-weight: 500;
@@ -1982,7 +1982,7 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
1982
1982
  width: 100%;
1983
1983
  }
1984
1984
  .Calendar-module__datePicker .Calendar-module__div span {
1985
- font-family: "Inter", sans-serif;
1985
+ font-family: "Inter-Regular", sans-serif;
1986
1986
  }
1987
1987
  .Calendar-module__datePicker .Calendar-module__currentDateHeader {
1988
1988
  overflow: hidden;
@@ -2092,7 +2092,7 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
2092
2092
  .Calendar-module__datePicker table th,
2093
2093
  .Calendar-module__datePicker table td:not(.Calendar-module__spacerRow td) {
2094
2094
  text-align: center;
2095
- font-family: "Inter", sans-serif;
2095
+ font-family: "Inter-Regular", sans-serif;
2096
2096
  color: #131314;
2097
2097
  font-family: "Inter-Regular", sans-serif;
2098
2098
  font-size: 14px;
@@ -2197,7 +2197,7 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
2197
2197
  color: #131314;
2198
2198
  font-feature-settings: "liga" off, "clig" off;
2199
2199
  text-overflow: ellipsis;
2200
- font-family: "Inter", sans-serif;
2200
+ font-family: "Inter-Regular", sans-serif;
2201
2201
  font-size: 14px;
2202
2202
  font-style: normal;
2203
2203
  font-weight: 400;