@megafon/ui-core 8.2.1 → 8.4.0

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 (78) hide show
  1. package/dist/es/components/Banner/Banner.css +1 -1
  2. package/dist/es/components/Banner/Banner.d.ts +26 -0
  3. package/dist/es/components/Banner/Banner.js +25 -1
  4. package/dist/es/components/Banner/BannerDot.css +1 -1
  5. package/dist/es/components/Banner/BannerDot.d.ts +3 -0
  6. package/dist/es/components/Banner/BannerDot.js +23 -11
  7. package/dist/es/components/Modal/_ModalContent/ModalContent.css +1 -1
  8. package/dist/es/components/Modal/_ModalContent/ModalContent.js +10 -2
  9. package/dist/es/components/Pagination/Pagination.css +1 -1
  10. package/dist/es/components/Pagination/Pagination.d.ts +18 -9
  11. package/dist/es/components/Pagination/Pagination.js +91 -19
  12. package/dist/es/components/Pagination/components/PaginationButton/PaginationButton.css +1 -1
  13. package/dist/es/components/Pagination/components/PaginationButton/PaginationButton.d.ts +9 -4
  14. package/dist/es/components/Pagination/components/PaginationButton/PaginationButton.js +13 -3
  15. package/dist/es/components/Pagination/components/PaginationButtons/PaginationButtons.css +1 -1
  16. package/dist/es/components/Pagination/components/PaginationButtons/PaginationButtons.d.ts +12 -6
  17. package/dist/es/components/Pagination/components/PaginationButtons/PaginationButtons.js +42 -25
  18. package/dist/es/components/Pagination/components/PaginationNavigation/PaginationNavigation.css +1 -1
  19. package/dist/es/components/Pagination/components/PaginationNavigation/PaginationNavigation.d.ts +13 -4
  20. package/dist/es/components/Pagination/components/PaginationNavigation/PaginationNavigation.js +105 -11
  21. package/dist/es/components/Pagination/helpers.d.ts +8 -2
  22. package/dist/es/components/Pagination/helpers.js +28 -2
  23. package/dist/es/components/Pagination/types.d.ts +25 -0
  24. package/dist/es/components/Pagination/types.js +4 -0
  25. package/dist/es/components/Pagination/usePagination.d.ts +10 -5
  26. package/dist/es/components/Pagination/usePagination.js +86 -54
  27. package/dist/es/components/Tooltip/Tooltip.css +1 -1
  28. package/dist/es/components/Tooltip/Tooltip.js +21 -2
  29. package/dist/es/components/UploadForm/UploadField/UploadField.d.ts +2 -0
  30. package/dist/es/components/UploadForm/UploadField/UploadField.js +2 -0
  31. package/dist/es/components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea.css +1 -1
  32. package/dist/es/components/UploadForm/UploadFileItem/UploadFileItem.css +1 -1
  33. package/dist/es/components/UploadForm/UploadFileItem/UploadFileItem.d.ts +11 -0
  34. package/dist/es/components/UploadForm/UploadFileItem/UploadFileItem.js +29 -5
  35. package/dist/es/components/ValueField/ValueField.d.ts +3 -0
  36. package/dist/es/components/ValueField/ValueField.js +5 -3
  37. package/dist/es/hooks/useResolution.d.ts +1 -0
  38. package/dist/es/hooks/useResolution.js +24 -7
  39. package/dist/lib/components/Banner/Banner.css +1 -1
  40. package/dist/lib/components/Banner/Banner.d.ts +26 -0
  41. package/dist/lib/components/Banner/Banner.js +26 -2
  42. package/dist/lib/components/Banner/BannerDot.css +1 -1
  43. package/dist/lib/components/Banner/BannerDot.d.ts +3 -0
  44. package/dist/lib/components/Banner/BannerDot.js +23 -11
  45. package/dist/lib/components/Modal/_ModalContent/ModalContent.css +1 -1
  46. package/dist/lib/components/Modal/_ModalContent/ModalContent.js +10 -2
  47. package/dist/lib/components/Pagination/Pagination.css +1 -1
  48. package/dist/lib/components/Pagination/Pagination.d.ts +18 -9
  49. package/dist/lib/components/Pagination/Pagination.js +90 -18
  50. package/dist/lib/components/Pagination/components/PaginationButton/PaginationButton.css +1 -1
  51. package/dist/lib/components/Pagination/components/PaginationButton/PaginationButton.d.ts +9 -4
  52. package/dist/lib/components/Pagination/components/PaginationButton/PaginationButton.js +13 -3
  53. package/dist/lib/components/Pagination/components/PaginationButtons/PaginationButtons.css +1 -1
  54. package/dist/lib/components/Pagination/components/PaginationButtons/PaginationButtons.d.ts +12 -6
  55. package/dist/lib/components/Pagination/components/PaginationButtons/PaginationButtons.js +45 -25
  56. package/dist/lib/components/Pagination/components/PaginationNavigation/PaginationNavigation.css +1 -1
  57. package/dist/lib/components/Pagination/components/PaginationNavigation/PaginationNavigation.d.ts +13 -4
  58. package/dist/lib/components/Pagination/components/PaginationNavigation/PaginationNavigation.js +105 -11
  59. package/dist/lib/components/Pagination/helpers.d.ts +8 -2
  60. package/dist/lib/components/Pagination/helpers.js +29 -3
  61. package/dist/lib/components/Pagination/types.d.ts +25 -0
  62. package/dist/lib/components/Pagination/types.js +10 -0
  63. package/dist/lib/components/Pagination/usePagination.d.ts +10 -5
  64. package/dist/lib/components/Pagination/usePagination.js +87 -55
  65. package/dist/lib/components/Tooltip/Tooltip.css +1 -1
  66. package/dist/lib/components/Tooltip/Tooltip.js +21 -2
  67. package/dist/lib/components/UploadForm/UploadField/UploadField.d.ts +2 -0
  68. package/dist/lib/components/UploadForm/UploadField/UploadField.js +2 -0
  69. package/dist/lib/components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea.css +1 -1
  70. package/dist/lib/components/UploadForm/UploadFileItem/UploadFileItem.css +1 -1
  71. package/dist/lib/components/UploadForm/UploadFileItem/UploadFileItem.d.ts +11 -0
  72. package/dist/lib/components/UploadForm/UploadFileItem/UploadFileItem.js +29 -5
  73. package/dist/lib/components/ValueField/ValueField.d.ts +3 -0
  74. package/dist/lib/components/ValueField/ValueField.js +5 -3
  75. package/dist/lib/hooks/useResolution.d.ts +1 -0
  76. package/dist/lib/hooks/useResolution.js +24 -7
  77. package/package.json +2 -2
  78. package/styles/colors.css +9 -10
package/styles/colors.css CHANGED
@@ -35,7 +35,7 @@
35
35
  --gradientGreen3: linear-gradient(90deg, #00B956 50%, #00D1FF 100%);
36
36
  --gradientPurple1: linear-gradient(95.39deg, #731982 55%, #AA5AFF 90%);
37
37
  --gradientPurple2: linear-gradient(90deg, #731982 50%, #E64DE6 100%);
38
- --gradientPurple3: linear-gradient(90deg, #731982 50:, #00D2FF 100%);
38
+ --gradientPurple3: linear-gradient(90deg, #731982 50%, #00D2FF 100%);
39
39
  --gradientPurple4: linear-gradient(90deg, #731982 50%, #1B61AC 100%);
40
40
 
41
41
  /* Gradients Secondary*/
@@ -44,9 +44,8 @@
44
44
  --gradientBerry1: linear-gradient(90deg, #AA5AFF 50%, #00D1FF 100%);
45
45
  --gradientBerry2: linear-gradient(90deg, #AA5AFF 50%, #E64DE6 100%);
46
46
 
47
-
48
47
  /* Gradients System*/
49
- --gradientScrim: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 20%);
48
+ --gradientScrim: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 20%);
50
49
 
51
50
  /* Static */
52
51
  --stcWhite: #FFFFFF;
@@ -65,8 +64,8 @@
65
64
  /* Soft */
66
65
  --brandGreen80: #0CDC78;
67
66
  --brandGreen20: #DDFFEC;
68
- --brandPurple80: #AA67C1;
69
- --brandPurple20: #FFEEFF;
67
+ --brandPurple80: #A367C1;
68
+ --brandPurple20: #F2E5FF;
70
69
  --night80: #4B83BB;
71
70
  --night20: #D2E0EE;
72
71
  --sky80: #63C7FF;
@@ -76,7 +75,7 @@
76
75
  --lime80: #CAFF60;
77
76
  --lime20: #E7FFB7;
78
77
  --berry80: #BB7BFF;
79
- --berry20: #CAFF60;
78
+ --berry20: #EEDEFF;
80
79
  --137C80: #FFB945;
81
80
  --137C20: #FFEDD1;
82
81
  --fury80: #F8505D;
@@ -104,8 +103,8 @@
104
103
  --buttonHoverGreen: #10E272;
105
104
  --buttonHoverPurple: #A500BF;
106
105
  --buttonHoverGrey: #D6D6D6;
107
- --buttonHoverGreenSoft: #B6FFDA;
108
- --buttonHoverPurpleSoft: #FFD9FF;
106
+ --buttonHoverGreenSoft: #355A46;
107
+ --buttonHoverPurpleSoft: #492B50;
109
108
  --buttonDown: #404D46;
110
109
  --overlay: #000000CC;
111
110
  --gradientGreen1: linear-gradient(270deg, #AAFF00 0%, #00B956 50%);
@@ -113,13 +112,13 @@
113
112
  --gradientGreen3: linear-gradient(90deg, #00B956 50%, #00D1FF 100%);
114
113
  --gradientPurple1: linear-gradient(95.39deg, #731982 55%, #AA5AFF 90%);
115
114
  --gradientPurple2: linear-gradient(90deg, #731982 50%, #E64DE6 100%);
116
- --gradientPurple3: linear-gradient(90deg, #731982 50:, #00D2FF 100%);
115
+ --gradientPurple3: linear-gradient(90deg, #731982 50%, #00D2FF 100%);
117
116
  --gradientPurple4: linear-gradient(90deg, #731982 50%, #1B61AC 100%);
118
117
  --gradientLime: linear-gradient(90deg, #AAFF00 50%, #00D1FF 100%);
119
118
  --gradientGrass: linear-gradient(90deg, #1EFA64 50%, #00D1FF 100%);
120
119
  --gradientBerry1: linear-gradient(90deg, #AA5AFF 50%, #00D1FF 100%);
121
120
  --gradientBerry2: linear-gradient(90deg, #AA5AFF 50%, #E64DE6 100%);
122
- --gradientScrim: linear-gradient(180deg, rgba(31, 31, 31, 0) 0%, #1F1F1F 22%);
121
+ --gradientScrim: linear-gradient(270deg, rgba(31, 31, 31, 0) 0%, #1F1F1F 20%);
123
122
  --stcWhite: #FFFFFF;
124
123
  --stcBlack: #333333;
125
124
  --stcWhite5: #FFFFFF0D;