@meduza/ui-kit-2 0.2.2 → 0.2.3

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.2.2",
+  "version": "0.2.3",
   "license": "MIT",
   "description": "UIKit for Meduza",
   "repository": "https://github.com/meduza-corp/ui-kit-2.git",

package/src/DonatesTeaser/DonatesTeaser.module.css

@@ -90,6 +90,9 @@
   text-align: center;
   text-transform: uppercase;
   text-decoration: none;
+
+  background-color: #000;
+  border-radius: 30px;
 }
 
 .cta a::after {
@@ -118,10 +121,9 @@
   left: 50%;
   z-index: -1;
 
-  width: 501px;
-  height: 112px;
-
-  background-image: url("data:image/svg+xml,%3Csvg width='501' height='112' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f)'%3E%3Cpath d='M466 56s-96.463 21-215.401 21C131.662 77 35 56 35 56s96.463-21 215.401-21C369.338 35 466 56 466 56z' fill='%23947E5D'/%3E%3C/g%3E%3Cg filter='url(%23filter1_df)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M140.431 55.604c0-11.38 9.224-20.604 20.603-20.604h178.932c11.379 0 20.604 9.225 20.604 20.604s-9.225 20.603-20.604 20.603H161.034c-11.379 0-20.603-9.224-20.603-20.603z' fill='%23000'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='0' y='0' width='501' height='112' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='17.5' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3Cfilter id='filter1_df' x='106.431' y='1' width='288.139' height='109.208' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='17'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3CfeGaussianBlur stdDeviation='2' result='effect2_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
+  width: 278px;
+  height: 130px;
+  background-image: url("data:image/svg+xml,%3Csvg width='278' height='130' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23a)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M234 65c0 11.598-9.402 21-21 21H65c-11.598 0-21-9.402-21-21s9.402-21 21-21h148c11.598 0 21 9.402 21 21Z' fill='url(%23b)'/%3E%3C/g%3E%3Cg filter='url(%23c)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M234 65c0 11.598-9.402 21-21 21H65c-11.598 0-21-9.402-21-21s9.402-21 21-21h148c11.598 0 21 9.402 21 21Z' fill='url(%23d)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='230.935' y1='65' x2='44' y2='65' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFBA54'/%3E%3Cstop offset='1' stop-color='%23907EFF'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='230.935' y1='65' x2='44' y2='65' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFBA54'/%3E%3Cstop offset='1' stop-color='%23907EFF'/%3E%3C/linearGradient%3E%3Cfilter id='a' x='0' y='0' width='278' height='130' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='22' result='effect1_foregroundBlur_5_151'/%3E%3C/filter%3E%3Cfilter id='c' x='15' y='15' width='248' height='100' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='14.5' result='effect1_foregroundBlur_5_151'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
   transform: translate(-50%, -50%);
 
   content: '';

package/src/DonatesTeaser/index.tsx

@@ -17,15 +17,15 @@ export const DonatesTeaser: React.FC<DonatesTeaserProps> = ({
 
   const data = {
     ru: {
-      title: 'Мы не сдаемся',
-      subtitle: 'Потому что вы с нами',
-      button: '«Медуза», я с тобой ',
+      title: '«Медуза» работает для вас',
+      subtitle: 'Нам нужна ваша поддержка',
+      button: 'Да!',
       href: 'https://support.meduza.io'
     },
     en: {
-      title: 'We won’t give up',
-      subtitle: 'Because you’re with us',
-      button: 'I’m with you, Meduza',
+      title: 'Meduza is working for you',
+      subtitle: 'And we need your support',
+      button: 'Okay!',
       href: 'https://support.meduza.io/en'
     }
   }