@meduza/ui-kit-2 0.2.17 → 0.2.19
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.
- package/dist/ui-kit-2.cjs.development.js +7 -5
- package/dist/ui-kit-2.cjs.development.js.map +1 -1
- package/dist/ui-kit-2.cjs.production.min.js +1 -1
- package/dist/ui-kit-2.cjs.production.min.js.map +1 -1
- package/dist/ui-kit-2.esm.js +7 -5
- package/dist/ui-kit-2.esm.js.map +1 -1
- package/dist/ui-kit.css +2970 -2950
- package/package.json +1 -1
- package/src/AnnouncementInText/AnnouncementInText.module.css +30 -7
- package/src/AnnouncementInText/index.tsx +7 -4
package/package.json
CHANGED
|
@@ -103,8 +103,9 @@
|
|
|
103
103
|
|
|
104
104
|
.button span {
|
|
105
105
|
display: block;
|
|
106
|
-
|
|
106
|
+
|
|
107
107
|
margin-right: 20px;
|
|
108
|
+
margin-left: auto;
|
|
108
109
|
}
|
|
109
110
|
|
|
110
111
|
.button:hover {
|
|
@@ -113,6 +114,7 @@
|
|
|
113
114
|
|
|
114
115
|
.button::after {
|
|
115
116
|
position: absolute;
|
|
117
|
+
z-index: -1;
|
|
116
118
|
top: 50%;
|
|
117
119
|
right: -40px;
|
|
118
120
|
|
|
@@ -121,10 +123,29 @@
|
|
|
121
123
|
|
|
122
124
|
content: '';
|
|
123
125
|
transform: translateY(-50%) translateY(-2px);
|
|
124
|
-
|
|
126
|
+
|
|
125
127
|
background-image: url("data:image/svg+xml,%3Csvg width='432' height='119' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.6' filter='url(%23a)'%3E%3Cpath d='M390 59.5s-59.23 17.136-132.26 17.136S125.357 59.5 125.357 59.5s59.231-17.136 132.261-17.136S390 59.5 390 59.5Z' fill='%23fff'/%3E%3C/g%3E%3Cg opacity='.7' filter='url(%23b)'%3E%3Cpath d='M292.5 59.5s-59.646 10.046-133.189 10.046C85.769 69.546 26 59.5 26 59.5s59.646-10.045 133.189-10.045C232.731 49.455 292.5 59.5 292.5 59.5Z' fill='%23fff'/%3E%3C/g%3E%3Cg opacity='.7' filter='url(%23c)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M125.357 58.318a8.864 8.864 0 0 1 8.864-8.863h244.13a8.864 8.864 0 0 1 0 17.727h-244.13a8.864 8.864 0 0 1-8.864-8.864Z' fill='%23fff'/%3E%3C/g%3E%3Cg filter='url(%23d)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M202.036 43.525A19.496 19.496 0 0 1 213.218 40h154.496c10.77 0 19.5 8.73 19.5 19.5s-8.73 19.5-19.5 19.5H213.218c-4.001 0-7.905-1.23-11.182-3.525-11.09-7.763-11.09-24.187 0-31.95Z' fill='%23fff'/%3E%3C/g%3E%3Cg filter='url(%23e)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M202.036 43.525A19.496 19.496 0 0 1 213.218 40h154.496c10.77 0 19.5 8.73 19.5 19.5s-8.73 19.5-19.5 19.5H213.218c-4.001 0-7.905-1.23-11.182-3.525-11.09-7.763-11.09-24.187 0-31.95Z' fill='url(%23f)'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='83.357' y='.364' width='348.643' height='118.273' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='21' result='effect1_foregroundBlur_2_196'/%3E%3C/filter%3E%3Cfilter id='b' x='0' y='23.454' width='318.5' height='72.091' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='13' result='effect1_foregroundBlur_2_196'/%3E%3C/filter%3E%3Cfilter id='c' x='101.357' y='25.454' width='309.857' height='65.727' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='12' result='effect1_foregroundBlur_2_196'/%3E%3C/filter%3E%3Cfilter id='d' x='176.718' y='23' width='227.496' height='73' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='8.5' result='effect1_foregroundBlur_2_196'/%3E%3C/filter%3E%3Cfilter id='e' x='186.718' y='33' width='207.496' height='53' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='3.5' result='effect1_foregroundBlur_2_196'/%3E%3C/filter%3E%3ClinearGradient id='f' x1='377' y1='40' x2='319.429' y2='40' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
|
|
126
128
|
}
|
|
127
129
|
|
|
130
|
+
.link {
|
|
131
|
+
position: absolute;
|
|
132
|
+
z-index: 10;
|
|
133
|
+
top: 0;
|
|
134
|
+
right: 0;
|
|
135
|
+
bottom: 0;
|
|
136
|
+
left: 0;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.link:hover + a {
|
|
140
|
+
opacity: 0.75;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.link span {
|
|
144
|
+
visibility: hidden;
|
|
145
|
+
|
|
146
|
+
color: transparent;
|
|
147
|
+
}
|
|
148
|
+
|
|
128
149
|
/* Mods */
|
|
129
150
|
|
|
130
151
|
.center {
|
|
@@ -148,17 +169,19 @@
|
|
|
148
169
|
}
|
|
149
170
|
|
|
150
171
|
.ru.root .button span {
|
|
151
|
-
color: transparent;
|
|
152
|
-
background-image: url("data:image/svg+xml,%3Csvg width='126' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.17 10 7.886 5.352l4.13-4.69H9.035l-2.352 2.8-1.288-2.8H2.68l2.142 4.41L.411 10h2.982l2.618-2.996L7.453 10h2.716ZM12.862 5.926c0 2.562 2.058 4.242 4.732 4.242 3.164 0 5.516-2.422 5.516-5.446 0-2.534-2.058-4.214-4.732-4.214-3.164 0-5.516 2.408-5.516 5.418Zm7.742-1.022c0 1.722-1.232 3.136-2.87 3.136-1.386 0-2.366-.91-2.366-2.268 0-1.722 1.232-3.136 2.87-3.136 1.386 0 2.366.91 2.366 2.268ZM29.403.662h-2.408l-.56 2.562c-.588 2.674.616 3.808 2.814 3.808.77 0 1.512-.196 1.946-.434L30.453 10h2.408L34.905.662h-2.408l-.882 4.004c-.35.14-.84.266-1.358.266-.994 0-1.694-.378-1.456-1.456l.602-2.814ZM41.552 5.03 40.236.662H37.59l2.24 6.692c-.364.462-.686.686-1.26.686-.196 0-.392-.028-.56-.126l-.924 2.072c.322.126.812.182 1.232.182 1.722 0 2.884-.812 3.682-2.002L47.068.662h-2.772L41.552 5.03ZM61.99 10 64.048.662h-8.694L53.296 10h2.408L57.3 2.762h3.878L59.582 10h2.408ZM66.093 5.926c0 2.562 2.058 4.242 4.732 4.242 3.164 0 5.516-2.422 5.516-5.446 0-2.534-2.058-4.214-4.732-4.214-3.164 0-5.516 2.408-5.516 5.418Zm7.742-1.022c0 1.722-1.232 3.136-2.87 3.136-1.386 0-2.366-.91-2.366-2.268 0-1.722 1.232-3.136 2.87-3.136 1.386 0 2.366.91 2.366 2.268ZM88.99 10 91.048.662h-3.43L84.51 5.87 83.71.662H80.45L78.39 10H80.8l1.372-6.216.98 6.216h1.065l3.738-6.216L86.582 10h2.408ZM93.089 5.926c0 2.562 2.058 4.242 4.732 4.242 3.164 0 5.516-2.422 5.516-5.446 0-2.534-2.058-4.214-4.732-4.214-3.164 0-5.516 2.408-5.516 5.418Zm7.742-1.022c0 1.722-1.232 3.136-2.87 3.136-1.386 0-2.366-.91-2.366-2.268 0-1.722 1.232-3.136 2.87-3.136 1.386 0 2.366.91 2.366 2.268ZM109.63.662h-2.408l-.56 2.562c-.588 2.674.616 3.808 2.814 3.808.77 0 1.512-.196 1.946-.434L110.68 10h2.408l2.044-9.338h-2.408l-.882 4.004c-.35.14-.84.266-1.358.266-.994 0-1.694-.378-1.456-1.456l.602-2.814ZM118.81.662 116.766 10h4.634c3.08 0 3.99-2.156 3.99-3.528 0-1.47-1.106-2.674-2.744-2.674h-2.114l.686-3.136h-2.408Zm3.122 5.236c.588 0 .966.322.966.826 0 .7-.602 1.176-1.372 1.176h-1.89l.434-2.002h1.862Z' fill='%23FF4A15'/%3E%3C/svg%3E");
|
|
153
172
|
width: 126px;
|
|
154
173
|
height: 11px;
|
|
174
|
+
|
|
175
|
+
color: transparent;
|
|
176
|
+
background-image: url("data:image/svg+xml,%3Csvg width='126' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.17 10 7.886 5.352l4.13-4.69H9.035l-2.352 2.8-1.288-2.8H2.68l2.142 4.41L.411 10h2.982l2.618-2.996L7.453 10h2.716ZM12.862 5.926c0 2.562 2.058 4.242 4.732 4.242 3.164 0 5.516-2.422 5.516-5.446 0-2.534-2.058-4.214-4.732-4.214-3.164 0-5.516 2.408-5.516 5.418Zm7.742-1.022c0 1.722-1.232 3.136-2.87 3.136-1.386 0-2.366-.91-2.366-2.268 0-1.722 1.232-3.136 2.87-3.136 1.386 0 2.366.91 2.366 2.268ZM29.403.662h-2.408l-.56 2.562c-.588 2.674.616 3.808 2.814 3.808.77 0 1.512-.196 1.946-.434L30.453 10h2.408L34.905.662h-2.408l-.882 4.004c-.35.14-.84.266-1.358.266-.994 0-1.694-.378-1.456-1.456l.602-2.814ZM41.552 5.03 40.236.662H37.59l2.24 6.692c-.364.462-.686.686-1.26.686-.196 0-.392-.028-.56-.126l-.924 2.072c.322.126.812.182 1.232.182 1.722 0 2.884-.812 3.682-2.002L47.068.662h-2.772L41.552 5.03ZM61.99 10 64.048.662h-8.694L53.296 10h2.408L57.3 2.762h3.878L59.582 10h2.408ZM66.093 5.926c0 2.562 2.058 4.242 4.732 4.242 3.164 0 5.516-2.422 5.516-5.446 0-2.534-2.058-4.214-4.732-4.214-3.164 0-5.516 2.408-5.516 5.418Zm7.742-1.022c0 1.722-1.232 3.136-2.87 3.136-1.386 0-2.366-.91-2.366-2.268 0-1.722 1.232-3.136 2.87-3.136 1.386 0 2.366.91 2.366 2.268ZM88.99 10 91.048.662h-3.43L84.51 5.87 83.71.662H80.45L78.39 10H80.8l1.372-6.216.98 6.216h1.065l3.738-6.216L86.582 10h2.408ZM93.089 5.926c0 2.562 2.058 4.242 4.732 4.242 3.164 0 5.516-2.422 5.516-5.446 0-2.534-2.058-4.214-4.732-4.214-3.164 0-5.516 2.408-5.516 5.418Zm7.742-1.022c0 1.722-1.232 3.136-2.87 3.136-1.386 0-2.366-.91-2.366-2.268 0-1.722 1.232-3.136 2.87-3.136 1.386 0 2.366.91 2.366 2.268ZM109.63.662h-2.408l-.56 2.562c-.588 2.674.616 3.808 2.814 3.808.77 0 1.512-.196 1.946-.434L110.68 10h2.408l2.044-9.338h-2.408l-.882 4.004c-.35.14-.84.266-1.358.266-.994 0-1.694-.378-1.456-1.456l.602-2.814ZM118.81.662 116.766 10h4.634c3.08 0 3.99-2.156 3.99-3.528 0-1.47-1.106-2.674-2.744-2.674h-2.114l.686-3.136h-2.408Zm3.122 5.236c.588 0 .966.322.966.826 0 .7-.602 1.176-1.372 1.176h-1.89l.434-2.002h1.862Z' fill='%23FF4A15'/%3E%3C/svg%3E");
|
|
155
177
|
}
|
|
156
178
|
|
|
157
179
|
.en.root .button span {
|
|
158
|
-
color: transparent;
|
|
159
|
-
background-image: url("data:image/svg+xml,%3Csvg width='121' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.173 9 3.937.996H1.873L.11 9h2.064Zm16.802 0L23.031.996h-2.376l-2.388 5.34-.192-5.34h-1.572l-2.544 5.34-.036-5.34h-2.268L12.183 9h2.184l2.316-5.016L16.791 9h2.184Zm12.242 0L29.957.996h-2.592L22.59 9h2.34l.684-1.212h3.312L29.081 9h2.136ZM28.77 6.048h-2.232l1.836-3.312.396 3.312ZM41.25 9 43.011.996h-2.076l-1.068 4.86-2.172-4.86h-2.124L33.808 9h2.064l1.116-5.088L39.256 9h1.992Zm7.294 0L49.9 2.796h2.244l.396-1.8H46l-.408 1.8h2.244L46.48 9h2.064ZM62.68 9l1.356-6.204h2.244l.396-1.8h-6.54l-.408 1.8h2.244L60.616 9h2.064Zm5.434-3.492c0 2.196 1.764 3.636 4.056 3.636 2.712 0 4.728-2.076 4.728-4.668 0-2.172-1.764-3.612-4.056-3.612-2.712 0-4.728 2.064-4.728 4.644Zm6.636-.876c0 1.476-1.056 2.688-2.46 2.688-1.188 0-2.028-.78-2.028-1.944 0-1.476 1.056-2.688 2.46-2.688 1.188 0 2.028.78 2.028 1.944ZM91.463 9 93.228.996h-2.064l-.66 2.988h-3.325l.66-2.988h-2.064L84.011 9h2.065l.708-3.216h3.323L89.4 9h2.063Zm9.311 0 .384-1.74h-3.804l.324-1.44h3.708l.384-1.752h-3.708l.288-1.332h3.804l.384-1.74H96.67L94.906 9h5.868Zm8.478 0 .396-1.8h-3.216L107.8.996h-2.064L103.972 9h5.28Zm5.136 0 .588-2.652h1.908c2.652 0 3.432-1.884 3.432-3.06 0-1.26-.948-2.292-2.484-2.292h-3.744L112.324 9h2.064Zm.984-4.464.396-1.8h1.536c.54 0 .876.312.876.768 0 .588-.456 1.032-1.212 1.032h-1.596Z' fill='%23FF4A15'/%3E%3C/svg%3E");
|
|
160
180
|
width: 126px;
|
|
161
181
|
height: 11px;
|
|
162
|
-
|
|
182
|
+
|
|
183
|
+
color: transparent;
|
|
184
|
+
background-image: url("data:image/svg+xml,%3Csvg width='121' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.173 9 3.937.996H1.873L.11 9h2.064Zm16.802 0L23.031.996h-2.376l-2.388 5.34-.192-5.34h-1.572l-2.544 5.34-.036-5.34h-2.268L12.183 9h2.184l2.316-5.016L16.791 9h2.184Zm12.242 0L29.957.996h-2.592L22.59 9h2.34l.684-1.212h3.312L29.081 9h2.136ZM28.77 6.048h-2.232l1.836-3.312.396 3.312ZM41.25 9 43.011.996h-2.076l-1.068 4.86-2.172-4.86h-2.124L33.808 9h2.064l1.116-5.088L39.256 9h1.992Zm7.294 0L49.9 2.796h2.244l.396-1.8H46l-.408 1.8h2.244L46.48 9h2.064ZM62.68 9l1.356-6.204h2.244l.396-1.8h-6.54l-.408 1.8h2.244L60.616 9h2.064Zm5.434-3.492c0 2.196 1.764 3.636 4.056 3.636 2.712 0 4.728-2.076 4.728-4.668 0-2.172-1.764-3.612-4.056-3.612-2.712 0-4.728 2.064-4.728 4.644Zm6.636-.876c0 1.476-1.056 2.688-2.46 2.688-1.188 0-2.028-.78-2.028-1.944 0-1.476 1.056-2.688 2.46-2.688 1.188 0 2.028.78 2.028 1.944ZM91.463 9 93.228.996h-2.064l-.66 2.988h-3.325l.66-2.988h-2.064L84.011 9h2.065l.708-3.216h3.323L89.4 9h2.063Zm9.311 0 .384-1.74h-3.804l.324-1.44h3.708l.384-1.752h-3.708l.288-1.332h3.804l.384-1.74H96.67L94.906 9h5.868Zm8.478 0 .396-1.8h-3.216L107.8.996h-2.064L103.972 9h5.28Zm5.136 0 .588-2.652h1.908c2.652 0 3.432-1.884 3.432-3.06 0-1.26-.948-2.292-2.484-2.292h-3.744L112.324 9h2.064Zm.984-4.464.396-1.8h1.536c.54 0 .876.312.876.768 0 .588-.456 1.032-1.212 1.032h-1.596Z' fill='%23FF4A15'/%3E%3C/svg%3E");
|
|
163
185
|
background-position: center right;
|
|
186
|
+
background-size: auto 11px;
|
|
164
187
|
}
|
|
@@ -25,15 +25,15 @@ export const AnnouncementInText: React.FC<AnnouncementInTextProps> = ({
|
|
|
25
25
|
text:
|
|
26
26
|
'Мы готовимся к худшему. Из-за войны с Украиной власти могут начать блокировать независимые СМИ в любой момент. В то же время международные санкции в отношении Центробанка и других российских кредитных организаций создают серьезные риски для нашего краудфандинга. Поэтому мы просим вас помочь нашей редакции. Прямо сейчас. Что важно знать: мы независимое издание, мы работаем только в интересах наших читателей, мы не планируем закрываться. Несмотря ни на что. Спасибо вам!',
|
|
27
27
|
button: 'Хочу помочь',
|
|
28
|
-
href: 'https://mdza.io/
|
|
28
|
+
href: 'https://mdza.io/yiNxPZ7Bs-k'
|
|
29
29
|
},
|
|
30
30
|
|
|
31
31
|
en: {
|
|
32
|
-
title: 'Meduza needs your support. We need it
|
|
32
|
+
title: 'Meduza needs your support. We need it now, like never before.',
|
|
33
33
|
text:
|
|
34
34
|
'We are preparing for the worst. Due to the war with Ukraine, the Russian authorities could begin blocking the country’s independent media at any moment. International sanctions against the Central Bank and other Russian credit organizations are creating serious risks for own crowdfunding. That’s why we’re asking you to support our newsroom. Right now. What you should know: We are an independent publication. We work only in the interests of our readers. We have no plans to close, come hell or high water. Thank you, everyone!',
|
|
35
35
|
button: 'I want to help',
|
|
36
|
-
href: 'https://
|
|
36
|
+
href: 'https://support.meduza.io/en'
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
|
|
@@ -54,13 +54,16 @@ export const AnnouncementInText: React.FC<AnnouncementInTextProps> = ({
|
|
|
54
54
|
|
|
55
55
|
<div className={styles.footer}>
|
|
56
56
|
<a
|
|
57
|
-
className={styles.
|
|
57
|
+
className={styles.link}
|
|
58
58
|
href={localeData.href}
|
|
59
59
|
target="_blank"
|
|
60
60
|
rel="noreferrer"
|
|
61
61
|
>
|
|
62
62
|
<span>{localeData.button}</span>
|
|
63
63
|
</a>
|
|
64
|
+
<span className={styles.button}>
|
|
65
|
+
<span>{localeData.button}</span>
|
|
66
|
+
</span>
|
|
64
67
|
</div>
|
|
65
68
|
</div>
|
|
66
69
|
)
|