master-components-react-ts 2.1.2 → 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 (85) hide show
  1. package/dist/_virtual/_commonjsHelpers.js +8 -0
  2. package/dist/_virtual/customParseFormat.js +4 -0
  3. package/dist/_virtual/jsx-runtime.js +4 -0
  4. package/dist/_virtual/react-jsx-runtime.production.js +4 -0
  5. package/dist/assets/Icons/IconArrowUp.js +13 -0
  6. package/dist/assets/Icons/IconCalendar.js +32 -0
  7. package/dist/assets/Icons/IconCheck.js +15 -0
  8. package/dist/assets/Icons/IconCheckCircle.js +16 -0
  9. package/dist/assets/Icons/IconCheckmark.js +15 -0
  10. package/dist/assets/Icons/IconCircularLoading.js +36 -0
  11. package/dist/assets/Icons/IconClose.js +31 -0
  12. package/dist/assets/Icons/IconCloseBackground.js +15 -0
  13. package/dist/assets/Icons/IconCloseCircle.js +15 -0
  14. package/dist/assets/Icons/IconErrorDash.js +15 -0
  15. package/dist/assets/Icons/IconExclamation.js +15 -0
  16. package/dist/assets/Icons/IconLeft.js +13 -0
  17. package/dist/assets/Icons/IconLoading.js +22 -0
  18. package/dist/assets/Icons/IconMinus.js +7 -0
  19. package/dist/assets/Icons/IconRadioChecked.js +19 -0
  20. package/dist/assets/Icons/IconRadioCheckedDisabled.js +19 -0
  21. package/dist/assets/Icons/IconRadioUnchecked.js +16 -0
  22. package/dist/assets/Icons/IconRadioUncheckedDisabled.js +16 -0
  23. package/dist/assets/Icons/IconRight.js +13 -0
  24. package/dist/assets/Icons/IconSave.js +16 -0
  25. package/dist/assets/Icons/IconSearch.js +26 -0
  26. package/dist/assets/Icons/IconSuccess.js +15 -0
  27. package/dist/assets/Icons/IconTrash.js +16 -0
  28. package/dist/assets/components/ActionDropdown/ActionDropdown.module-CJpBa8kB.css +85 -0
  29. package/dist/assets/components/Checkbox/Checkbox.module-_XqqEodq.css +82 -0
  30. package/dist/assets/components/DatePicker/Calendar.module-D3fcZWFD.css +316 -0
  31. package/dist/assets/components/DatePicker/Datepicker.module-BxWRyQpP.css +39 -0
  32. package/dist/assets/components/Dropdown/Dropdown.module-DgjqziBo.css +242 -0
  33. package/dist/assets/components/FormInput/FormInput.module-DvfUbgbC.css +240 -0
  34. package/dist/assets/components/InlineLoading/InlineLoading.module-iVTVTMU0.css +40 -0
  35. package/dist/assets/components/MainButton/MainButton.module-8Us8t8Lb.css +306 -0
  36. package/dist/assets/components/NotificationToast/NotificationToast.module-mSanXElM.css +179 -0
  37. package/dist/assets/components/Popup/Popup.module-C1XFPW6u.css +152 -0
  38. package/dist/assets/components/Radio/Radio.module-BvqKw6WX.css +21 -0
  39. package/dist/assets/components/Skeleton/Skeleton.module-BxbVrXDg.css +57 -0
  40. package/dist/assets/components/Textarea/Textarea.module-BxaBUjlU.css +167 -0
  41. package/dist/assets/components/TimePicker/TimePicker.module-DfRiUaeb.css +150 -0
  42. package/dist/assets/components/Toggle/Toggle.module-DBfTR8Br.css +75 -0
  43. package/dist/assets/components/Tooltip/Tooltip.module-DEYqvQtd.css +113 -0
  44. package/dist/components/ActionDropdown/ActionDropdown.js +74 -0
  45. package/dist/components/ActionDropdown/ActionDropdown.module.scss.js +29 -0
  46. package/dist/components/Checkbox/Checkbox.js +54 -0
  47. package/dist/components/Checkbox/Checkbox.module.scss.js +26 -0
  48. package/dist/components/DatePicker/Calendar.js +437 -0
  49. package/dist/components/DatePicker/Calendar.module.scss.js +83 -0
  50. package/dist/components/DatePicker/DatePicker.js +211 -0
  51. package/dist/components/DatePicker/Datepicker.module.scss.js +17 -0
  52. package/dist/components/Dropdown/Dropdown.js +337 -0
  53. package/dist/components/Dropdown/Dropdown.module.scss.js +74 -0
  54. package/dist/components/FormInput/FormInput.js +151 -0
  55. package/dist/components/FormInput/FormInput.module.scss.js +62 -0
  56. package/dist/components/InlineLoading/InlineLoading.js +24 -0
  57. package/dist/components/InlineLoading/InlineLoading.module.scss.js +11 -0
  58. package/dist/components/MainButton/MainButton.js +72 -0
  59. package/dist/components/MainButton/MainButton.module.scss.js +56 -0
  60. package/dist/components/NotificationToast/NotificationContext.js +57 -0
  61. package/dist/components/NotificationToast/NotificationToast.js +66 -0
  62. package/dist/components/NotificationToast/NotificationToast.module.scss.js +59 -0
  63. package/dist/components/NotificationToast/createNotificationToast.js +10 -0
  64. package/dist/components/Popup/Popup.js +116 -0
  65. package/dist/components/Popup/Popup.module.scss.js +41 -0
  66. package/dist/components/Radio/Radio.js +46 -0
  67. package/dist/components/Radio/Radio.module.scss.js +8 -0
  68. package/dist/components/Skeleton/Skeleton.js +8 -0
  69. package/dist/components/Skeleton/Skeleton.module.scss.js +20 -0
  70. package/dist/components/Textarea/Textarea.js +149 -0
  71. package/dist/components/Textarea/Textarea.module.scss.js +41 -0
  72. package/dist/components/TimePicker/TimePicker.js +172 -0
  73. package/dist/components/TimePicker/TimePicker.module.scss.js +50 -0
  74. package/dist/components/Toggle/Toggle.js +20 -0
  75. package/dist/components/Toggle/Toggle.module.scss.js +29 -0
  76. package/dist/components/Tooltip/Tooltip.js +153 -0
  77. package/dist/components/Tooltip/Tooltip.module.scss.js +35 -0
  78. package/dist/context/NamespaceContext.js +7 -0
  79. package/dist/index.js +32 -5154
  80. package/dist/node_modules/dayjs/plugin/customParseFormat.js +129 -0
  81. package/dist/node_modules/react/cjs/react-jsx-runtime.production.js +35 -0
  82. package/dist/node_modules/react/jsx-runtime.js +10 -0
  83. package/dist/utils/Helpers.js +15 -0
  84. package/package.json +10 -15
  85. package/dist/types/css-modules.d.ts +0 -9
@@ -0,0 +1,240 @@
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
+ .FormInput-module__inputWrapper {
14
+ width: 100%;
15
+ display: flex;
16
+ flex-direction: column;
17
+ gap: 10px;
18
+ }
19
+ .FormInput-module__inputWrapper.FormInput-module__sm .FormInput-module__formInputWrapper {
20
+ height: 36px;
21
+ }
22
+ .FormInput-module__inputWrapper.FormInput-module__md .FormInput-module__formInputWrapper {
23
+ height: 40px;
24
+ }
25
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputLabel {
26
+ width: 100%;
27
+ overflow: hidden;
28
+ color: #95969c;
29
+ text-overflow: ellipsis;
30
+ font-family: "Inter-Medium";
31
+ font-size: 12px;
32
+ font-style: normal;
33
+ font-weight: 450;
34
+ line-height: 16px; /* 133.333% */
35
+ letter-spacing: 0.1px;
36
+ }
37
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInput {
38
+ width: 100%;
39
+ overflow: hidden;
40
+ color: #7a7b80;
41
+ text-overflow: ellipsis;
42
+ font-family: "Inter-Regular";
43
+ font-size: 14px;
44
+ font-style: normal;
45
+ font-weight: 400;
46
+ line-height: 24px; /* 171.429% */
47
+ letter-spacing: 0.1px;
48
+ }
49
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputHelperText {
50
+ width: 100%;
51
+ overflow: hidden;
52
+ color: #95969c;
53
+ text-overflow: ellipsis;
54
+ font-family: "Inter-Medium";
55
+ font-size: 12px;
56
+ font-style: normal;
57
+ font-weight: 450;
58
+ line-height: 16px; /* 133.333% */
59
+ letter-spacing: 0.1px;
60
+ }
61
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper {
62
+ border-radius: 6px;
63
+ border: 1px solid #e6e6e6;
64
+ background: #fafafa;
65
+ }
66
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper .FormInput-module__formInput {
67
+ width: 100%;
68
+ overflow: hidden;
69
+ color: #7a7b80;
70
+ text-overflow: ellipsis;
71
+ font-family: "Inter-Regular";
72
+ font-size: 14px;
73
+ font-style: normal;
74
+ font-weight: 400;
75
+ line-height: 24px; /* 171.429% */
76
+ letter-spacing: 0.1px;
77
+ cursor: not-allowed;
78
+ }
79
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper .FormInput-module__formInput::placeholder {
80
+ width: 100%;
81
+ overflow: hidden;
82
+ color: #7a7b80;
83
+ text-overflow: ellipsis;
84
+ font-family: "Inter-Regular";
85
+ font-size: 14px;
86
+ font-style: normal;
87
+ font-weight: 400;
88
+ line-height: 24px; /* 171.429% */
89
+ letter-spacing: 0.1px;
90
+ }
91
+ .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper {
92
+ width: 100%;
93
+ display: flex;
94
+ align-items: center;
95
+ justify-content: space-between;
96
+ }
97
+ .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputLabel {
98
+ width: 100%;
99
+ width: 100%;
100
+ overflow: hidden;
101
+ color: #131314;
102
+ font-family: "Inter-Medium";
103
+ font-size: 12px;
104
+ font-style: normal;
105
+ font-weight: 450;
106
+ line-height: 16px; /* 171.429% */
107
+ letter-spacing: 0.1px;
108
+ }
109
+ .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputLabel .FormInput-module__formInputRequired {
110
+ overflow: hidden;
111
+ color: #e3292f;
112
+ text-overflow: ellipsis;
113
+ font-family: "Inter-Medium";
114
+ font-size: 12px;
115
+ font-style: normal;
116
+ font-weight: 450;
117
+ line-height: 16px; /* 133.333% */
118
+ letter-spacing: 0.1px;
119
+ }
120
+ .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputHelperSlot {
121
+ display: flex;
122
+ align-items: center;
123
+ justify-content: center;
124
+ }
125
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper {
126
+ width: 100%;
127
+ display: flex;
128
+ align-items: center;
129
+ gap: 8px;
130
+ padding: 8px;
131
+ border-radius: 6px;
132
+ border: 1px solid #e6e6e6;
133
+ background: #fff;
134
+ }
135
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorState {
136
+ border-radius: 6px;
137
+ background: #fff;
138
+ outline: 1px solid #f63e45;
139
+ outline-offset: -1px;
140
+ box-shadow: none;
141
+ }
142
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__focused {
143
+ border-radius: 6px;
144
+ background: #fff;
145
+ outline: 2px solid #0058ff;
146
+ outline-offset: -2px;
147
+ box-shadow: none;
148
+ }
149
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__active {
150
+ border-radius: 6px;
151
+ background: #fff;
152
+ outline: 1.5px solid #0058ff;
153
+ outline-offset: -1.5px;
154
+ box-shadow: 0 0 0 2px #dee9fc;
155
+ }
156
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorFocused {
157
+ border-radius: 6px;
158
+ background: #fff;
159
+ outline: 2px solid #f63e45;
160
+ outline-offset: -2px;
161
+ box-shadow: none;
162
+ }
163
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorActive {
164
+ border-radius: 6px;
165
+ background: #fff;
166
+ outline: 1.5px solid #f63e45;
167
+ outline-offset: -1.5px;
168
+ box-shadow: 0 0 0 2px #fcdcdd;
169
+ }
170
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper input.FormInput-module__formInput {
171
+ width: 100%;
172
+ border: none;
173
+ outline: none;
174
+ background-color: transparent;
175
+ caret-color: #0058ff;
176
+ width: 100%;
177
+ overflow: hidden;
178
+ color: #131314;
179
+ text-overflow: ellipsis;
180
+ font-family: "Inter-Regular";
181
+ font-size: 14px;
182
+ font-style: normal;
183
+ font-weight: 400;
184
+ line-height: 24px; /* 171.429% */
185
+ letter-spacing: 0.1px;
186
+ }
187
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper input.FormInput-module__formInput::placeholder {
188
+ width: 100%;
189
+ overflow: hidden;
190
+ color: #646569;
191
+ text-overflow: ellipsis;
192
+ font-family: "Inter-Regular";
193
+ font-size: 14px;
194
+ font-style: normal;
195
+ font-weight: 400;
196
+ line-height: 24px; /* 171.429% */
197
+ letter-spacing: 0.1px;
198
+ }
199
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper .FormInput-module__formInputSlot {
200
+ display: grid;
201
+ place-items: center;
202
+ }
203
+ .FormInput-module__inputWrapper .FormInput-module__formInputHelperText {
204
+ width: 100%;
205
+ overflow: hidden;
206
+ color: #131314;
207
+ text-overflow: ellipsis;
208
+ font-family: "Inter-Medium";
209
+ font-size: 12px;
210
+ font-style: normal;
211
+ font-weight: 450;
212
+ line-height: 16px; /* 133.333% */
213
+ letter-spacing: 0.1px;
214
+ }
215
+ .FormInput-module__inputWrapper .FormInput-module__formInputHelperText.FormInput-module__errorHelperText {
216
+ width: 100%;
217
+ overflow: hidden;
218
+ color: #e3292f;
219
+ text-overflow: ellipsis;
220
+ font-family: "Inter-Medium";
221
+ font-size: 12px;
222
+ font-style: normal;
223
+ font-weight: 450;
224
+ line-height: 16px; /* 133.333% */
225
+ letter-spacing: 0.1px;
226
+ color: #e3292f;
227
+ }
228
+ .FormInput-module__inputWrapper .FormInput-module__formInputHelperText.FormInput-module__successHelperText {
229
+ width: 100%;
230
+ overflow: hidden;
231
+ color: #328707;
232
+ text-overflow: ellipsis;
233
+ font-family: "Inter-Medium";
234
+ font-size: 12px;
235
+ font-style: normal;
236
+ font-weight: 450;
237
+ line-height: 16px; /* 133.333% */
238
+ letter-spacing: 0.1px;
239
+ color: #328707;
240
+ }
@@ -0,0 +1,40 @@
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
+ .InlineLoading-module__inlineLoadingWrapper {
14
+ width: 100%;
15
+ }
16
+ .InlineLoading-module__inlineLoadingWrapper div {
17
+ display: flex;
18
+ gap: 0.5rem;
19
+ }
20
+ .InlineLoading-module__inlineLoadingWrapper div.InlineLoading-module__loading svg {
21
+ animation: InlineLoading-module__anim 1s infinite linear;
22
+ }
23
+ @keyframes InlineLoading-module__anim {
24
+ to {
25
+ transform: rotate(1turn);
26
+ }
27
+ }
28
+ .InlineLoading-module__inlineLoadingWrapper div span {
29
+ color: #181d27;
30
+ font-family: "Inter-Regular", sans-serif;
31
+ font-size: var(--Font-size-text-md, 16px);
32
+ font-style: normal;
33
+ font-weight: 400;
34
+ line-height: 1.125rem;
35
+ font-size: 0.75rem;
36
+ }
37
+
38
+ .InlineLoading-module__dark.InlineLoading-module__inlineLoadingWrapper span {
39
+ color: #f7f7f7;
40
+ }
@@ -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
+ }