master-components-react-ts 2.1.1 → 2.1.3

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 (31) hide show
  1. package/dist/assets/Icons/IconErrorDash.d.ts +2 -3
  2. package/dist/assets/Icons/IconErrorDash.js +15 -0
  3. package/dist/assets/Icons/IconLoading.js +22 -0
  4. package/dist/assets/Icons/IconSuccess.js +15 -0
  5. package/dist/assets/components/ActionDropdown/ActionDropdown.module-CJpBa8kB.css +85 -0
  6. package/dist/assets/components/Checkbox/Checkbox.module-_XqqEodq.css +82 -0
  7. package/dist/assets/components/DatePicker/Calendar.module-D3fcZWFD.css +316 -0
  8. package/dist/assets/components/DatePicker/Datepicker.module-BxWRyQpP.css +39 -0
  9. package/dist/assets/components/Dropdown/Dropdown.module-DgjqziBo.css +242 -0
  10. package/dist/assets/components/FormInput/FormInput.module-DvfUbgbC.css +240 -0
  11. package/dist/assets/components/InlineLoading/InlineLoading.module-iVTVTMU0.css +40 -0
  12. package/dist/assets/components/MainButton/MainButton.module-8Us8t8Lb.css +306 -0
  13. package/dist/assets/components/NotificationToast/NotificationToast.module-mSanXElM.css +179 -0
  14. package/dist/assets/components/Popup/Popup.module-C1XFPW6u.css +152 -0
  15. package/dist/assets/components/Radio/Radio.module-BvqKw6WX.css +21 -0
  16. package/dist/assets/components/Skeleton/Skeleton.module-BxbVrXDg.css +57 -0
  17. package/dist/assets/components/Textarea/Textarea.module-BxaBUjlU.css +167 -0
  18. package/dist/assets/components/TimePicker/TimePicker.module-DfRiUaeb.css +150 -0
  19. package/dist/assets/components/Toggle/Toggle.module-DBfTR8Br.css +75 -0
  20. package/dist/assets/components/Tooltip/Tooltip.module-DEYqvQtd.css +113 -0
  21. package/dist/components/Dropdown/Dropdown.js +3 -2
  22. package/dist/components/Dropdown/Dropdown.types.d.ts +2 -2
  23. package/dist/components/FormInput/FormInput.js +8 -1
  24. package/dist/components/InlineLoading/InlineLoading.d.ts +3 -0
  25. package/dist/components/InlineLoading/InlineLoading.js +24 -0
  26. package/dist/components/InlineLoading/InlineLoading.module.scss.js +11 -0
  27. package/dist/components/InlineLoading/InlineLoading.types.d.ts +24 -0
  28. package/dist/components/Textarea/Textarea.js +1 -1
  29. package/dist/index.d.ts +1 -0
  30. package/dist/index.js +2 -2221
  31. package/package.json +57 -60
package/dist/assets/components/MainButton/MainButton.module-8Us8t8Lb.css ADDED
@@ -0,0 +1,306 @@
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
+ button.MainButton-module__mainButton {
14
+ width: 100%;
15
+ display: flex;
16
+ padding: 8px;
17
+ justify-content: center;
18
+ align-items: center;
19
+ border-radius: 6px;
20
+ min-width: 100px;
21
+ outline: none;
22
+ border: none;
23
+ cursor: pointer;
24
+ user-select: none;
25
+ -webkit-user-select: none;
26
+ -moz-user-select: none;
27
+ -ms-user-select: none;
28
+ }
29
+ button.MainButton-module__mainButton.MainButton-module__sm {
30
+ height: 32px;
31
+ }
32
+ button.MainButton-module__mainButton.MainButton-module__md {
33
+ height: 36px;
34
+ }
35
+ button.MainButton-module__mainButton.MainButton-module__lg {
36
+ height: 40px;
37
+ }
38
+ button.MainButton-module__mainButton .MainButton-module__mainButtonContent {
39
+ width: 100%;
40
+ display: flex;
41
+ align-items: center;
42
+ justify-content: center;
43
+ gap: 8px;
44
+ }
45
+ button.MainButton-module__mainButton .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
46
+ overflow: hidden;
47
+ text-overflow: ellipsis;
48
+ font-family: "Inter-Regular", sans-serif;
49
+ font-size: 14px;
50
+ font-style: normal;
51
+ font-weight: 450;
52
+ line-height: 24px; /* 171.429% */
53
+ letter-spacing: 0.1px;
54
+ }
55
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral {
56
+ background: #0058ff;
57
+ }
58
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral.MainButton-module__loading {
59
+ cursor: no-drop;
60
+ }
61
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
62
+ background: #004fe5 !important;
63
+ }
64
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral.MainButton-module__disabled {
65
+ background: #95969c;
66
+ cursor: not-allowed;
67
+ }
68
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral.MainButton-module__focused {
69
+ outline: 2px solid #dee9fc;
70
+ outline-offset: 0px;
71
+ background: #0058ff;
72
+ }
73
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
74
+ color: #fff;
75
+ }
76
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive {
77
+ background: #328707;
78
+ }
79
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive.MainButton-module__loading {
80
+ cursor: no-drop;
81
+ }
82
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
83
+ background: #266905 !important;
84
+ }
85
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive.MainButton-module__disabled {
86
+ background: #95969c;
87
+ cursor: not-allowed;
88
+ }
89
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive.MainButton-module__focused {
90
+ outline: 2px solid #c3ebb0;
91
+ outline-offset: 0px;
92
+ background: #328707;
93
+ }
94
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
95
+ color: #fff;
96
+ }
97
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative {
98
+ background: #e3292f;
99
+ }
100
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative.MainButton-module__loading {
101
+ cursor: no-drop;
102
+ }
103
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
104
+ background: #db1d23 !important;
105
+ }
106
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative.MainButton-module__disabled {
107
+ background: #95969c;
108
+ cursor: not-allowed;
109
+ }
110
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative.MainButton-module__focused {
111
+ outline: 2px solid #fcdcdc;
112
+ outline-offset: 0px;
113
+ background: #e3292f;
114
+ }
115
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
116
+ color: #fff;
117
+ }
118
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral {
119
+ background: #ecf3ff;
120
+ }
121
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__loading {
122
+ cursor: no-drop;
123
+ }
124
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
125
+ background: #dee9fc !important;
126
+ }
127
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__disabled {
128
+ background: #f2f2f2;
129
+ cursor: not-allowed;
130
+ }
131
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
132
+ color: #7a7b80;
133
+ }
134
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__focused {
135
+ outline-offset: 0px;
136
+ background: #ecf3ff;
137
+ box-shadow: 0px 0px 0px 2px #0058ff;
138
+ }
139
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
140
+ color: #0058ff;
141
+ }
142
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive {
143
+ background: #effce8;
144
+ }
145
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive.MainButton-module__loading {
146
+ cursor: no-drop;
147
+ }
148
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
149
+ background: #e0fad2 !important;
150
+ }
151
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive.MainButton-module__disabled {
152
+ background: #95969c;
153
+ cursor: not-allowed;
154
+ }
155
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive.MainButton-module__focused {
156
+ outline: 2px solid #60bf30;
157
+ outline-offset: 0px;
158
+ background: #effce8;
159
+ }
160
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
161
+ color: #328707;
162
+ }
163
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative {
164
+ background: #fff2f2;
165
+ }
166
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative.MainButton-module__loading {
167
+ cursor: no-drop;
168
+ }
169
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
170
+ background: #fcdcdc !important;
171
+ }
172
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative.MainButton-module__disabled {
173
+ background: #95969c;
174
+ cursor: not-allowed;
175
+ }
176
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative.MainButton-module__focused {
177
+ outline: 2px solid #ff5757;
178
+ outline-offset: 0px;
179
+ background: #fff2f2;
180
+ }
181
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
182
+ color: #db1d23;
183
+ }
184
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral {
185
+ background: #f2f2f2;
186
+ }
187
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__loading {
188
+ cursor: no-drop;
189
+ }
190
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
191
+ background: #e6e6e6 !important;
192
+ }
193
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__disabled {
194
+ background: #f2f2f2;
195
+ cursor: not-allowed;
196
+ }
197
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
198
+ color: #7a7b80;
199
+ }
200
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__focused {
201
+ outline: 2px solid #c1c2c7;
202
+ outline-offset: 0px;
203
+ background: #f2f2f2;
204
+ }
205
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
206
+ color: #131314;
207
+ }
208
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive {
209
+ background: #fff;
210
+ }
211
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__loading {
212
+ cursor: no-drop;
213
+ }
214
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
215
+ background: #effce8 !important;
216
+ }
217
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__disabled {
218
+ background: #fff;
219
+ cursor: not-allowed;
220
+ }
221
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
222
+ color: #7a7b80;
223
+ }
224
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__focused {
225
+ outline: 2px solid #91e766;
226
+ outline-offset: 0px;
227
+ background: #fff;
228
+ }
229
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
230
+ color: #328707;
231
+ }
232
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative {
233
+ background: #fff;
234
+ }
235
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__loading {
236
+ cursor: no-drop;
237
+ }
238
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
239
+ background: #fff2f2 !important;
240
+ }
241
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__disabled {
242
+ background: #fff;
243
+ cursor: not-allowed;
244
+ }
245
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
246
+ color: #7a7b80;
247
+ }
248
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__focused {
249
+ outline: 2px solid #fcdcdc;
250
+ outline-offset: 0px;
251
+ background: #fff;
252
+ }
253
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
254
+ color: #e3292f;
255
+ }
256
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV2 {
257
+ background: #fff;
258
+ }
259
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__loading {
260
+ cursor: no-drop;
261
+ }
262
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV2:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
263
+ background: #ecf3ff !important;
264
+ }
265
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__disabled {
266
+ background: #f2f2f2;
267
+ cursor: not-allowed;
268
+ }
269
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
270
+ color: #7a7b80;
271
+ }
272
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__focused {
273
+ outline: 2px solid #dee9fc;
274
+ outline-offset: 0px;
275
+ background: #fff;
276
+ }
277
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV2 .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
278
+ color: #0058ff;
279
+ }
280
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 {
281
+ border: 1px solid #e6e6e6;
282
+ background: #fff;
283
+ }
284
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__loading {
285
+ cursor: no-drop;
286
+ }
287
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
288
+ border-color: #c1c2c7 !important;
289
+ }
290
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__disabled {
291
+ background: #fff;
292
+ border: 1px solid #e6e6e6;
293
+ cursor: not-allowed;
294
+ }
295
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
296
+ color: #7a7b80;
297
+ }
298
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__focused {
299
+ border: 1px solid transparent;
300
+ outline: 2px solid #dee9fc;
301
+ outline-offset: 0px;
302
+ background: #fff;
303
+ }
304
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
305
+ color: #0058ff;
306
+ }
package/dist/assets/components/NotificationToast/NotificationToast.module-mSanXElM.css ADDED
@@ -0,0 +1,179 @@
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
+ .NotificationToast-module__toastContainer {
14
+ display: flex;
15
+ flex-direction: column;
16
+ gap: 10px;
17
+ position: fixed;
18
+ z-index: 9999999;
19
+ width: 328px;
20
+ }
21
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast {
22
+ padding: 8px;
23
+ border-radius: 8px;
24
+ width: 100%;
25
+ }
26
+ @keyframes NotificationToast-module__fadeIn {
27
+ from {
28
+ opacity: 0;
29
+ transform: translateY(-10px);
30
+ }
31
+ to {
32
+ opacity: 1;
33
+ transform: translateY(0);
34
+ }
35
+ }
36
+ @keyframes NotificationToast-module__fadeOut {
37
+ from {
38
+ opacity: 1;
39
+ transform: translateY(0);
40
+ }
41
+ to {
42
+ opacity: 0;
43
+ transform: translateY(-10px);
44
+ }
45
+ }
46
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__fadeIn {
47
+ animation: NotificationToast-module__fadeIn 0.3s ease-out;
48
+ }
49
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__fadeOut {
50
+ animation: NotificationToast-module__fadeOut 0.3s ease-in forwards;
51
+ }
52
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral {
53
+ background: #131314;
54
+ }
55
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled {
56
+ border: 1px solid #222224;
57
+ background: #f2f2f2;
58
+ }
59
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
60
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
61
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
62
+ color: #131314 !important;
63
+ }
64
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info {
65
+ background: #0058ff;
66
+ }
67
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled {
68
+ border: 1px solid #0058ff;
69
+ background: #ecf3ff;
70
+ }
71
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
72
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
73
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
74
+ color: #0058ff !important;
75
+ }
76
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error {
77
+ background: #e3292f;
78
+ }
79
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled {
80
+ border: 1px solid #f63e45;
81
+ background: #fff2f2;
82
+ }
83
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
84
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
85
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
86
+ color: #e3292f !important;
87
+ }
88
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success {
89
+ background: #328707;
90
+ }
91
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled {
92
+ border: 1px solid #399c08;
93
+ background: #effce8;
94
+ }
95
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
96
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
97
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
98
+ color: #328707 !important;
99
+ }
100
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent {
101
+ width: 100%;
102
+ display: flex;
103
+ align-items: center;
104
+ justify-content: space-between;
105
+ }
106
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft {
107
+ width: 100%;
108
+ display: flex;
109
+ align-items: center;
110
+ gap: 8px;
111
+ }
112
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentInfoIcon {
113
+ display: flex;
114
+ align-items: center;
115
+ justify-content: center;
116
+ }
117
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText {
118
+ width: 100%;
119
+ display: flex;
120
+ flex-direction: column;
121
+ gap: 10px;
122
+ }
123
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText .NotificationToast-module__notificationToastContentLeftTextTitle {
124
+ width: 100%;
125
+ overflow: hidden;
126
+ color: #fff;
127
+ text-overflow: ellipsis;
128
+ font-family: "Inter-Medium", sans-serif;
129
+ font-size: 14px;
130
+ font-style: normal;
131
+ font-weight: 450;
132
+ letter-spacing: 0.1px;
133
+ }
134
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText .NotificationToast-module__notificationToastContentLeftTextDescription {
135
+ width: 100%;
136
+ color: #fff;
137
+ font-family: "Inter-Regular", sans-serif;
138
+ font-size: 14px;
139
+ font-style: normal;
140
+ font-weight: 400;
141
+ letter-spacing: 0px;
142
+ }
143
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight {
144
+ display: flex;
145
+ align-items: center;
146
+ gap: 10px;
147
+ }
148
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight * {
149
+ user-select: none;
150
+ -webkit-user-select: none;
151
+ -moz-user-select: none;
152
+ -ms-user-select: none;
153
+ user-select: none;
154
+ -webkit-user-select: none;
155
+ -moz-user-select: none;
156
+ -ms-user-select: none;
157
+ }
158
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight .NotificationToast-module__notificationToastContentRightUndoText {
159
+ overflow: hidden;
160
+ color: #fff;
161
+ text-align: center;
162
+ font-feature-settings: "liga" off, "clig" off;
163
+ text-overflow: ellipsis;
164
+ font-family: "Inter-Medium", sans-serif;
165
+ font-size: 14px;
166
+ font-style: normal;
167
+ font-weight: 450;
168
+ line-height: 24px;
169
+ letter-spacing: 0.1px;
170
+ cursor: pointer;
171
+ }
172
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight .NotificationToast-module__notificationToastContentRightClose {
173
+ display: flex;
174
+ align-items: center;
175
+ justify-content: center;
176
+ cursor: pointer;
177
+ padding-left: 10px;
178
+ border-left: 2px solid rgba(255, 255, 255, 0.25);
179
+ }
package/dist/assets/components/Popup/Popup.module-C1XFPW6u.css ADDED
@@ -0,0 +1,152 @@
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
+ .Popup-module__modalOverlay {
14
+ width: 100vw;
15
+ height: 100vh;
16
+ display: grid;
17
+ place-items: center;
18
+ position: fixed;
19
+ top: 0;
20
+ left: 0;
21
+ z-index: 250;
22
+ background: rgba(10, 13, 18, 0.7);
23
+ }
24
+ .Popup-module__modalOverlay ::-webkit-scrollbar {
25
+ width: 0;
26
+ }
27
+ .Popup-module__modalOverlay ::-webkit-scrollbar-track {
28
+ -webkit-box-shadow: none;
29
+ }
30
+ .Popup-module__modalOverlay ::-webkit-scrollbar-thumb {
31
+ background-color: none;
32
+ outline: 0;
33
+ }
34
+ .Popup-module__modalOverlay.Popup-module__popupDrawerMode {
35
+ overflow: hidden;
36
+ place-items: end;
37
+ }
38
+ .Popup-module__modalOverlay.Popup-module__popupDrawerMode .Popup-module__popupContainer {
39
+ min-height: unset;
40
+ max-height: unset;
41
+ min-width: 17.5rem;
42
+ height: 100vh;
43
+ animation: Popup-module__EnterFromLeft 0.3s forwards;
44
+ }
45
+ @keyframes Popup-module__EnterFromLeft {
46
+ from {
47
+ left: 100%;
48
+ }
49
+ to {
50
+ left: 0;
51
+ }
52
+ }
53
+ .Popup-module__modalOverlay .Popup-module__popupContainer {
54
+ padding: 1.5rem;
55
+ min-height: 13.75rem;
56
+ max-height: calc(100vh - 5.625rem);
57
+ position: relative;
58
+ transition: 0.2s;
59
+ z-index: 280;
60
+ border-radius: 0.75rem;
61
+ background: #fff;
62
+ /* Shadows/shadow-xl */
63
+ 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);
64
+ animation: Popup-module__fadeIn 0.3s forwards;
65
+ }
66
+ @keyframes Popup-module__fadeIn {
67
+ from {
68
+ opacity: 0;
69
+ }
70
+ to {
71
+ opacity: 1;
72
+ }
73
+ }
74
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__closeButton {
75
+ display: grid;
76
+ place-items: center;
77
+ cursor: pointer;
78
+ position: absolute;
79
+ top: 1.25rem;
80
+ right: 1.5rem;
81
+ z-index: 14;
82
+ }
83
+ .Popup-module__modalOverlay .Popup-module__popupContainer.Popup-module__withOptions {
84
+ width: 25rem;
85
+ }
86
+ .Popup-module__modalOverlay .Popup-module__popupContainer.Popup-module__withOptions.Popup-module__horizontal {
87
+ width: 34rem;
88
+ }
89
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader {
90
+ width: 100%;
91
+ position: sticky;
92
+ top: 0;
93
+ background: #ffffff;
94
+ z-index: 1;
95
+ }
96
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle {
97
+ margin-top: 1rem;
98
+ }
99
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle h2 {
100
+ color: #181d27;
101
+ font-size: 1.125rem;
102
+ font-style: normal;
103
+ font-weight: 600;
104
+ line-height: 1.75rem; /* 155.556% */
105
+ font-family: "Inter-Regular", sans-serif;
106
+ line-height: 1.75rem; /* 155.556% */
107
+ }
108
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription {
109
+ margin-top: 0.25rem;
110
+ }
111
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription p {
112
+ color: #535862;
113
+ font-size: 0.875rem;
114
+ font-style: normal;
115
+ font-weight: 400;
116
+ line-height: 1.25rem; /* 142.857% */
117
+ font-family: "Inter-Regular", sans-serif;
118
+ }
119
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__typeIcon {
120
+ display: flex;
121
+ align-items: center;
122
+ justify-content: space-between;
123
+ }
124
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__typeIcon .Popup-module__icon {
125
+ display: grid;
126
+ place-items: center;
127
+ width: 3rem;
128
+ height: 3rem;
129
+ border-radius: 624.9375rem;
130
+ }
131
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__templateWrapper {
132
+ width: 100%;
133
+ position: relative;
134
+ }
135
+
136
+ .Popup-module__dark.Popup-module__modalOverlay {
137
+ background: rgba(34, 38, 47, 0.4588235294);
138
+ }
139
+ .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer {
140
+ background: #0c0e12;
141
+ /* Shadows/shadow-xl */
142
+ 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);
143
+ }
144
+ .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader {
145
+ background: #0c0e12;
146
+ }
147
+ .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle h2 {
148
+ color: #f7f7f7;
149
+ }
150
+ .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription p {
151
+ color: #94979c;
152
+ }
package/dist/assets/components/Radio/Radio.module-BvqKw6WX.css ADDED
@@ -0,0 +1,21 @@
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
+ .Radio-module__radioWrapper {
14
+ width: 24px;
15
+ height: 24px;
16
+ border-radius: 50%;
17
+ overflow: hidden;
18
+ position: relative;
19
+ cursor: pointer;
20
+ transition: 0.2s;
21
+ }