@meduza/ui-kit-2 0.2.28 → 0.2.30

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 (15) hide show
  1. package/dist/ui-kit-2.cjs.development.js +7 -1
  2. package/dist/ui-kit-2.cjs.development.js.map +1 -1
  3. package/dist/ui-kit-2.cjs.production.min.js +1 -1
  4. package/dist/ui-kit-2.cjs.production.min.js.map +1 -1
  5. package/dist/ui-kit-2.esm.js +7 -1
  6. package/dist/ui-kit-2.esm.js.map +1 -1
  7. package/dist/ui-kit.css +3461 -3423
  8. package/package.json +1 -1
  9. package/src/QuoteBlock/QuoteBlock.module.css +10 -0
  10. package/src/RenderBlocks/index.tsx +1 -0
  11. package/src/RenderBlocks/mock.json +40 -0
  12. package/src/SimpleBlock/SimpleBlock.module.css +25 -0
  13. package/src/SimpleBlock/index.tsx +3 -0
  14. package/src/SimpleBlock/mock.json +5 -0
  15. package/src/Toolbar/Toolbar.module.css +1 -0
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.2.28",
2
+ "version": "0.2.30",
3
3
  "license": "MIT",
4
4
  "description": "UIKit for Meduza",
5
5
  "repository": "https://github.com/meduza-corp/ui-kit-2.git",
package/src/QuoteBlock/QuoteBlock.module.css CHANGED
@@ -71,6 +71,16 @@
71
71
  color: $gold;
72
72
  }
73
73
 
74
+ .root + hr {
75
+ margin-top: 30px;
76
+ margin-bottom: 30px;
77
+
78
+ @media $mobile {
79
+ margin-top: 40px;
80
+ margin-bottom: 40px;
81
+ }
82
+ }
83
+
74
84
  .center {
75
85
  width: 100%;
76
86
  max-width: 650px;
package/src/RenderBlocks/index.tsx CHANGED
@@ -71,6 +71,7 @@ export const RenderBlocks: React.FC<RenderBlocksProps> = ({
71
71
  case 'blockquote':
72
72
  case 'p':
73
73
  case 'context_p':
74
+ case 'divider':
74
75
  case 'lead':
75
76
  case 'lead_hr': {
76
77
  return <SimpleBlock block={block} styleContext={styleContext} />
package/src/RenderBlocks/mock.json CHANGED
@@ -5,6 +5,46 @@
5
5
  "data": "Hello Component",
6
6
  "length": 9,
7
7
  "id": "11-1ff7b114f405e532387ad41ebfc3c794c3baaa413180d495c00a60273f0d2eb400d"
8
+ },
9
+ {
10
+ "type": "blockquote",
11
+ "data": "\n<strong>Осторожно!!</strong> Этот текст напичкан спойлерами, <strong>они повсюду, просто везде! Не успеете начать читать, там сразу спойлеры. </strong>Если еще не смотрели «Довод», не читайте текст ниже прямо сейчас, а вернитесь к нему после похода в кино. Чтобы вы случайно не увидели спойлер, мы ниже поставим трейлер «Довода», чтобы он занимал побольше места.",
12
+ "length": 329,
13
+ "id": "2-90d2c909025f2142b1bd0e448b532568e1f971c841dc377cfab92cbb933e5397"
14
+ },
15
+
16
+ {
17
+ "type": "p",
18
+ "data": "Соратники Алексея Навального попали в его номер в томской гостинице Xander с разрешения руководства отеля. Об этом РИА Новости рассказала неназванная администратор Xander.",
19
+ "length": 171,
20
+ "id": "0-1cba2846e356752eac7e2aa3ebb0736f0a830463bcbcccf686c768f15c9fd8b5"
21
+ },
22
+
23
+ {
24
+ "type": "divider",
25
+ "id": "0-1cba28b6958b38e8afba9170a830463bcbcccf686c768f15c9fd8b5"
26
+ },
27
+ {
28
+ "type": "p",
29
+ "data": "Соратники Алексея Навального попали в его номер в томской гостинице Xander с разрешения руководства отеля. Об этом РИА Новости рассказала неназванная администратор Xander.",
30
+ "length": 171,
31
+ "id": "0-1cba2846e356752eac7e2aa3ebb0736f0a830463bcbcccf686c768f15c9fd8b5"
32
+ },
33
+ {
34
+ "type": "divider",
35
+ "id": "0-1cba28b6958b38e8afba9170a830463bcbcccf686c768f15c9fd8b5"
36
+ },
37
+ {
38
+ "type": "quote",
39
+ "data": "Да, мы отменили проведение конкурса. Нас обвиняют во всех грехах, что мы хотим снести мавзолей и вынести тело Ленина. Где они это взяли? Это невозможно. Очень много негатива.",
40
+ "length": 174,
41
+ "id": "1-6299db8f2ba44119e88e5669cea1a928583c85a604030b300dc2466e8cde8d6d"
42
+ },
43
+ {
44
+ "type": "p",
45
+ "data": "Соратники Алексея Навального попали в его номер в томской гостинице Xander с разрешения руководства отеля. Об этом РИА Новости рассказала неназванная администратор Xander.",
46
+ "length": 171,
47
+ "id": "0-1cba2846e356752eac7e2aa3ebb0736f0a830463bcbcccf686c768f15c9fd8b5"
8
48
  }
9
49
  ]
10
50
  }
package/src/SimpleBlock/SimpleBlock.module.css CHANGED
@@ -214,6 +214,31 @@
214
214
  }
215
215
  }
216
216
 
217
+ .divider {
218
+ height: 3px;
219
+ background-color: #000;
220
+ margin-top: 35px;
221
+ margin-bottom: 35px;
222
+ border-radius: 3px;
223
+
224
+ @media $mobile {
225
+ margin-top: 50px;
226
+ margin-bottom: 50px;
227
+ }
228
+ }
229
+
230
+ .p + .divider,
231
+ .h2 + .divider,
232
+ .h3 + .divider {
233
+ margin-top: 30px;
234
+ margin-bottom: 30px;
235
+
236
+ @media $mobile {
237
+ margin-top: 40px;
238
+ margin-bottom: 40px;
239
+ }
240
+ }
241
+
217
242
  mark {
218
243
  position: relative;
219
244
 
package/src/SimpleBlock/index.tsx CHANGED
@@ -28,6 +28,8 @@ export const SimpleBlock: React.FC<SimpleBlockProps> = ({
28
28
  TagName = 'p'
29
29
  break
30
30
  }
31
+ case 'divider':
32
+ return <hr className={makeClassName(classNames)} />
31
33
  case 'lead_hr': {
32
34
  TagName = 'div'
33
35
  break
@@ -35,6 +37,7 @@ export const SimpleBlock: React.FC<SimpleBlockProps> = ({
35
37
  default:
36
38
  TagName = type
37
39
  }
40
+
38
41
  return (
39
42
  <TagName
40
43
  className={makeClassName(classNames)}
package/src/SimpleBlock/mock.json CHANGED
@@ -29,6 +29,11 @@
29
29
  "id": "0-1cba2846e356752eac7e2aa3ebb0736f0a830463bcbcccf686c768f15c9fd8b5"
30
30
  },
31
31
 
32
+ {
33
+ "type": "divider",
34
+ "id": "0-1cba28b6958b38e8afba9170a830463bcbcccf686c768f15c9fd8b5"
35
+ },
36
+
32
37
  {
33
38
  "type": "h2",
34
39
  "data": "Университет",
package/src/Toolbar/Toolbar.module.css CHANGED
@@ -101,6 +101,7 @@
101
101
  }
102
102
  }
103
103
 
104
+ .root:first-child::before,
104
105
  .gameSurvey::before,
105
106
  .slide::before,
106
107
  .card::before,