master-components-react-ts 2.1.3 → 2.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/dist/assets/Icons/IconArrowUp.js +2 -2
  2. package/dist/assets/Icons/IconCalendar.js +6 -6
  3. package/dist/assets/Icons/IconCheck.js +2 -2
  4. package/dist/assets/Icons/IconCheckCircle.js +2 -2
  5. package/dist/assets/Icons/IconCheckmark.js +2 -2
  6. package/dist/assets/Icons/IconCircularLoading.js +5 -5
  7. package/dist/assets/Icons/IconClose.js +3 -3
  8. package/dist/assets/Icons/IconCloseBackground.js +2 -2
  9. package/dist/assets/Icons/IconCloseCircle.js +2 -2
  10. package/dist/assets/Icons/IconErrorDash.js +2 -2
  11. package/dist/assets/Icons/IconExclamation.js +2 -2
  12. package/dist/assets/Icons/IconLeft.js +2 -2
  13. package/dist/assets/Icons/IconLoading.js +4 -4
  14. package/dist/assets/Icons/IconMinus.js +2 -2
  15. package/dist/assets/Icons/IconRadioChecked.js +6 -6
  16. package/dist/assets/Icons/IconRadioCheckedDisabled.js +6 -6
  17. package/dist/assets/Icons/IconRadioUnchecked.js +4 -4
  18. package/dist/assets/Icons/IconRadioUncheckedDisabled.js +4 -4
  19. package/dist/assets/Icons/IconRight.js +2 -2
  20. package/dist/assets/Icons/IconSave.js +2 -2
  21. package/dist/assets/Icons/IconSearch.js +4 -4
  22. package/dist/assets/Icons/IconSuccess.js +2 -2
  23. package/dist/assets/Icons/IconTrash.js +2 -2
  24. package/dist/assets/style-CXs6Ghy1.css +2249 -0
  25. package/dist/components/ActionDropdown/ActionDropdown.js +6 -6
  26. package/dist/components/Checkbox/Checkbox.js +4 -4
  27. package/dist/components/DatePicker/Calendar.js +50 -50
  28. package/dist/components/DatePicker/DatePicker.js +6 -6
  29. package/dist/components/Dropdown/Dropdown.js +29 -29
  30. package/dist/components/FormInput/FormInput.js +13 -13
  31. package/dist/components/InlineLoading/InlineLoading.js +11 -11
  32. package/dist/components/MainButton/MainButton.js +6 -6
  33. package/dist/components/NotificationToast/NotificationContext.js +3 -3
  34. package/dist/components/NotificationToast/NotificationToast.js +12 -12
  35. package/dist/components/Popup/Popup.js +12 -12
  36. package/dist/components/Radio/Radio.js +7 -7
  37. package/dist/components/Skeleton/Skeleton.js +2 -2
  38. package/dist/components/Textarea/Textarea.js +9 -9
  39. package/dist/components/TimePicker/TimePicker.js +18 -18
  40. package/dist/components/Toggle/Toggle.js +3 -3
  41. package/dist/components/Tooltip/Tooltip.js +6 -6
  42. package/package.json +6 -3
  43. package/dist/_virtual/jsx-runtime.js +0 -4
  44. package/dist/_virtual/react-jsx-runtime.production.js +0 -4
  45. package/dist/assets/components/ActionDropdown/ActionDropdown.module-CJpBa8kB.css +0 -85
  46. package/dist/assets/components/Checkbox/Checkbox.module-_XqqEodq.css +0 -82
  47. package/dist/assets/components/DatePicker/Calendar.module-D3fcZWFD.css +0 -316
  48. package/dist/assets/components/DatePicker/Datepicker.module-BxWRyQpP.css +0 -39
  49. package/dist/assets/components/Dropdown/Dropdown.module-DgjqziBo.css +0 -242
  50. package/dist/assets/components/FormInput/FormInput.module-DvfUbgbC.css +0 -240
  51. package/dist/assets/components/InlineLoading/InlineLoading.module-iVTVTMU0.css +0 -40
  52. package/dist/assets/components/MainButton/MainButton.module-8Us8t8Lb.css +0 -306
  53. package/dist/assets/components/NotificationToast/NotificationToast.module-mSanXElM.css +0 -179
  54. package/dist/assets/components/Popup/Popup.module-C1XFPW6u.css +0 -152
  55. package/dist/assets/components/Radio/Radio.module-BvqKw6WX.css +0 -21
  56. package/dist/assets/components/Skeleton/Skeleton.module-BxbVrXDg.css +0 -57
  57. package/dist/assets/components/Textarea/Textarea.module-BxaBUjlU.css +0 -167
  58. package/dist/assets/components/TimePicker/TimePicker.module-DfRiUaeb.css +0 -150
  59. package/dist/assets/components/Toggle/Toggle.module-DBfTR8Br.css +0 -75
  60. package/dist/assets/components/Tooltip/Tooltip.module-DEYqvQtd.css +0 -113
  61. package/dist/node_modules/react/cjs/react-jsx-runtime.production.js +0 -35
  62. package/dist/node_modules/react/jsx-runtime.js +0 -10
@@ -1,179 +0,0 @@
1
- @font-face {
2
- font-family: "Inter-Regular";
3
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
4
- }
5
- @font-face {
6
- font-family: "Inter-SemiBold";
7
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
8
- }
9
- @font-face {
10
- font-family: "Inter-Medium";
11
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
12
- }
13
- .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
- }
@@ -1,152 +0,0 @@
1
- @font-face {
2
- font-family: "Inter-Regular";
3
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
4
- }
5
- @font-face {
6
- font-family: "Inter-SemiBold";
7
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
8
- }
9
- @font-face {
10
- font-family: "Inter-Medium";
11
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
12
- }
13
- .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
- }
@@ -1,21 +0,0 @@
1
- @font-face {
2
- font-family: "Inter-Regular";
3
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
4
- }
5
- @font-face {
6
- font-family: "Inter-SemiBold";
7
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
8
- }
9
- @font-face {
10
- font-family: "Inter-Medium";
11
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
12
- }
13
- .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
- }
@@ -1,57 +0,0 @@
1
- @font-face {
2
- font-family: "Inter-Regular";
3
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
4
- }
5
- @font-face {
6
- font-family: "Inter-SemiBold";
7
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
8
- }
9
- @font-face {
10
- font-family: "Inter-Medium";
11
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
12
- }
13
- .Skeleton-module__skeleton {
14
- background-color: #e0e0e0;
15
- border-radius: 4px;
16
- position: relative;
17
- overflow: hidden;
18
- display: grid;
19
- place-items: center;
20
- }
21
- .Skeleton-module__skeleton::after {
22
- content: "";
23
- position: absolute;
24
- top: 0;
25
- left: 0;
26
- right: 0;
27
- bottom: 0;
28
- background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
29
- animation: Skeleton-module__shimmer 1.5s infinite;
30
- }
31
-
32
- .Skeleton-module__text {
33
- height: 1rem;
34
- width: 100%;
35
- margin: 8px 0;
36
- }
37
-
38
- .Skeleton-module__avatar {
39
- height: 40px;
40
- width: 40px;
41
- border-radius: 50%;
42
- }
43
-
44
- @keyframes Skeleton-module__shimmer {
45
- 0% {
46
- transform: translateX(-100%);
47
- }
48
- 100% {
49
- transform: translateX(100%);
50
- }
51
- }
52
- .Skeleton-module__dark.Skeleton-module__skeleton {
53
- background-color: #5a5a5a;
54
- }
55
- .Skeleton-module__dark.Skeleton-module__skeleton::after {
56
- background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);
57
- }
@@ -1,167 +0,0 @@
1
- @font-face {
2
- font-family: "Inter-Regular";
3
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
4
- }
5
- @font-face {
6
- font-family: "Inter-SemiBold";
7
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
8
- }
9
- @font-face {
10
- font-family: "Inter-Medium";
11
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
12
- }
13
- .Textarea-module__textareaContainer {
14
- width: 100%;
15
- display: flex;
16
- flex-direction: column;
17
- align-items: flex-start;
18
- gap: 0.375rem;
19
- flex-shrink: 0;
20
- }
21
- .Textarea-module__textareaContainer .Textarea-module__textAreaLabel {
22
- display: flex;
23
- justify-content: space-between;
24
- display: flex;
25
- align-items: center;
26
- gap: 0.125rem;
27
- width: 100%;
28
- }
29
- .Textarea-module__textareaContainer .Textarea-module__textAreaLabel p {
30
- width: 100%;
31
- width: 100%;
32
- overflow: hidden;
33
- color: #131314;
34
- font-family: "Inter-Medium";
35
- font-size: 12px;
36
- font-style: normal;
37
- font-weight: 450;
38
- line-height: 16px; /* 171.429% */
39
- letter-spacing: 0.1px;
40
- }
41
- .Textarea-module__textareaContainer .Textarea-module__textAreaLabel .Textarea-module__required {
42
- color: #d92d20;
43
- font-size: 0.875rem;
44
- font-family: "Inter-Regular", sans-serif;
45
- font-style: normal;
46
- font-weight: 500;
47
- line-height: 1.25rem;
48
- }
49
- .Textarea-module__textareaContainer .Textarea-module__wrap {
50
- position: relative;
51
- display: inline-block;
52
- width: 100%;
53
- position: relative;
54
- }
55
- .Textarea-module__textareaContainer .Textarea-module__wrap.Textarea-module__resize textarea {
56
- resize: both;
57
- }
58
- .Textarea-module__textareaContainer .Textarea-module__wrap.Textarea-module__resize:after {
59
- content: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%3e%3cpath%20d='M10%202L2%2010'%20stroke='%23D5D7DA'%20stroke-linecap='round'/%3e%3cpath%20d='M11%207L7%2011'%20stroke='%23D5D7DA'%20stroke-linecap='round'/%3e%3c/svg%3e");
60
- width: 0.9375rem;
61
- background: transparent;
62
- position: absolute;
63
- right: 0.125rem;
64
- bottom: 0.3125rem;
65
- pointer-events: none;
66
- border-radius: 25%;
67
- }
68
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textareaIconClose {
69
- position: absolute;
70
- right: 8px;
71
- top: 8px;
72
- cursor: pointer;
73
- }
74
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea {
75
- width: 100%;
76
- border-radius: 6px;
77
- border: 1px solid #c1c2c7;
78
- background: #fff;
79
- padding: 8px 12px;
80
- resize: none;
81
- width: 100%;
82
- overflow: hidden;
83
- color: #131314;
84
- text-overflow: ellipsis;
85
- font-family: "Inter-Regular";
86
- font-size: 14px;
87
- font-style: normal;
88
- font-weight: 400;
89
- line-height: 24px; /* 171.429% */
90
- letter-spacing: 0.1px;
91
- }
92
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-resizer {
93
- display: none;
94
- }
95
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar {
96
- width: 0;
97
- }
98
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar-track {
99
- -webkit-box-shadow: none;
100
- }
101
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar-thumb {
102
- background-color: none;
103
- outline: 0;
104
- }
105
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorState {
106
- border-radius: 6px;
107
- background: #fff;
108
- outline: 1px solid #f63e45;
109
- outline-offset: -1px;
110
- box-shadow: none;
111
- }
112
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__focused {
113
- border-radius: 6px;
114
- background: #fff;
115
- outline: 2px solid #0058ff;
116
- outline-offset: -2px;
117
- box-shadow: none;
118
- }
119
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__active {
120
- border-radius: 6px;
121
- background: #fff;
122
- outline: 1.5px solid #0058ff;
123
- outline-offset: -1.5px;
124
- box-shadow: 0 0 0 2px #dee9fc;
125
- }
126
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorFocused {
127
- border-radius: 6px;
128
- background: #fff;
129
- outline: 2px solid #f63e45;
130
- outline-offset: -2px;
131
- box-shadow: none;
132
- }
133
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorActive {
134
- border-radius: 6px;
135
- background: #fff;
136
- outline: 1.5px solid #f63e45;
137
- outline-offset: -1.5px;
138
- box-shadow: 0 0 0 2px #fcdcdd;
139
- }
140
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::placeholder {
141
- width: 100%;
142
- overflow: hidden;
143
- color: #646569;
144
- text-overflow: ellipsis;
145
- font-family: "Inter-Regular";
146
- font-size: 14px;
147
- font-style: normal;
148
- font-weight: 400;
149
- line-height: 24px; /* 171.429% */
150
- letter-spacing: 0.1px;
151
- }
152
- .Textarea-module__textareaContainer .Textarea-module__textareaFooter {
153
- width: 100%;
154
- display: flex;
155
- justify-content: flex-end;
156
- align-items: center;
157
- }
158
- .Textarea-module__textareaContainer .Textarea-module__textareaFooter p {
159
- color: #131314;
160
- text-align: right;
161
- font-family: "Inter-Medium", sans-serif;
162
- font-size: 12px;
163
- font-style: normal;
164
- font-weight: 450;
165
- line-height: 16px; /* 133.333% */
166
- letter-spacing: 0.1px;
167
- }