indicator-ui 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (214) hide show
  1. package/README.md +67 -0
  2. package/dist/fonts/golos-ui_bold.80c1c59de9219ce1f9c5.woff2 +0 -0
  3. package/dist/fonts/golos-ui_bold.c0e021db79bdbbdeefad.ttf +0 -0
  4. package/dist/fonts/golos-ui_bold.e1122033a14151d7ea54.woff +0 -0
  5. package/dist/fonts/golos-ui_medium.6f7a20790ad518369eb2.woff2 +0 -0
  6. package/dist/fonts/golos-ui_medium.727b1fef51a9bac82009.ttf +0 -0
  7. package/dist/fonts/golos-ui_medium.f9db984fc119d6aeca90.woff +0 -0
  8. package/dist/fonts/golos-ui_regular.144142fba245a224ac28.woff +0 -0
  9. package/dist/fonts/golos-ui_regular.28e502dbcc83c91565af.ttf +0 -0
  10. package/dist/fonts/golos-ui_regular.a1c96bd6133294a21f27.woff2 +0 -0
  11. package/dist/index.css +1004 -0
  12. package/dist/index.css.map +1 -0
  13. package/dist/index.js +11477 -0
  14. package/dist/index.js.map +1 -0
  15. package/dist/scss/index.scss +2 -0
  16. package/dist/scss/styles/colors/index.scss +2 -0
  17. package/dist/scss/styles/colors/primary.scss +54 -0
  18. package/dist/scss/styles/colors/secondary.scss +12 -0
  19. package/dist/scss/styles/fonts.scss +31 -0
  20. package/dist/scss/styles/fontsAssets/Golos-UI/golos-ui_bold.ttf +0 -0
  21. package/dist/scss/styles/fontsAssets/Golos-UI/golos-ui_bold.woff +0 -0
  22. package/dist/scss/styles/fontsAssets/Golos-UI/golos-ui_bold.woff2 +0 -0
  23. package/dist/scss/styles/fontsAssets/Golos-UI/golos-ui_medium.ttf +0 -0
  24. package/dist/scss/styles/fontsAssets/Golos-UI/golos-ui_medium.woff +0 -0
  25. package/dist/scss/styles/fontsAssets/Golos-UI/golos-ui_medium.woff2 +0 -0
  26. package/dist/scss/styles/fontsAssets/Golos-UI/golos-ui_regular.ttf +0 -0
  27. package/dist/scss/styles/fontsAssets/Golos-UI/golos-ui_regular.woff +0 -0
  28. package/dist/scss/styles/fontsAssets/Golos-UI/golos-ui_regular.woff2 +0 -0
  29. package/dist/scss/styles/index.scss +3 -0
  30. package/dist/scss/styles/mixins/centerInsideContent.scss +5 -0
  31. package/dist/scss/styles/mixins/changeSvg.scss +26 -0
  32. package/dist/scss/styles/mixins/fnt-flex.scss +35 -0
  33. package/dist/scss/styles/mixins/fnt.scss +24 -0
  34. package/dist/scss/styles/mixins/index.scss +6 -0
  35. package/dist/scss/styles/mixins/modify-flex.scss +18 -0
  36. package/dist/scss/styles/mixins/modify-svg.scss +19 -0
  37. package/dist/scss/test/global.scss +13 -0
  38. package/dist/scss/ui/Buttons/index.scss +1 -0
  39. package/dist/scss/ui/Buttons/styles/index.scss +1 -0
  40. package/dist/scss/ui/Buttons/styles/mixins/baseButton.scss +29 -0
  41. package/dist/scss/ui/Buttons/styles/mixins/button.scss +80 -0
  42. package/dist/scss/ui/Buttons/styles/mixins/index.scss +3 -0
  43. package/dist/scss/ui/Buttons/styles/mixins/properties/index.scss +20 -0
  44. package/dist/scss/ui/Buttons/styles/mixins/properties/large.scss +20 -0
  45. package/dist/scss/ui/Buttons/styles/mixins/properties/link-black.scss +29 -0
  46. package/dist/scss/ui/Buttons/styles/mixins/properties/link-color.scss +29 -0
  47. package/dist/scss/ui/Buttons/styles/mixins/properties/link-gray.scss +29 -0
  48. package/dist/scss/ui/Buttons/styles/mixins/properties/medium.scss +20 -0
  49. package/dist/scss/ui/Buttons/styles/mixins/properties/primary.scss +28 -0
  50. package/dist/scss/ui/Buttons/styles/mixins/properties/secondary-color.scss +28 -0
  51. package/dist/scss/ui/Buttons/styles/mixins/properties/secondary-gray.scss +32 -0
  52. package/dist/scss/ui/Buttons/styles/mixins/properties/small.scss +20 -0
  53. package/dist/scss/ui/Buttons/styles/mixins/properties/tab-active.scss +29 -0
  54. package/dist/scss/ui/Buttons/styles/mixins/properties/tab.scss +31 -0
  55. package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-color.scss +25 -0
  56. package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-gray.scss +25 -0
  57. package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-white.scss +25 -0
  58. package/dist/scss/ui/Buttons/styles/mixins/properties/ultra.scss +20 -0
  59. package/dist/scss/ui/Buttons/styles/mixins/properties/warning-primary.scss +19 -0
  60. package/dist/scss/ui/Buttons/styles/mixins/properties/warning-secondary-color.scss +26 -0
  61. package/dist/scss/ui/InputFields/FlexField/index.scss +1 -0
  62. package/dist/scss/ui/InputFields/FlexField/styles/mixins/flexField.scss +70 -0
  63. package/dist/scss/ui/InputFields/FlexField/styles/mixins/index.scss +1 -0
  64. package/dist/scss/ui/InputFields/InputField/index.scss +1 -0
  65. package/dist/scss/ui/InputFields/InputField/styles/mixins/index.scss +1 -0
  66. package/dist/scss/ui/InputFields/InputField/styles/mixins/inputField.scss +17 -0
  67. package/dist/scss/ui/InputFields/InputFieldWrapper/index.scss +1 -0
  68. package/dist/scss/ui/InputFields/InputFieldWrapper/styles/mixins/index.scss +1 -0
  69. package/dist/scss/ui/InputFields/InputFieldWrapper/styles/mixins/inputFieldWrapper.scss +50 -0
  70. package/dist/scss/ui/InputFields/RadioField/index.scss +1 -0
  71. package/dist/scss/ui/InputFields/RadioField/styles/mixins/index.scss +1 -0
  72. package/dist/scss/ui/InputFields/RadioField/styles/mixins/radioField.scss +45 -0
  73. package/dist/scss/ui/InputFields/SelectField/index.scss +1 -0
  74. package/dist/scss/ui/InputFields/SelectField/styles/mixins/index.scss +1 -0
  75. package/dist/scss/ui/InputFields/SelectField/styles/mixins/selectField.scss +58 -0
  76. package/dist/scss/ui/InputFields/SwitcherField/index.scss +1 -0
  77. package/dist/scss/ui/InputFields/SwitcherField/styles/mixins/index.scss +1 -0
  78. package/dist/scss/ui/InputFields/SwitcherField/styles/mixins/switcherField.scss +92 -0
  79. package/dist/scss/ui/InputFields/TextareaField/index.scss +1 -0
  80. package/dist/scss/ui/InputFields/TextareaField/styles/mixin/index.scss +1 -0
  81. package/dist/scss/ui/InputFields/TextareaField/styles/mixin/textareaField.scss +41 -0
  82. package/dist/scss/ui/InputFields/index.scss +7 -0
  83. package/dist/scss/ui/MicroButton/index.scss +1 -0
  84. package/dist/scss/ui/MicroButton/styles/index.scss +1 -0
  85. package/dist/scss/ui/MicroButton/styles/mixins/base-button.scss +10 -0
  86. package/dist/scss/ui/MicroButton/styles/mixins/index.scss +1 -0
  87. package/dist/scss/ui/MicroButton/styles/mixins/micro-button.scss +64 -0
  88. package/dist/scss/ui/MicroButton/styles/mixins/properties/color-fill.scss +12 -0
  89. package/dist/scss/ui/MicroButton/styles/mixins/properties/color-hover.scss +11 -0
  90. package/dist/scss/ui/MicroButton/styles/mixins/properties/color.scss +11 -0
  91. package/dist/scss/ui/MicroButton/styles/mixins/properties/dark.scss +10 -0
  92. package/dist/scss/ui/MicroButton/styles/mixins/properties/gray-fill.scss +12 -0
  93. package/dist/scss/ui/MicroButton/styles/mixins/properties/gray.scss +11 -0
  94. package/dist/scss/ui/MicroButton/styles/mixins/properties/index.scss +15 -0
  95. package/dist/scss/ui/MicroButton/styles/mixins/properties/light.scss +11 -0
  96. package/dist/scss/ui/MicroButton/styles/mixins/properties/red-fill.scss +12 -0
  97. package/dist/scss/ui/MicroButton/styles/mixins/properties/red-hover.scss +11 -0
  98. package/dist/scss/ui/MicroButton/styles/mixins/properties/size-14.scss +11 -0
  99. package/dist/scss/ui/MicroButton/styles/mixins/properties/size-16.scss +11 -0
  100. package/dist/scss/ui/MicroButton/styles/mixins/properties/size-20.scss +11 -0
  101. package/dist/scss/ui/MicroButton/styles/mixins/properties/size-24.scss +11 -0
  102. package/dist/scss/ui/MicroButton/styles/mixins/properties/size-28.scss +11 -0
  103. package/dist/scss/ui/index.scss +2 -0
  104. package/dist/types/src/assets/icons/index.d.ts +88 -0
  105. package/dist/types/src/assets/index.d.ts +1 -0
  106. package/dist/types/src/hooks/index.d.ts +4 -0
  107. package/dist/types/src/hooks/useFormData.d.ts +18 -0
  108. package/dist/types/src/hooks/useIsErrorField.d.ts +23 -0
  109. package/dist/types/src/index.d.ts +1 -0
  110. package/dist/types/src/lib/array/getUniqueArray.d.ts +1 -0
  111. package/dist/types/src/lib/array/index.d.ts +3 -0
  112. package/dist/types/src/lib/array/isArray.d.ts +1 -0
  113. package/dist/types/src/lib/array/isEqualArrays.d.ts +1 -0
  114. package/dist/types/src/lib/dict/getDeepValue.d.ts +4 -0
  115. package/dist/types/src/lib/dict/index.d.ts +3 -0
  116. package/dist/types/src/lib/dict/isDict.d.ts +1 -0
  117. package/dist/types/src/lib/dict/setDeepValue.d.ts +8 -0
  118. package/dist/types/src/lib/index.d.ts +3 -0
  119. package/dist/types/src/lib/reactComponents/handleScrollEnd.d.ts +2 -0
  120. package/dist/types/src/lib/reactComponents/index.d.ts +2 -0
  121. package/dist/types/src/lib/reactComponents/isCustomComponent.d.ts +1 -0
  122. package/dist/types/src/test/App.d.ts +2 -0
  123. package/dist/types/src/test/index.d.ts +1 -0
  124. package/dist/types/src/test/layout/PageLayout.d.ts +3 -0
  125. package/dist/types/src/test/layout/index.d.ts +1 -0
  126. package/dist/types/src/test/pages/ButtonsPage.d.ts +1 -0
  127. package/dist/types/src/test/pages/DatePickerPage.d.ts +1 -0
  128. package/dist/types/src/test/pages/FieldsPage.d.ts +1 -0
  129. package/dist/types/src/test/pages/HomePage.d.ts +1 -0
  130. package/dist/types/src/test/pages/MicroButtonsPage.d.ts +1 -0
  131. package/dist/types/src/test/pages/index.d.ts +5 -0
  132. package/dist/types/src/types/DictDeepActionsTypes.d.ts +7 -0
  133. package/dist/types/src/types/HelperType.d.ts +1 -0
  134. package/dist/types/src/types/index.d.ts +2 -0
  135. package/dist/types/src/ui/Buttons/index.d.ts +2 -0
  136. package/dist/types/src/ui/Buttons/styles/index.d.ts +1 -0
  137. package/dist/types/src/ui/Buttons/types/ButtonTypes.d.ts +52 -0
  138. package/dist/types/src/ui/Buttons/types/index.d.ts +1 -0
  139. package/dist/types/src/ui/Buttons/ui/Button.d.ts +2 -0
  140. package/dist/types/src/ui/Buttons/ui/index.d.ts +1 -0
  141. package/dist/types/src/ui/DatePicker/const/index.d.ts +3 -0
  142. package/dist/types/src/ui/DatePicker/index.d.ts +3 -0
  143. package/dist/types/src/ui/DatePicker/lib/index.d.ts +21 -0
  144. package/dist/types/src/ui/DatePicker/styles/index.d.ts +6 -0
  145. package/dist/types/src/ui/DatePicker/types/CalendarDayTypes.d.ts +24 -0
  146. package/dist/types/src/ui/DatePicker/types/DateGridTypes.d.ts +10 -0
  147. package/dist/types/src/ui/DatePicker/types/DatePickerFooterTypes.d.ts +4 -0
  148. package/dist/types/src/ui/DatePicker/types/DatePickerHeaderTypes.d.ts +4 -0
  149. package/dist/types/src/ui/DatePicker/types/DatePickerMainTypes.d.ts +18 -0
  150. package/dist/types/src/ui/DatePicker/types/DatePickerTypes.d.ts +19 -0
  151. package/dist/types/src/ui/DatePicker/types/index.d.ts +6 -0
  152. package/dist/types/src/ui/DatePicker/ui/CalendarDay.d.ts +2 -0
  153. package/dist/types/src/ui/DatePicker/ui/DateGrid.d.ts +2 -0
  154. package/dist/types/src/ui/DatePicker/ui/DatePicker.d.ts +2 -0
  155. package/dist/types/src/ui/DatePicker/ui/DatePickerFooter.d.ts +2 -0
  156. package/dist/types/src/ui/DatePicker/ui/DatePickerHeader.d.ts +2 -0
  157. package/dist/types/src/ui/DatePicker/ui/DatePickerMain.d.ts +2 -0
  158. package/dist/types/src/ui/DatePicker/ui/index.d.ts +6 -0
  159. package/dist/types/src/ui/InputFields/FlexField/index.d.ts +2 -0
  160. package/dist/types/src/ui/InputFields/FlexField/styles/index.d.ts +1 -0
  161. package/dist/types/src/ui/InputFields/FlexField/types/FlexFieldTypes.d.ts +34 -0
  162. package/dist/types/src/ui/InputFields/FlexField/types/index.d.ts +1 -0
  163. package/dist/types/src/ui/InputFields/FlexField/ui/FlexField.d.ts +4 -0
  164. package/dist/types/src/ui/InputFields/InputField/index.d.ts +2 -0
  165. package/dist/types/src/ui/InputFields/InputField/styles/index.d.ts +1 -0
  166. package/dist/types/src/ui/InputFields/InputField/types/InputFieldTypes.d.ts +17 -0
  167. package/dist/types/src/ui/InputFields/InputField/types/index.d.ts +1 -0
  168. package/dist/types/src/ui/InputFields/InputField/ui/InputField.d.ts +3 -0
  169. package/dist/types/src/ui/InputFields/InputFieldWrapper/index.d.ts +2 -0
  170. package/dist/types/src/ui/InputFields/InputFieldWrapper/styles/index.d.ts +1 -0
  171. package/dist/types/src/ui/InputFields/InputFieldWrapper/types/InputFieldWrapperTypes.d.ts +29 -0
  172. package/dist/types/src/ui/InputFields/InputFieldWrapper/types/index.d.ts +1 -0
  173. package/dist/types/src/ui/InputFields/InputFieldWrapper/ui/InputFieldWrapper.d.ts +3 -0
  174. package/dist/types/src/ui/InputFields/RadioField/index.d.ts +2 -0
  175. package/dist/types/src/ui/InputFields/RadioField/styles/index.d.ts +1 -0
  176. package/dist/types/src/ui/InputFields/RadioField/types/RadioFieldItemTypes.d.ts +19 -0
  177. package/dist/types/src/ui/InputFields/RadioField/types/RadioFieldTypes.d.ts +21 -0
  178. package/dist/types/src/ui/InputFields/RadioField/types/index.d.ts +2 -0
  179. package/dist/types/src/ui/InputFields/RadioField/ui/RadioField.d.ts +3 -0
  180. package/dist/types/src/ui/InputFields/RadioField/ui/RadioFieldItem.d.ts +3 -0
  181. package/dist/types/src/ui/InputFields/SelectField/config/ScrollConfig.d.ts +1 -0
  182. package/dist/types/src/ui/InputFields/SelectField/config/index.d.ts +1 -0
  183. package/dist/types/src/ui/InputFields/SelectField/index.d.ts +2 -0
  184. package/dist/types/src/ui/InputFields/SelectField/lib/getStringValue.d.ts +2 -0
  185. package/dist/types/src/ui/InputFields/SelectField/lib/index.d.ts +2 -0
  186. package/dist/types/src/ui/InputFields/SelectField/lib/isActiveOption.d.ts +2 -0
  187. package/dist/types/src/ui/InputFields/SelectField/styles/index.d.ts +1 -0
  188. package/dist/types/src/ui/InputFields/SelectField/types/SelectFieldOptionsItemTypes.d.ts +16 -0
  189. package/dist/types/src/ui/InputFields/SelectField/types/SelectFieldTypes.d.ts +32 -0
  190. package/dist/types/src/ui/InputFields/SelectField/types/SelectModalWindowTypes.d.ts +12 -0
  191. package/dist/types/src/ui/InputFields/SelectField/types/index.d.ts +3 -0
  192. package/dist/types/src/ui/InputFields/SelectField/ui/SelectField.d.ts +3 -0
  193. package/dist/types/src/ui/InputFields/SelectField/ui/SelectFieldOptionsItem.d.ts +3 -0
  194. package/dist/types/src/ui/InputFields/SelectField/ui/SelectModalWindow.d.ts +3 -0
  195. package/dist/types/src/ui/InputFields/SwitcherField/index.d.ts +2 -0
  196. package/dist/types/src/ui/InputFields/SwitcherField/styles/index.d.ts +1 -0
  197. package/dist/types/src/ui/InputFields/SwitcherField/types/SwitcherFieldTypes.d.ts +13 -0
  198. package/dist/types/src/ui/InputFields/SwitcherField/types/index.d.ts +1 -0
  199. package/dist/types/src/ui/InputFields/SwitcherField/ui/SwitcherField.d.ts +3 -0
  200. package/dist/types/src/ui/InputFields/TextareaField/index.d.ts +2 -0
  201. package/dist/types/src/ui/InputFields/TextareaField/styles/index.d.ts +1 -0
  202. package/dist/types/src/ui/InputFields/TextareaField/types/TextareaFieldTypes.d.ts +14 -0
  203. package/dist/types/src/ui/InputFields/TextareaField/types/index.d.ts +1 -0
  204. package/dist/types/src/ui/InputFields/TextareaField/ui/TextareaField.d.ts +3 -0
  205. package/dist/types/src/ui/InputFields/index.d.ts +7 -0
  206. package/dist/types/src/ui/MicroButton/index.d.ts +2 -0
  207. package/dist/types/src/ui/MicroButton/styles/index.d.ts +1 -0
  208. package/dist/types/src/ui/MicroButton/types/MicroButtonTypes.d.ts +36 -0
  209. package/dist/types/src/ui/MicroButton/types/index.d.ts +1 -0
  210. package/dist/types/src/ui/MicroButton/ui/MicroButton.d.ts +2 -0
  211. package/dist/types/src/ui/MicroButton/ui/index.d.ts +1 -0
  212. package/dist/types/src/ui/index.d.ts +3 -0
  213. package/dist/types/test-project/src/icons/index.d.ts +1 -0
  214. package/package.json +87 -0
@@ -0,0 +1,64 @@
1
+ @use 'base-button';
2
+ @use 'properties';
3
+
4
+ @mixin micro-button() {
5
+ .button {
6
+ @include base-button.base-button();
7
+
8
+ &.light {
9
+ @include properties.light();
10
+ }
11
+
12
+ &.dark {
13
+ @include properties.dark();
14
+ }
15
+
16
+ &.gray {
17
+ @include properties.gray();
18
+ }
19
+
20
+ &.color {
21
+ @include properties.color();
22
+ }
23
+
24
+ &.colorHover {
25
+ @include properties.color-hover();
26
+ }
27
+
28
+ &.redHover {
29
+ @include properties.red-hover();
30
+ }
31
+
32
+ &.colorFill {
33
+ @include properties.color-fill();
34
+ }
35
+
36
+ &.grayFill {
37
+ @include properties.gray-fill();
38
+ }
39
+
40
+ &.redFill {
41
+ @include properties.red-fill();
42
+ }
43
+
44
+ &.size14 {
45
+ @include properties.size-14();
46
+ }
47
+
48
+ &.size16 {
49
+ @include properties.size-16();
50
+ }
51
+
52
+ &.size20 {
53
+ @include properties.size-20();
54
+ }
55
+
56
+ &.size24 {
57
+ @include properties.size-24();
58
+ }
59
+
60
+ &.size28 {
61
+ @include properties.size-28();
62
+ }
63
+ }
64
+ }
@@ -0,0 +1,12 @@
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin color-fill() {
4
+ background: $base-white;
5
+ box-shadow: 0 0 0 1px $blue-dark-200;
6
+ @include modify-svg($stroke: $blue-dark-500);
7
+
8
+ &:hover {
9
+ background: $blue-dark-50;
10
+ @include modify-svg($stroke: $blue-dark-500);
11
+ }
12
+ }
@@ -0,0 +1,11 @@
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin color-hover() {
4
+ background: none;
5
+ @include modify-svg($stroke: $blue-dark-400);
6
+
7
+ &:hover {
8
+ background-color: $blue-dark-100;
9
+ @include modify-svg($stroke: $blue-dark-500);
10
+ }
11
+ }
@@ -0,0 +1,11 @@
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin color() {
4
+ background: none;
5
+ @include modify-svg($stroke: $blue-dark-500);
6
+
7
+ &:hover {
8
+ background-color: $base-white;
9
+ @include modify-svg($stroke: $blue-dark-600);
10
+ }
11
+ }
@@ -0,0 +1,10 @@
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin dark() {
4
+ background-color: #0C111D80;
5
+ @include modify-svg($stroke: $base-white);
6
+
7
+ &:hover {
8
+ background-color: #0C111DCC;
9
+ }
10
+ }
@@ -0,0 +1,12 @@
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin gray-fill() {
4
+ background: $base-white;
5
+ box-shadow: 0 0 0 1px $gray-300;
6
+ @include modify-svg($stroke: $gray-700);
7
+
8
+ &:hover {
9
+ background: $gray-50;
10
+ @include modify-svg($stroke: $gray-900);
11
+ }
12
+ }
@@ -0,0 +1,11 @@
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin gray() {
4
+ background: none;
5
+ @include modify-svg($stroke: $gray-500);
6
+
7
+ &:hover {
8
+ background-color: $base-white;
9
+ @include modify-svg($stroke: $gray-600);
10
+ }
11
+ }
@@ -0,0 +1,15 @@
1
+ @forward "light";
2
+ @forward "dark";
3
+ @forward "color";
4
+ @forward "color-fill";
5
+ @forward "color-hover";
6
+ @forward "gray";
7
+ @forward "gray-fill";
8
+ @forward "red-fill";
9
+ @forward "red-hover";
10
+
11
+ @forward "size-14";
12
+ @forward "size-16";
13
+ @forward "size-20";
14
+ @forward "size-24";
15
+ @forward "size-28";
@@ -0,0 +1,11 @@
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin light() {
4
+ background: none;
5
+ @include modify-svg($stroke: $gray-400);
6
+
7
+ &:hover {
8
+ background-color: $gray-200;
9
+ @include modify-svg($stroke: $gray-600);
10
+ }
11
+ }
@@ -0,0 +1,12 @@
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin red-fill() {
4
+ background: $base-white;
5
+ box-shadow: 0 0 0 1px $error-300;
6
+ @include modify-svg($stroke: $error-500);
7
+
8
+ &:hover {
9
+ background: $error-50;
10
+ @include modify-svg($stroke: $error-600);
11
+ }
12
+ }
@@ -0,0 +1,11 @@
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin red-hover() {
4
+ background: none;
5
+ @include modify-svg($stroke: $error-400);
6
+
7
+ &:hover {
8
+ background-color: $error-100;
9
+ @include modify-svg($stroke: $error-500);
10
+ }
11
+ }
@@ -0,0 +1,11 @@
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin size-14() {
4
+ border-radius: 3px;
5
+ padding: 2px;
6
+
7
+ @include modify-svg() {
8
+ width: 10px;
9
+ height: 10px;
10
+ }
11
+ }
@@ -0,0 +1,11 @@
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin size-16() {
4
+ border-radius: 3px;
5
+ padding: 2px;
6
+
7
+ @include modify-svg() {
8
+ width: 12px;
9
+ height: 12px;
10
+ }
11
+ }
@@ -0,0 +1,11 @@
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin size-20() {
4
+ border-radius: 3px;
5
+ padding: 3px;
6
+
7
+ @include modify-svg() {
8
+ width: 14px;
9
+ height: 14px;
10
+ }
11
+ }
@@ -0,0 +1,11 @@
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin size-24() {
4
+ border-radius: 4px;
5
+ padding: 4px;
6
+
7
+ @include modify-svg() {
8
+ width: 16px;
9
+ height: 16px;
10
+ }
11
+ }
@@ -0,0 +1,11 @@
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin size-28() {
4
+ border-radius: 4px;
5
+ padding: 4px;
6
+
7
+ @include modify-svg() {
8
+ width: 20px;
9
+ height: 20px;
10
+ }
11
+ }
@@ -0,0 +1,2 @@
1
+ @forward "Buttons";
2
+ @forward "MicroButton";
@@ -0,0 +1,88 @@
1
+ export { default as AlertSquareSVG } from './alert-square.svg';
2
+ export { default as AlertTriangleSVG } from './alert-triangle.svg';
3
+ export { default as ArrowCircleUpLeftSVG } from './arrow-circle-up-left.svg';
4
+ export { default as ArrowNarrowLeftSVG } from './arrow-narrow-left.svg';
5
+ export { default as ArrowNarrowRightSVG } from './arrow-narrow-right.svg';
6
+ export { default as ArrowLeftSVG } from './arrow-left.svg';
7
+ export { default as ArrowRightSVG } from './arrow-right.svg';
8
+ export { default as ArrowSquareUpRightSVG } from './arrow-square-up-right.svg';
9
+ export { default as BarChart07SVG } from './bar-chart-07.svg';
10
+ export { default as BarChart10SVG } from './bar-chart-10.svg';
11
+ export { default as BankNote01SVG } from './bank-note-01.svg';
12
+ export { default as BookmarkAddSVG } from './bookmark-add.svg';
13
+ export { default as BookClosedSVG } from './book-closed.svg';
14
+ export { default as BookOpen01SVG } from './book-open-01.svg';
15
+ export { default as Briefcase02SVG } from './briefcase-02.svg';
16
+ export { default as Building07SVG } from './building-07.svg';
17
+ export { default as CalendarPlus02SVG } from './calendar-plus-02.svg';
18
+ export { default as CalendarSVG } from './calendar.svg';
19
+ export { default as CheckSVG } from './check.svg';
20
+ export { default as ChevronDownSVG } from './chevron-down.svg';
21
+ export { default as ChevronLeftSVG } from './chevron-left.svg';
22
+ export { default as ChevronRightSVG } from './chevron-right.svg';
23
+ export { default as CheckVerified02SVG } from './check-verified-02.svg';
24
+ export { default as ChevronUpSVG } from './chevron-up.svg';
25
+ export { default as ClockCheckSVG } from './clock-check.svg';
26
+ export { default as CLockSVG } from './clock.svg';
27
+ export { default as Copy06SVG } from './copy-06.svg';
28
+ export { default as Dataflow01SVG } from './dataflow-01.svg';
29
+ export { default as Download01SVG } from './download_01.svg';
30
+ export { default as DotsGridSVG } from './dots-grid.svg';
31
+ export { default as FaceSmileSVG } from './face-smile.svg';
32
+ export { default as File04SVG } from './file-04.svg';
33
+ export { default as File06SVG } from './file-06.svg';
34
+ export { default as FileAttachment04SVG } from './file-attachment-04.svg';
35
+ export { default as Image02SVG } from './image-02.svg';
36
+ export { default as LayoutCalendarSVG } from './layout-calendar.svg';
37
+ export { default as LayoutLeftSVG } from './layout-left.svg';
38
+ export { default as LayoutGrid02SVG } from './layout-grid-02.svg';
39
+ export { default as Link01SVG } from './link-01.svg';
40
+ export { default as Login01SVG } from './log-in-01.svg';
41
+ export { default as Logout01SVG } from './log-out-01.svg';
42
+ export { default as Lock01SVG } from './lock-01.svg';
43
+ export { default as MarkerPin02SVG } from './marker-pin-02.svg';
44
+ export { default as MessageNotificationCircleSVG } from './message-notification-circle.svg';
45
+ export { default as MessageTextSquare01SVG } from './message-text-square-01.svg';
46
+ export { default as MessageTextSquare02SVG } from './message-text-square-02.svg';
47
+ export { default as MinusSVG } from './minus.svg';
48
+ export { default as MusicNote01SVG } from './music-note-01.svg';
49
+ export { default as PackageSVG } from './package.svg';
50
+ export { default as PauseCircleSVG } from './pause-circle.svg';
51
+ export { default as Pencil01SVG } from './pencil-01.svg';
52
+ export { default as PlayButtonSVG } from './play-button.svg';
53
+ export { default as PlaySVG } from './play.svg';
54
+ export { default as PlusSVG } from './plus.svg';
55
+ export { default as Rss01SVG } from './rss-01.svg';
56
+ export { default as Rows03SVG } from './rows-03.svg';
57
+ export { default as Save01SVG } from './save-01.svg';
58
+ export { default as SearchSmSVG } from './search-sm.svg';
59
+ export { default as SearchMdSVG } from './search-md.svg';
60
+ export { default as SearchLgSVG } from './search-lg.svg';
61
+ export { default as Settings01SVG } from './settings-01.svg';
62
+ export { default as Settings04SVG } from './settings-04.svg';
63
+ export { default as SupportSVG } from './support.svg';
64
+ export { default as SlashOctagonSVG } from './slash-octagon.svg';
65
+ export { default as SwitchHorizontal02SVG } from './switch-horizontal-02.svg';
66
+ export { default as Trash01SVG } from './trash-01.svg';
67
+ export { default as Trash03SVG } from './trash-03.svg';
68
+ export { default as Type02SVG } from './type-02.svg';
69
+ export { default as Upload01SVG } from './upload-01.svg';
70
+ export { default as User01SVG } from './user-01.svg';
71
+ export { default as UserEditSVG } from './user-edit.svg';
72
+ export { default as Users01SVG } from './users-01.svg';
73
+ export { default as Users02SVG } from './users-02.svg';
74
+ export { default as VerifiedSVG } from './verified.svg';
75
+ export { default as VolumeMaxSVG } from './volume-max.svg';
76
+ export { default as VolumeXSVG } from './volume-x.svg';
77
+ export { default as Wallet03SVG } from './wallet-03.svg';
78
+ export { default as XCloseSVG } from './x-close.svg';
79
+ export { default as EyeSVG } from './eye.svg';
80
+ export { default as MessageSquare02SVG } from './message-square-02.svg';
81
+ export { default as ShareArrowSVG } from './share-arrow.svg';
82
+ export { default as ThumbsUpSVG } from './thumbs-up.svg';
83
+ export { default as LayoutAlt01SVG } from './layout-alt-01.svg';
84
+ export { default as LayoutAlt03SVG } from './layout-alt-03.svg';
85
+ export { default as CircleSVG } from './circle.svg';
86
+ export { default as CalendarCheck01SVG } from './calendar-check-01.svg';
87
+ export { default as HelpCircleSVG } from './help-circle.svg';
88
+ export { default as AlertCircleSVG } from './alert-circle.svg';
@@ -0,0 +1 @@
1
+ export * from './icons';
@@ -0,0 +1,4 @@
1
+ export * from './useIsErrorField';
2
+ export * from './useFormData';
3
+ export { default as useFormData } from './useFormData';
4
+ export { default as useIsErrorField } from './useIsErrorField';
@@ -0,0 +1,18 @@
1
+ import { Dispatch, SetStateAction } from "react";
2
+ import { DictDeepActionKeyWayType } from "../types";
3
+ export type UseFormDataSetValueType = (value: any, keyWay: DictDeepActionKeyWayType, options?: {
4
+ unionToArray: boolean;
5
+ index?: number;
6
+ }) => void;
7
+ export type UseFormDataGetValueType = (keyWay: DictDeepActionKeyWayType) => any;
8
+ export type UseFormDataDeleteArrayItemType = (keyWay: DictDeepActionKeyWayType) => void;
9
+ export type UseFormDataReturnType<T> = {
10
+ formData: T;
11
+ setFormData: Dispatch<SetStateAction<T>>;
12
+ setValue: UseFormDataSetValueType;
13
+ getValue: UseFormDataGetValueType;
14
+ resetForm: () => void;
15
+ clearForm: () => void;
16
+ deleteArrayItem: UseFormDataDeleteArrayItemType;
17
+ };
18
+ export default function useFormData<T extends Record<string, any>>(value?: T): UseFormDataReturnType<T>;
@@ -0,0 +1,23 @@
1
+ import { DictDeepActionKeyWayType } from "../types";
2
+ export type UseIsErrorFieldNameType = string | DictDeepActionKeyWayType;
3
+ export type UseIsErrorFieldIsErrorItemType = {
4
+ name: UseIsErrorFieldNameType;
5
+ errorMessage?: string;
6
+ };
7
+ export type UseIsErrorFieldIsErrorType = UseIsErrorFieldIsErrorItemType[];
8
+ export type UseIsErrorFieldIsErrorFieldType = (name: UseIsErrorFieldNameType) => boolean;
9
+ export type UseIsErrorFieldGetErrorMessageType = (name: UseIsErrorFieldNameType) => string | undefined;
10
+ export type UseIsErrorFieldAddErrorFieldType = (name: UseIsErrorFieldNameType, errorMessage?: string) => void;
11
+ export type UseIsErrorFieldRemoveErrorFieldType = (name: UseIsErrorFieldNameType) => void;
12
+ export type UseIsErrorFieldReturnType = {
13
+ isErrorField: UseIsErrorFieldIsErrorFieldType;
14
+ addErrorField: UseIsErrorFieldAddErrorFieldType;
15
+ removeErrorField: UseIsErrorFieldRemoveErrorFieldType;
16
+ getErrorMessage: UseIsErrorFieldGetErrorMessageType;
17
+ clearErrors: () => void;
18
+ isError: UseIsErrorFieldIsErrorType;
19
+ };
20
+ export default function useIsErrorField({ additionIsErrorFields, sensitiveSearch, }?: {
21
+ additionIsErrorFields?: UseIsErrorFieldIsErrorType;
22
+ sensitiveSearch?: boolean;
23
+ }): UseIsErrorFieldReturnType;
@@ -0,0 +1 @@
1
+ export * from './ui';
@@ -0,0 +1 @@
1
+ export default function getUniqueArray<T>(array: T[], comparator?: (a: T, b: T) => boolean): T[];
@@ -0,0 +1,3 @@
1
+ export { default as isArray } from './isArray';
2
+ export { default as isEqualArrays } from './isEqualArrays';
3
+ export { default as getUniqueArray } from './getUniqueArray';
@@ -0,0 +1 @@
1
+ export default function isArray(value: any): value is any[];
@@ -0,0 +1 @@
1
+ export default function isEqualArrays(a: any[], b: any[]): boolean;
@@ -0,0 +1,4 @@
1
+ import { DictDeepActionKeyWayType } from "../../types";
2
+ export default function getDeepValue(dict: {
3
+ [key: string]: any;
4
+ }, keyWay: DictDeepActionKeyWayType): any;
@@ -0,0 +1,3 @@
1
+ export { default as isDict } from './isDict';
2
+ export { default as setDeepValue } from './setDeepValue';
3
+ export { default as getDeepValue } from './getDeepValue';
@@ -0,0 +1 @@
1
+ export default function isDict(variable: any): boolean;
@@ -0,0 +1,8 @@
1
+ import { DictDeepActionKeyWayType } from "../../types";
2
+ export default function setDeepValue(dict: {
3
+ [key: string]: any;
4
+ }, value: any, options: {
5
+ keysWay: DictDeepActionKeyWayType;
6
+ }): {
7
+ [key: string]: any;
8
+ };
@@ -0,0 +1,3 @@
1
+ export * from './dict';
2
+ export * from './array';
3
+ export * from './reactComponents';
@@ -0,0 +1,2 @@
1
+ import React from "react";
2
+ export default function handleScrollEnd(e: React.UIEvent<HTMLDivElement>, callback: (e: React.UIEvent<HTMLDivElement>) => void): void;
@@ -0,0 +1,2 @@
1
+ export { default as handleScrollEnd } from './handleScrollEnd';
2
+ export { default as isCustomComponent } from './isCustomComponent';
@@ -0,0 +1 @@
1
+ export default function isCustomComponent(element: React.ReactElement): boolean;
@@ -0,0 +1,2 @@
1
+ import './global.scss';
2
+ export declare function App(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,3 @@
1
+ export declare function PageLayout({ children }: {
2
+ children?: React.ReactNode;
3
+ }): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './PageLayout';
@@ -0,0 +1 @@
1
+ export declare function ButtonsPage(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export declare function DatePickerPage(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export declare function FieldsPage(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export declare function HomePage(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export declare function MicroButtonsPage(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,5 @@
1
+ export * from './DatePickerPage';
2
+ export * from './HomePage';
3
+ export * from './ButtonsPage';
4
+ export * from './MicroButtonsPage';
5
+ export * from './FieldsPage';
@@ -0,0 +1,7 @@
1
+ export type DictDeepActionKeyWayItemStringType = string;
2
+ export type DictDeepActionKeyWayItemDictType = {
3
+ name: string;
4
+ index: number;
5
+ };
6
+ export type DictDeepActionKeyWayItemType = DictDeepActionKeyWayItemStringType | DictDeepActionKeyWayItemDictType;
7
+ export type DictDeepActionKeyWayType = DictDeepActionKeyWayItemType[];
@@ -0,0 +1 @@
1
+ export type Overwrite<T, U> = Pick<T, Exclude<keyof T, keyof U>> & U;
@@ -0,0 +1,2 @@
1
+ export * from './HelperType';
2
+ export * from './DictDeepActionsTypes';
@@ -0,0 +1,2 @@
1
+ export * from './types';
2
+ export * from './ui';
@@ -0,0 +1 @@
1
+ export { default as ButtonsStyle } from './Buttons.module.scss';
@@ -0,0 +1,52 @@
1
+ import React from "react";
2
+ export type ButtonSizeType = 'small' | 'medium' | 'large' | 'ultra';
3
+ export type ButtonHierarchyType = 'primary' | 'secondary-color' | 'secondary-gray' | 'tertiary-white' | 'tertiary-color' | 'tertiary-gray' | 'link-color' | 'link-black' | 'link-gray' | 'tab-active' | 'tab';
4
+ export type ButtonClassNameType = {
5
+ button?: string;
6
+ icon?: string;
7
+ text?: string;
8
+ primary?: string;
9
+ secondaryColor?: string;
10
+ secondaryGray?: string;
11
+ tertiaryWhite?: string;
12
+ tertiaryColor?: string;
13
+ tertiaryGray?: string;
14
+ linkColor?: string;
15
+ linkBlack?: string;
16
+ linkGray?: string;
17
+ tabActive?: string;
18
+ tab?: string;
19
+ warning?: string;
20
+ small?: string;
21
+ medium?: string;
22
+ large?: string;
23
+ ultra?: string;
24
+ widthFill?: string;
25
+ widthHug?: string;
26
+ heightFill?: string;
27
+ heightHug?: string;
28
+ };
29
+ /**
30
+ * Компонент кнопки
31
+ */
32
+ export type ButtonPropsType = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'className'> & {
33
+ /** Размер кнопки (small, medium, large) */
34
+ size?: ButtonSizeType;
35
+ /** Иерархия (primary, secondary, etc.) */
36
+ hierarchy?: ButtonHierarchyType;
37
+ /** Текст внутри кнопки */
38
+ children?: React.ReactNode;
39
+ /** Иконка слева */
40
+ iconLeft?: React.ReactNode;
41
+ /** Иконка справа */
42
+ iconRight?: React.ReactNode;
43
+ /** Показывает кнопку в режиме предупреждения */
44
+ warning?: boolean;
45
+ /** Тип длины, fill --- заполнит, hug --- подгонит под контент */
46
+ width?: 'fill' | 'hug';
47
+ /** Тип высоты, fill --- заполнит, hug --- подгонит под контент */
48
+ height?: 'fill' | 'hug';
49
+ /** Дополнительные имена стилей */
50
+ additionStyles?: string | string[];
51
+ className?: ButtonClassNameType;
52
+ };
@@ -0,0 +1 @@
1
+ export * from './ButtonTypes';
@@ -0,0 +1,2 @@
1
+ import { ButtonPropsType } from '../types';
2
+ export declare function Button({ children, iconLeft, iconRight, hierarchy, warning, size, width, height, additionStyles, className, ...props }: ButtonPropsType): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './Button';
@@ -0,0 +1,3 @@
1
+ export declare const CALENDAR_DAY_TARGET_DATE = "calendar-day-target-date";
2
+ export declare const NUM_OF_ROWS = 6;
3
+ export declare const NUM_OF_COLS = 7;
@@ -0,0 +1,3 @@
1
+ export * from './ui';
2
+ export * from './const';
3
+ export * from './types';
@@ -0,0 +1,21 @@
1
+ import { DatePickerChosenIntervalType } from "../types";
2
+ export declare const getIntervalDate: (targetDate: string) => {
3
+ start: string;
4
+ end: string;
5
+ };
6
+ export declare const getNewInterval: (prevState: DatePickerChosenIntervalType, newDate: string) => DatePickerChosenIntervalType;
7
+ export declare const getInitChosenInterval: ({ start, end, multiple }: {
8
+ start?: string;
9
+ end?: string;
10
+ multiple?: boolean;
11
+ }) => {
12
+ start: string;
13
+ end: string;
14
+ } | {
15
+ start: string;
16
+ end?: undefined;
17
+ };
18
+ export declare const getInitTargetDate: ({ start, end }: {
19
+ start?: string;
20
+ end?: string;
21
+ }) => string;
@@ -0,0 +1,6 @@
1
+ export { default as CalendarDayStyle } from './CalendarDay.module.scss';
2
+ export { default as DatePickerStyle } from './DatePicker.module.scss';
3
+ export { default as DatePickerMainStyle } from './DatePickerMain.module.scss';
4
+ export { default as DateGridStyle } from './DateGrid.module.scss';
5
+ export { default as DatePickerHeaderStyle } from './DatePickerHeader.module.scss';
6
+ export { default as DatePickerFooterStyle } from './DatePickerFooter.module.scss';