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,150 +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
- .TimePicker-module__timepickerWrapper {
14
- user-select: none;
15
- scroll-behavior: smooth;
16
- width: 100%;
17
- }
18
- .TimePicker-module__timepickerWrapper * {
19
- scrollbar-width: none;
20
- }
21
- .TimePicker-module__timepickerWrapper *::-webkit-scrollbar {
22
- display: none;
23
- }
24
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper {
25
- width: 100%;
26
- }
27
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper .TimePicker-module__dropdownRightIcon {
28
- display: flex;
29
- align-items: center;
30
- gap: 8px;
31
- margin: 8px;
32
- }
33
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper .TimePicker-module__dropdownRightIcon .TimePicker-module__dropdownRightIconClose {
34
- display: flex;
35
- align-items: center;
36
- justify-content: center;
37
- cursor: pointer;
38
- }
39
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper .TimePicker-module__dropdownRightIcon .TimePicker-module__dropdownRightIconArrow {
40
- display: flex;
41
- align-items: center;
42
- justify-content: center;
43
- cursor: pointer;
44
- transition: transform 0.2s ease-in-out;
45
- }
46
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper .TimePicker-module__dropdownRightIcon.TimePicker-module__focused .TimePicker-module__dropdownRightIconArrow {
47
- transform: rotate(180deg);
48
- }
49
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper {
50
- width: 218px;
51
- border-radius: 12px;
52
- box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
53
- border: 1px solid #e6e6e6;
54
- background: #fff;
55
- display: flex;
56
- flex-direction: column;
57
- gap: 8px;
58
- }
59
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownHeader {
60
- padding: 8px 8px 0 8px;
61
- }
62
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownHeader .TimePicker-module__timepickerDropdownHeaderButtons {
63
- width: 100%;
64
- display: flex;
65
- justify-content: space-between;
66
- gap: 2px;
67
- border-radius: 8px;
68
- background: #f2f2f2;
69
- padding: 2px;
70
- }
71
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownHeader p {
72
- padding: 5px 20px;
73
- color: #646569;
74
- font-feature-settings: "liga" off, "clig" off;
75
- font-family: "Inter-Regular", sans-serif;
76
- font-size: 14px;
77
- font-style: normal;
78
- font-weight: 400;
79
- line-height: 24px; /* 171.429% */
80
- letter-spacing: 0.1px;
81
- cursor: pointer;
82
- }
83
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownHeader p.TimePicker-module__active {
84
- color: #131314;
85
- border-radius: 6px 6px 6px 6px;
86
- background: #fff;
87
- box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
88
- }
89
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody {
90
- width: 100%;
91
- display: flex;
92
- border-top: 1px solid #e6e6e6;
93
- border-bottom: 1px solid #e6e6e6;
94
- }
95
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody .TimePicker-module__timepickerDropdownBodyHours {
96
- width: 50%;
97
- display: flex;
98
- flex-direction: column;
99
- align-items: center;
100
- height: 230px;
101
- overflow-y: auto;
102
- border-right: 1px solid #e6e6e6;
103
- padding: 8px;
104
- }
105
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody .TimePicker-module__timepickerDropdownBodyMinutes {
106
- width: 50%;
107
- display: flex;
108
- flex-direction: column;
109
- align-items: center;
110
- height: 230px;
111
- overflow-y: auto;
112
- padding: 8px;
113
- }
114
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody .TimePicker-module__timepickerDropdownBodyAmPm {
115
- width: 50%;
116
- display: flex;
117
- flex-direction: column;
118
- align-items: center;
119
- height: 230px;
120
- overflow-y: auto;
121
- border-left: 1px solid #e6e6e6;
122
- padding: 8px;
123
- }
124
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody p {
125
- padding: 6px 10px;
126
- border-radius: 4px;
127
- cursor: pointer;
128
- width: 100%;
129
- color: #131314;
130
- text-align: center;
131
- font-feature-settings: "liga" off, "clig" off;
132
- text-overflow: ellipsis;
133
- /* UI/14 regular */
134
- font-family: "Inter-Regular", sans-serif;
135
- font-size: 14px;
136
- font-style: normal;
137
- font-weight: 400;
138
- line-height: 24px; /* 171.429% */
139
- letter-spacing: 0.1px;
140
- }
141
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody p:hover {
142
- background: #fafafa;
143
- }
144
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody p.TimePicker-module__active {
145
- background: #ECF3FF;
146
- color: #0058FF;
147
- }
148
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownFooter {
149
- padding: 8px;
150
- }
@@ -1,75 +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
- .Toggle-module__toggleWrapper {
14
- position: relative;
15
- overflow: hidden;
16
- border-radius: 13.333px;
17
- background: #c1c2c7;
18
- padding: 4px;
19
- cursor: pointer;
20
- }
21
- .Toggle-module__toggleWrapper.Toggle-module__checked {
22
- background: #0058FF;
23
- }
24
- .Toggle-module__toggleWrapper.Toggle-module__error {
25
- background: #e3292f;
26
- }
27
- .Toggle-module__toggleWrapper.Toggle-module__disabled {
28
- background: #d4d5d6;
29
- cursor: not-allowed;
30
- }
31
- .Toggle-module__toggleWrapper.Toggle-module__disabled.Toggle-module__checked {
32
- background: #95969c;
33
- }
34
- .Toggle-module__toggleWrapper.Toggle-module__sm {
35
- width: 24px;
36
- height: 16px;
37
- }
38
- .Toggle-module__toggleWrapper.Toggle-module__sm.Toggle-module__checked .Toggle-module__toggleState {
39
- left: calc(100% - 12px);
40
- }
41
- .Toggle-module__toggleWrapper.Toggle-module__sm .Toggle-module__toggleState {
42
- width: 8px;
43
- height: 8px;
44
- }
45
- .Toggle-module__toggleWrapper.Toggle-module__md {
46
- width: 32px;
47
- height: 20px;
48
- }
49
- .Toggle-module__toggleWrapper.Toggle-module__md.Toggle-module__checked .Toggle-module__toggleState {
50
- left: calc(100% - 16px);
51
- }
52
- .Toggle-module__toggleWrapper.Toggle-module__md .Toggle-module__toggleState {
53
- width: 12px;
54
- height: 12px;
55
- }
56
- .Toggle-module__toggleWrapper.Toggle-module__lg {
57
- width: 40px;
58
- height: 24px;
59
- }
60
- .Toggle-module__toggleWrapper.Toggle-module__lg .Toggle-module__toggleState {
61
- width: 16px;
62
- height: 16px;
63
- }
64
- .Toggle-module__toggleWrapper.Toggle-module__lg.Toggle-module__checked .Toggle-module__toggleState {
65
- left: calc(100% - 20px);
66
- }
67
- .Toggle-module__toggleWrapper .Toggle-module__toggleState {
68
- border-radius: 8px;
69
- background: #fff;
70
- position: absolute;
71
- top: 50%;
72
- left: 4px;
73
- transform: translateY(-50%);
74
- transition: 0.2s all;
75
- }
@@ -1,113 +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
- .Tooltip-module__tooltipContainer {
14
- position: relative;
15
- }
16
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent {
17
- border-radius: 0.5rem;
18
- background: #181d27;
19
- padding: 0.75rem;
20
- max-width: 200px;
21
- min-width: 118px;
22
- position: absolute;
23
- z-index: 99999;
24
- word-break: break-word;
25
- /* Absolute positioning */
26
- /* CSS border triangles */
27
- /* Absolute positioning */
28
- /* CSS border triangles */
29
- /* Absolute positioning */
30
- /* CSS border triangles */
31
- /* Absolute positioning */
32
- /* CSS border triangles */
33
- }
34
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__withoutPointer::before {
35
- all: initial;
36
- }
37
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent::before {
38
- content: " ";
39
- left: 50%;
40
- border: solid transparent;
41
- height: 0;
42
- width: 0;
43
- position: absolute;
44
- pointer-events: none;
45
- border-width: 6px;
46
- margin-left: -6px;
47
- }
48
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__top::before {
49
- top: 100%;
50
- border-top-color: #181d27;
51
- left: var(--pointer-position);
52
- }
53
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__right::before {
54
- left: -6px;
55
- top: 50%;
56
- transform: translateX(0) translateY(-50%);
57
- border-right-color: #181d27;
58
- }
59
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__bottom::before {
60
- bottom: 100%;
61
- left: var(--pointer-position);
62
- border-bottom-color: #181d27;
63
- }
64
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__left::before {
65
- left: auto;
66
- right: -12px;
67
- top: 50%;
68
- transform: translateX(0) translateY(-50%);
69
- border-left-color: #181d27;
70
- }
71
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipTitle {
72
- width: 100%;
73
- word-break: break-word;
74
- color: #fff;
75
- font-family: "Inter-Regular", sans-serif;
76
- font-size: 0.75rem;
77
- font-style: normal;
78
- font-weight: 600;
79
- line-height: 1.125rem; /* 150% */
80
- }
81
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipText {
82
- width: 100%;
83
- word-break: break-word;
84
- color: rgba(255, 255, 255, 0.9);
85
- font-family: "Inter-Regular", sans-serif;
86
- font-size: 0.75rem;
87
- font-style: normal;
88
- font-weight: 500;
89
- line-height: 1.125rem; /* 150% */
90
- }
91
-
92
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent {
93
- background: #ffffff;
94
- }
95
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__top::before {
96
- border-top-color: #ffffff;
97
- left: var(--pointer-position);
98
- }
99
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__right::before {
100
- border-right-color: #ffffff;
101
- }
102
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__bottom::before {
103
- border-bottom-color: #ffffff;
104
- }
105
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__left::before {
106
- border-left-color: #ffffff;
107
- }
108
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipTitle {
109
- color: #0c0e12;
110
- }
111
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipText {
112
- color: rgba(12, 14, 18, 0.9);
113
- }
@@ -1,35 +0,0 @@
1
- import { __exports as reactJsxRuntime_production } from "../../../_virtual/react-jsx-runtime.production.js";
2
- /**
3
- * @license React
4
- * react-jsx-runtime.production.js
5
- *
6
- * Copyright (c) Meta Platforms, Inc. and affiliates.
7
- *
8
- * This source code is licensed under the MIT license found in the
9
- * LICENSE file in the root directory of this source tree.
10
- */
11
- var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
12
- function jsxProd(type, config, maybeKey) {
13
- var key = null;
14
- void 0 !== maybeKey && (key = "" + maybeKey);
15
- void 0 !== config.key && (key = "" + config.key);
16
- if ("key" in config) {
17
- maybeKey = {};
18
- for (var propName in config)
19
- "key" !== propName && (maybeKey[propName] = config[propName]);
20
- } else maybeKey = config;
21
- config = maybeKey.ref;
22
- return {
23
- $$typeof: REACT_ELEMENT_TYPE,
24
- type,
25
- key,
26
- ref: void 0 !== config ? config : null,
27
- props: maybeKey
28
- };
29
- }
30
- reactJsxRuntime_production.Fragment = REACT_FRAGMENT_TYPE;
31
- reactJsxRuntime_production.jsx = jsxProd;
32
- reactJsxRuntime_production.jsxs = jsxProd;
33
- export {
34
- reactJsxRuntime_production as default
35
- };
@@ -1,10 +0,0 @@
1
- import { __module as jsxRuntime } from "../../_virtual/jsx-runtime.js";
2
- import { __exports as reactJsxRuntime_production } from "../../_virtual/react-jsx-runtime.production.js";
3
- import "./cjs/react-jsx-runtime.production.js";
4
- {
5
- jsxRuntime.exports = reactJsxRuntime_production;
6
- }
7
- var jsxRuntimeExports = jsxRuntime.exports;
8
- export {
9
- jsxRuntimeExports as j
10
- };