@gravity-ui/blog-constructor 1.0.0 → 1.1.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (61) hide show
  1. package/CHANGELOG.md +23 -216
  2. package/README.md +63 -1
  3. package/build/cjs/blocks/Author/Author.css +31 -0
  4. package/build/cjs/blocks/Banner/Banner.css +58 -0
  5. package/build/cjs/blocks/CTA/CTA.css +56 -0
  6. package/build/cjs/blocks/ColoredText/ColoredText.css +28 -0
  7. package/build/cjs/blocks/Layout/Layout.css +22 -0
  8. package/build/cjs/blocks/Media/Media.css +41 -0
  9. package/build/cjs/blocks/Meta/Meta.css +7 -0
  10. package/build/cjs/blocks/YFM/__tests__/YFM.test.d.ts +1 -0
  11. package/build/cjs/blocks/YFM/__tests__/YFM.test.js +16 -0
  12. package/build/cjs/components/ButtonWithIcon/ButtonWithIcon.css +76 -0
  13. package/build/cjs/components/FeedHeader/FeedHeader.css +54 -0
  14. package/build/cjs/components/FeedHeader/components/Controls/Controls.css +108 -0
  15. package/build/cjs/components/FeedHeader/components/CustomSelectOption/CustomSelectOption.css +14 -0
  16. package/build/cjs/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.css +53 -0
  17. package/build/cjs/components/Paginator/Paginator.css +54 -0
  18. package/build/cjs/components/PostCard/PostCard.css +85 -0
  19. package/build/cjs/components/PostInfo/PostInfo.css +88 -0
  20. package/build/cjs/components/Posts/Posts.css +28 -0
  21. package/build/cjs/components/PostsEmpty/PostsEmpty.css +25 -0
  22. package/build/cjs/components/PostsError/PostError.css +30 -0
  23. package/build/cjs/components/Search/Search.css +32 -0
  24. package/build/cjs/components/Wrapper/Wrapper.css +32 -0
  25. package/build/cjs/containers/BlogPage/BlogPage.css +21 -0
  26. package/build/cjs/containers/BlogPostPage/BlogPostPage.css +251 -0
  27. package/build/cjs/models/blocks.d.ts +0 -1
  28. package/build/esm/blocks/Author/Author.css +31 -0
  29. package/build/esm/blocks/Banner/Banner.css +58 -0
  30. package/build/esm/blocks/CTA/CTA.css +56 -0
  31. package/build/esm/blocks/ColoredText/ColoredText.css +28 -0
  32. package/build/esm/blocks/Layout/Layout.css +22 -0
  33. package/build/esm/blocks/Media/Media.css +41 -0
  34. package/build/esm/blocks/Meta/Meta.css +7 -0
  35. package/build/esm/blocks/YFM/__tests__/YFM.test.d.ts +1 -0
  36. package/build/esm/blocks/YFM/__tests__/YFM.test.js +11 -0
  37. package/build/esm/components/ButtonWithIcon/ButtonWithIcon.css +76 -0
  38. package/build/esm/components/FeedHeader/FeedHeader.css +54 -0
  39. package/build/esm/components/FeedHeader/components/Controls/Controls.css +108 -0
  40. package/build/esm/components/FeedHeader/components/CustomSelectOption/CustomSelectOption.css +14 -0
  41. package/build/esm/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.css +53 -0
  42. package/build/esm/components/Paginator/Paginator.css +54 -0
  43. package/build/esm/components/PostCard/PostCard.css +85 -0
  44. package/build/esm/components/PostInfo/PostInfo.css +88 -0
  45. package/build/esm/components/Posts/Posts.css +28 -0
  46. package/build/esm/components/PostsEmpty/PostsEmpty.css +25 -0
  47. package/build/esm/components/PostsError/PostError.css +30 -0
  48. package/build/esm/components/Search/Search.css +32 -0
  49. package/build/esm/components/Wrapper/Wrapper.css +32 -0
  50. package/build/esm/containers/BlogPage/BlogPage.css +21 -0
  51. package/build/esm/containers/BlogPostPage/BlogPostPage.css +251 -0
  52. package/build/esm/models/blocks.d.ts +0 -1
  53. package/package.json +38 -28
  54. package/server/models/blocks.d.ts +0 -1
  55. package/styles/mixins.css +2 -0
  56. package/styles/mixins.scss +0 -11
  57. package/styles/root.css +21 -0
  58. package/styles/storybook/index.scss +1 -1
  59. package/styles/styles.css +196 -0
  60. package/styles/variables.css +0 -0
  61. package/styles/yfm.css +103 -0
package/styles/yfm.css ADDED
@@ -0,0 +1,103 @@
1
+ /* use this for style redefinitions to awoid problems with
2
+ unpredictable css rules order in build */
3
+ .yfm_blog {
4
+ font-size: var(--yc-text-body-3-font-size);
5
+ line-height: var(--yc-text-body-3-line-height);
6
+ color: var(--yc-color-text-primary);
7
+ }
8
+ .yfm_blog h1:first-child,
9
+ .yfm_blog h2:first-child,
10
+ .yfm_blog h3:first-child,
11
+ .yfm_blog h4:first-child {
12
+ padding: 0;
13
+ margin-top: 0;
14
+ padding-top: 0;
15
+ }
16
+ .yfm_blog h2 {
17
+ font-size: var(--yc-text-display-2-font-size);
18
+ line-height: var(--yc-text-display-2-line-height);
19
+ }
20
+ .yfm_blog h3 {
21
+ font-size: var(--yc-text-header-2-font-size);
22
+ line-height: var(--yc-text-header-2-line-height);
23
+ }
24
+ .yfm_blog h4 {
25
+ font-size: var(--yc-text-header-1-font-size);
26
+ line-height: var(--yc-text-header-1-line-height);
27
+ }
28
+ .yfm_blog h1,
29
+ .yfm_blog h2,
30
+ .yfm_blog h3,
31
+ .yfm_blog h4,
32
+ .yfm_blog h5,
33
+ .yfm_blog h6 {
34
+ margin-bottom: 16px;
35
+ margin-top: 48px;
36
+ padding-top: 0;
37
+ font-weight: var(--yc-text-header-font-weight);
38
+ }
39
+ .yfm_blog blockquote,
40
+ .yfm_blog dl,
41
+ .yfm_blog ol,
42
+ .yfm_blog p,
43
+ .yfm_blog pre,
44
+ .yfm_blog table,
45
+ .yfm_blog ul {
46
+ margin: 0 0 16px;
47
+ }
48
+ .yfm_blog img {
49
+ margin-bottom: 32px;
50
+ margin-top: 16px;
51
+ border-radius: 24px;
52
+ }
53
+ .yfm_blog hr {
54
+ height: 1px;
55
+ }
56
+ .yfm_blog ol,
57
+ .yfm_blog ul {
58
+ padding-left: 1.4em;
59
+ }
60
+ .yfm_blog code {
61
+ color: var(--yc-color-text-misc);
62
+ }
63
+ .yfm_blog pre > code {
64
+ color: var(--yc-color-text-primary);
65
+ }
66
+ .yfm_blog table {
67
+ color: var(--yc-color-text-primary);
68
+ border: 1px solid var(--yc-color-line-generic);
69
+ background: var(--yc-color-base-background);
70
+ }
71
+ .yfm_blog thead tr,
72
+ .yfm_blog table tr:nth-child(2n) {
73
+ background-color: var(--yc-color-base-generic);
74
+ }
75
+ .yfm_blog_media {
76
+ font-size: var(--yc-text-body-3-font-size);
77
+ line-height: var(--yc-text-body-3-line-height);
78
+ color: var(--yc-color-text-secondary);
79
+ }
80
+ .yfm_blog_breadcrumbs {
81
+ font-size: var(--yc-text-body-2-font-size);
82
+ line-height: var(--yc-text-body-2-line-height);
83
+ color: var(--yc-text-color-base);
84
+ }
85
+ .yfm_blog a {
86
+ color: var(--yc-color-text-link);
87
+ }
88
+ .yfm_blog a:hover {
89
+ color: var(--yc-color-text-link-hover);
90
+ }
91
+ .yfm_blog .yfm-tab:hover, .yfm_blog .yfm-tab:active {
92
+ color: var(--yc-color-text-link-hover);
93
+ }
94
+ .yfm_blog .yfm-tab.active {
95
+ border-bottom-color: var(--yc-color-text-link);
96
+ }
97
+ .yfm_blog .yfm-clipboard {
98
+ margin: 32px 0;
99
+ }
100
+
101
+ .yfm_blog_card p {
102
+ color: var(--pc-text-header-color);
103
+ }