@meduza/ui-kit-2 0.4.14 → 0.5.1

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 (160) hide show
  1. package/package.json +7 -1
  2. package/src/Cover/index.tsx +2 -10
  3. package/src/DocumentItemsCount/DocumentItemsCount.module.css +12 -1
  4. package/src/DocumentItemsCount/DocumentItemsCount.test.tsx +9 -2
  5. package/src/DocumentItemsCount/index.tsx +3 -3
  6. package/src/Image/Image.module.css +0 -11
  7. package/src/Meta/Meta.module.css +0 -5
  8. package/src/Meta/Meta.stories.module.css +0 -16
  9. package/src/Meta/Meta.stories.tsx +4 -51
  10. package/src/Meta/MetaContainer.tsx +0 -8
  11. package/src/RawHtmlBlock/index.tsx +5 -0
  12. package/src/RelatedRichBlock/RelatedRichBlock.module.css +1 -11
  13. package/src/RenderBlocks/index.tsx +1 -5
  14. package/src/ShopRelatedBlock/ShopRelatedBlock.module.css +210 -0
  15. package/src/ShopRelatedBlock/ShopRelatedBlock.stories.module.css +12 -0
  16. package/src/ShopRelatedBlock/ShopRelatedBlock.stories.tsx +52 -0
  17. package/src/ShopRelatedBlock/ShopRelatedBlock.test.tsx +20 -0
  18. package/src/ShopRelatedBlock/ShopRelatedBlock.types.ts +4 -0
  19. package/src/ShopRelatedBlock/index.tsx +120 -0
  20. package/src/ShopRelatedBlock/mock.json +153 -0
  21. package/src/SimpleBlock/SimpleBlock.types.ts +1 -0
  22. package/src/SimpleBlock/index.tsx +3 -1
  23. package/src/Tag/Tag.module.css +3 -8
  24. package/src/Tag/Tag.stories.tsx +3 -16
  25. package/src/Tag/Tag.types.ts +1 -7
  26. package/src/index.tsx +1 -1
  27. package/dist/AnnouncementInText/AnnouncementInText.types.d.ts +0 -4
  28. package/dist/AnnouncementInText/index.d.ts +0 -3
  29. package/dist/BookmarkButton/BookmarkButton.types.d.ts +0 -6
  30. package/dist/BookmarkButton/index.d.ts +0 -3
  31. package/dist/Button/Button.d.ts +0 -3
  32. package/dist/Button/Button.types.d.ts +0 -16
  33. package/dist/Button/ButtonLoader.d.ts +0 -2
  34. package/dist/Button/index.d.ts +0 -2
  35. package/dist/CardTitle/CardTitle.types.d.ts +0 -10
  36. package/dist/CardTitle/index.d.ts +0 -3
  37. package/dist/ChapterBlock/ChapterBlock.types.d.ts +0 -7
  38. package/dist/ChapterBlock/index.d.ts +0 -3
  39. package/dist/Cover/Cover.types.d.ts +0 -24
  40. package/dist/Cover/index.d.ts +0 -3
  41. package/dist/DocumentItemsCount/DocumentItemsCount.types.d.ts +0 -7
  42. package/dist/DocumentItemsCount/index.d.ts +0 -3
  43. package/dist/DonatesTeaser/DonatesTeaser.types.d.ts +0 -4
  44. package/dist/DonatesTeaser/index.d.ts +0 -3
  45. package/dist/DotsOnImage/DotsOnImage.types.d.ts +0 -46
  46. package/dist/DotsOnImage/index.d.ts +0 -3
  47. package/dist/Dropdown/Dropdown.types.d.ts +0 -6
  48. package/dist/Dropdown/index.d.ts +0 -4
  49. package/dist/EmbedBlock/EmbedBlock.d.ts +0 -3
  50. package/dist/EmbedBlock/EmbedBlock.types.d.ts +0 -12
  51. package/dist/EmbedBlock/EmbedGif.d.ts +0 -3
  52. package/dist/EmbedBlock/IframeBlock.d.ts +0 -3
  53. package/dist/EmbedBlock/index.d.ts +0 -3
  54. package/dist/Footnote/Footnote.types.d.ts +0 -5
  55. package/dist/Footnote/index.d.ts +0 -3
  56. package/dist/GroupedBlock/GroupedBlock.types.d.ts +0 -4
  57. package/dist/GroupedBlock/index.d.ts +0 -3
  58. package/dist/HalfBlock/HalfBlock.types.d.ts +0 -4
  59. package/dist/HalfBlock/index.d.ts +0 -3
  60. package/dist/Image/Image.types.d.ts +0 -35
  61. package/dist/Image/RenderPicture.d.ts +0 -4
  62. package/dist/Image/index.d.ts +0 -3
  63. package/dist/ImportantLead/ImportantLead.types.d.ts +0 -4
  64. package/dist/ImportantLead/index.d.ts +0 -3
  65. package/dist/Lazy/Lazy.types.d.ts +0 -5
  66. package/dist/Lazy/index.d.ts +0 -3
  67. package/dist/ListBlock/ListBlock.types.d.ts +0 -10
  68. package/dist/ListBlock/index.d.ts +0 -3
  69. package/dist/MaterialNote/MaterialNote.types.d.ts +0 -13
  70. package/dist/MaterialNote/index.d.ts +0 -3
  71. package/dist/MaterialTitle/MaterialTitle.types.d.ts +0 -4
  72. package/dist/MaterialTitle/index.d.ts +0 -5
  73. package/dist/MediaCaption/MediaCaption.types.d.ts +0 -5
  74. package/dist/MediaCaption/index.d.ts +0 -3
  75. package/dist/Meta/Meta.mock.d.ts +0 -12
  76. package/dist/Meta/Meta.types.d.ts +0 -19
  77. package/dist/Meta/MetaContainer.d.ts +0 -3
  78. package/dist/Meta/index.d.ts +0 -3
  79. package/dist/MetaItem/MetaItem.types.d.ts +0 -7
  80. package/dist/MetaItem/index.d.ts +0 -3
  81. package/dist/MetaItemLive/MetaItemLive.types.d.ts +0 -3
  82. package/dist/MetaItemLive/index.d.ts +0 -3
  83. package/dist/Popover/Popover.types.d.ts +0 -5
  84. package/dist/Popover/index.d.ts +0 -3
  85. package/dist/QuoteBlock/QuoteBlock.types.d.ts +0 -6
  86. package/dist/QuoteBlock/index.d.ts +0 -3
  87. package/dist/RawHtmlBlock/RawHtmlBlock.types.d.ts +0 -17
  88. package/dist/RawHtmlBlock/index.d.ts +0 -3
  89. package/dist/RelatedBlock/RelatedBlock.types.d.ts +0 -17
  90. package/dist/RelatedBlock/index.d.ts +0 -3
  91. package/dist/RelatedBook/RelatedBook.mock.d.ts +0 -65
  92. package/dist/RelatedBook/RelatedBook.types.d.ts +0 -4
  93. package/dist/RelatedBook/index.d.ts +0 -3
  94. package/dist/RelatedRichBlock/RelatedRichBlock.types.d.ts +0 -4
  95. package/dist/RelatedRichBlock/index.d.ts +0 -3
  96. package/dist/RenderBlocks/RenderBlocks.types.d.ts +0 -11
  97. package/dist/RenderBlocks/index.d.ts +0 -3
  98. package/dist/RichTitle/RichTitle.types.d.ts +0 -13
  99. package/dist/RichTitle/index.d.ts +0 -3
  100. package/dist/SensitiveBlock/SensitiveBlock.types.d.ts +0 -15
  101. package/dist/SensitiveBlock/index.d.ts +0 -3
  102. package/dist/SimpleBlock/SimpleBlock.types.d.ts +0 -4
  103. package/dist/SimpleBlock/index.d.ts +0 -3
  104. package/dist/SimpleTitle/SimpleTitle.types.d.ts +0 -9
  105. package/dist/SimpleTitle/index.d.ts +0 -3
  106. package/dist/SourceBlock/SourceBlock.types.d.ts +0 -15
  107. package/dist/SourceBlock/index.d.ts +0 -3
  108. package/dist/Spoiler/Spoiler.types.d.ts +0 -4
  109. package/dist/Spoiler/index.d.ts +0 -3
  110. package/dist/SvgSymbol/SvgSymbol.types.d.ts +0 -8
  111. package/dist/SvgSymbol/icons.d.ts +0 -167
  112. package/dist/SvgSymbol/index.d.ts +0 -3
  113. package/dist/Switcher/Switcher.types.d.ts +0 -12
  114. package/dist/Switcher/index.d.ts +0 -3
  115. package/dist/Table/Table.types.d.ts +0 -25
  116. package/dist/Table/index.d.ts +0 -3
  117. package/dist/Tag/Tag.types.d.ts +0 -12
  118. package/dist/Tag/index.d.ts +0 -3
  119. package/dist/Timestamp/Timestamp.types.d.ts +0 -5
  120. package/dist/Timestamp/index.d.ts +0 -4
  121. package/dist/Toolbar/Toolbar.d.ts +0 -3
  122. package/dist/Toolbar/Toolbar.types.d.ts +0 -8
  123. package/dist/Toolbar/ToolbarItem.d.ts +0 -3
  124. package/dist/Toolbar/index.d.ts +0 -2
  125. package/dist/ToolbarButton/ToolbarButton.types.d.ts +0 -10
  126. package/dist/ToolbarButton/index.d.ts +0 -3
  127. package/dist/Tooltip/Tooltip.d.ts +0 -3
  128. package/dist/Tooltip/Tooltip.types.d.ts +0 -8
  129. package/dist/Tooltip/TooltipFooter.d.ts +0 -3
  130. package/dist/Tooltip/index.d.ts +0 -2
  131. package/dist/constants.d.ts +0 -41
  132. package/dist/index.d.ts +0 -45
  133. package/dist/types.d.ts +0 -20
  134. package/dist/ui-kit-2.cjs.development.js +0 -2669
  135. package/dist/ui-kit-2.cjs.development.js.map +0 -1
  136. package/dist/ui-kit-2.cjs.production.min.js +0 -2
  137. package/dist/ui-kit-2.cjs.production.min.js.map +0 -1
  138. package/dist/ui-kit-2.esm.js +0 -2615
  139. package/dist/ui-kit-2.esm.js.map +0 -1
  140. package/dist/ui-kit.css +0 -6006
  141. package/dist/utils/BlockContext.d.ts +0 -8
  142. package/dist/utils/DangerousHtml.d.ts +0 -8
  143. package/dist/utils/capitalizeFirstLetter.d.ts +0 -1
  144. package/dist/utils/converCase.d.ts +0 -2
  145. package/dist/utils/generateGradient.d.ts +0 -2
  146. package/dist/utils/getElementPositionRelativeToViewport.d.ts +0 -2
  147. package/dist/utils/makeClassName.d.ts +0 -3
  148. package/dist/utils/makeStyleContext.d.ts +0 -3
  149. package/dist/utils/pluralize.d.ts +0 -2
  150. package/dist/utils/postMessage.d.ts +0 -2
  151. package/dist/utils/viewportSize.d.ts +0 -6
  152. package/src/.DS_Store +0 -0
  153. package/src/Meta/Meta.mock.ts +0 -19
  154. package/src/RelatedBook/RelatedBook.mock.ts +0 -68
  155. package/src/RelatedBook/RelatedBook.module.css +0 -210
  156. package/src/RelatedBook/RelatedBook.stories.module.css +0 -5
  157. package/src/RelatedBook/RelatedBook.stories.tsx +0 -35
  158. package/src/RelatedBook/RelatedBook.test.tsx +0 -20
  159. package/src/RelatedBook/RelatedBook.types.ts +0 -4
  160. package/src/RelatedBook/index.tsx +0 -68
@@ -1,167 +0,0 @@
1
- export declare const icons: {
2
- meduzaLogo: {
3
- width: number;
4
- height: number;
5
- content: string;
6
- };
7
- menu: {
8
- width: number;
9
- height: number;
10
- content: string;
11
- };
12
- fb: {
13
- width: number;
14
- height: number;
15
- content: string;
16
- };
17
- tw: {
18
- width: number;
19
- height: number;
20
- content: string;
21
- };
22
- vk: {
23
- width: number;
24
- height: number;
25
- content: string;
26
- };
27
- ok: {
28
- width: number;
29
- height: number;
30
- content: string;
31
- };
32
- tg: {
33
- width: number;
34
- height: number;
35
- content: string;
36
- };
37
- meduzaSymbol: {
38
- width: number;
39
- height: number;
40
- content: string;
41
- };
42
- backward: {
43
- width: number;
44
- height: number;
45
- content: string;
46
- };
47
- forward: {
48
- width: number;
49
- height: number;
50
- content: string;
51
- };
52
- download: {
53
- width: number;
54
- height: number;
55
- content: string;
56
- };
57
- play: {
58
- width: number;
59
- height: number;
60
- content: string;
61
- };
62
- pause: {
63
- width: number;
64
- height: number;
65
- content: string;
66
- };
67
- speedHalf: {
68
- width: number;
69
- height: number;
70
- content: string;
71
- };
72
- speedOne: {
73
- width: number;
74
- height: number;
75
- content: string;
76
- };
77
- speedOneHalf: {
78
- width: number;
79
- height: number;
80
- content: string;
81
- };
82
- speedTwo: {
83
- width: number;
84
- height: number;
85
- content: string;
86
- };
87
- podcastBookmark: {
88
- width: number;
89
- height: number;
90
- content: string;
91
- };
92
- reaction: {
93
- width: number;
94
- height: number;
95
- content: string;
96
- };
97
- cross: {
98
- width: number;
99
- height: number;
100
- content: string;
101
- };
102
- link: {
103
- width: number;
104
- height: number;
105
- content: string;
106
- };
107
- search: {
108
- width: number;
109
- height: number;
110
- content: string;
111
- };
112
- card: {
113
- width: number;
114
- height: number;
115
- content: string;
116
- };
117
- podcast: {
118
- width: number;
119
- height: number;
120
- content: string;
121
- };
122
- arrow: {
123
- width: number;
124
- height: number;
125
- content: string;
126
- };
127
- brent: {
128
- width: number;
129
- height: number;
130
- content: string;
131
- };
132
- user: {
133
- width: number;
134
- height: number;
135
- content: string;
136
- };
137
- bookmark: {
138
- width: number;
139
- height: number;
140
- content: string;
141
- };
142
- shareBookmark: {
143
- width: number;
144
- height: number;
145
- content: string;
146
- };
147
- receipt: {
148
- width: number;
149
- height: number;
150
- content: string;
151
- };
152
- read: {
153
- width: number;
154
- height: number;
155
- content: string;
156
- };
157
- listened: {
158
- width: number;
159
- height: number;
160
- content: string;
161
- };
162
- magic: {
163
- width: number;
164
- height: number;
165
- content: string;
166
- };
167
- };
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { SvgSymbolProps } from './SvgSymbol.types';
3
- export declare const SvgSymbol: React.FC<SvgSymbolProps>;
@@ -1,12 +0,0 @@
1
- import React from 'react';
2
- export type SwitcherStyleContexts = 'isInLive' | 'isInPanel' | 'isInMenu';
3
- export type SwitcherThemes = 'light' | 'dark';
4
- export type SwitcherChildrenPositions = 'left' | 'right';
5
- export interface SwitcherProps {
6
- enabled: boolean;
7
- styleContext: SwitcherStyleContexts;
8
- onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
9
- theme?: SwitcherThemes;
10
- children: JSX.Element[] | JSX.Element;
11
- childrenPosition?: SwitcherChildrenPositions;
12
- }
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { SwitcherProps } from './Switcher.types';
3
- export declare const Switcher: React.FC<SwitcherProps>;
@@ -1,25 +0,0 @@
1
- export interface Row {
2
- cells: {
3
- key: string;
4
- color?: string;
5
- val?: string;
6
- }[];
7
- key: string;
8
- }
9
- export interface TableProps {
10
- styleContext?: string | string[];
11
- block: {
12
- type: string;
13
- columns_widths: number[];
14
- display: string;
15
- id: string;
16
- options: {
17
- header: boolean;
18
- fixed_first_column?: boolean;
19
- num_fixed_columns: number;
20
- num_fixed_rows: number;
21
- };
22
- rows: Row[];
23
- table_credit?: string;
24
- };
25
- }
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { TableProps } from './Table.types';
3
- export declare const Table: React.FC<TableProps>;
@@ -1,12 +0,0 @@
1
- import React from 'react';
2
- export type TagSizes = 'small' | 'large';
3
- export type TagThemes = 'dark' | 'gold' | 'gray' | 'light' | 'custom' | 'inherit';
4
- export type TagStyleContexts = 'isInToolbar' | 'isInSpoiler' | 'isInDropdown';
5
- export interface TagProps {
6
- children: React.ReactNode | JSX.Element[] | JSX.Element;
7
- styleContext?: string | string[];
8
- theme: TagThemes;
9
- size: TagSizes;
10
- onlyOn?: 'desktop' | 'mobile';
11
- correlation?: string;
12
- }
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { TagProps } from './Tag.types';
3
- export declare const Tag: React.FC<TagProps>;
@@ -1,5 +0,0 @@
1
- export interface TimestampProps {
2
- publishedAt: number;
3
- type: 'fromNow' | 'format' | 'date';
4
- locale?: string;
5
- }
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { TimestampProps } from './Timestamp.types';
3
- import 'dayjs/locale/ru';
4
- export declare const Timestamp: React.FC<TimestampProps>;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { ToolbarProps } from './Toolbar.types';
3
- export declare const Toolbar: React.FC<ToolbarProps>;
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- export interface ToolbarProps {
3
- styleContext?: string | string[];
4
- children: JSX.Element[] | JSX.Element;
5
- }
6
- export interface ToolbarItemProps {
7
- children: JSX.Element[] | JSX.Element;
8
- }
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { ToolbarItemProps } from './Toolbar.types';
3
- export declare const ToolbarItem: React.FC<ToolbarItemProps>;
@@ -1,2 +0,0 @@
1
- export { ToolbarItem } from './ToolbarItem';
2
- export { Toolbar } from './Toolbar';
@@ -1,10 +0,0 @@
1
- export type ToolbarButtonTypes = 'vk' | 'fb' | 'tw' | 'tg' | 'ok' | 'reaction' | 'pdf' | 'bookmark' | 'unblock' | 'cross';
2
- export interface ToolbarButtonProps {
3
- type: ToolbarButtonTypes;
4
- theme?: string;
5
- lang?: 'ru' | 'en';
6
- text?: string;
7
- icon?: 'shareBookmark';
8
- isActive?: boolean;
9
- onClick: (event: any, type: string) => void;
10
- }
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { ToolbarButtonProps } from './ToolbarButton.types';
3
- export declare const ToolbarButton: React.FC<ToolbarButtonProps>;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { TooltipProps } from './Tooltip.types';
3
- export declare const Tooltip: React.FC<TooltipProps>;
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- export interface TooltipProps {
3
- children: React.ReactNode;
4
- position: ['left' | 'center', 'top' | 'bottom'];
5
- }
6
- export interface TooltipFooterProps {
7
- children: React.ReactNode;
8
- }
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { TooltipFooterProps } from './Tooltip.types';
3
- export declare const TooltipFooter: React.FC<TooltipFooterProps>;
@@ -1,2 +0,0 @@
1
- export { Tooltip } from './Tooltip';
2
- export { TooltipFooter } from './TooltipFooter';
@@ -1,41 +0,0 @@
1
- export declare const MediaQuerySizes: {
2
- MOBILE: number;
3
- PORTRAIT_TABLET: number;
4
- LANDSCAPE_TABLET: number;
5
- DESKTOP: number;
6
- WIDE_DESKTOP: number;
7
- };
8
- export declare const imageBreakpoints: {
9
- 325: string;
10
- 520: string;
11
- 600: string;
12
- 650: string;
13
- 980: string;
14
- 1335: string;
15
- };
16
- export declare const imageConditionalKeys: {
17
- xs: number[];
18
- superFull: number[];
19
- full: number[];
20
- default: number[];
21
- narrow: number[];
22
- };
23
- export declare const SocialLabels: {
24
- ru: {
25
- tg: string;
26
- fb: string;
27
- tw: string;
28
- pdf: string;
29
- unblock: string;
30
- bookmark: string;
31
- reaction: string;
32
- };
33
- en: {
34
- tg: string;
35
- fb: string;
36
- tw: string;
37
- pdf: string;
38
- unblock: string;
39
- bookmark: string;
40
- };
41
- };
package/dist/index.d.ts DELETED
@@ -1,45 +0,0 @@
1
- export * from './Button';
2
- export * from './SvgSymbol';
3
- export * from './Switcher';
4
- export * from './Image';
5
- export * from './DotsOnImage';
6
- export * from './Lazy';
7
- export * from './Tag';
8
- export * from './Table';
9
- export * from './MediaCaption';
10
- export * from './MaterialNote';
11
- export * from './BookmarkButton';
12
- export * from './MaterialTitle';
13
- export * from './Dropdown';
14
- export * from './Toolbar';
15
- export * from './Popover';
16
- export * from './Meta';
17
- export * from './Timestamp';
18
- export * from './EmbedBlock';
19
- export * from './QuoteBlock';
20
- export * from './CardTitle';
21
- export * from './ChapterBlock';
22
- export * from './Cover';
23
- export * from './RenderBlocks';
24
- export * from './GroupedBlock';
25
- export * from './HalfBlock';
26
- export * from './RawHtmlBlock';
27
- export * from './ImportantLead';
28
- export * from './ListBlock';
29
- export * from './RelatedBlock';
30
- export * from './RichTitle';
31
- export * from './SimpleBlock';
32
- export * from './SimpleTitle';
33
- export * from './SourceBlock';
34
- export * from './Spoiler';
35
- export * from './MetaItem';
36
- export * from './MetaItemLive';
37
- export * from './DocumentItemsCount';
38
- export * from './ToolbarButton';
39
- export * from './Footnote';
40
- export * from './RelatedRichBlock';
41
- export * from './SensitiveBlock';
42
- export * from './DonatesTeaser';
43
- export * from './AnnouncementInText';
44
- export * from './Tooltip';
45
- export * from './RelatedBook';
package/dist/types.d.ts DELETED
@@ -1,20 +0,0 @@
1
- export interface OptimizedImageItem {
2
- '1x': string;
3
- '2x': string;
4
- '1x_webp': string;
5
- '2x_webp': string;
6
- }
7
- export type CallToActions = 'fb' | 'tw' | 'vk' | 'ok' | 'tg' | 'wp' | 'reaction' | 'pdf' | 'bookmark' | 'cross';
8
- export type LightboxImage = {
9
- original: string;
10
- w325: OptimizedImageItem;
11
- w520: OptimizedImageItem;
12
- w650: OptimizedImageItem;
13
- w980: OptimizedImageItem;
14
- w1335: OptimizedImageItem;
15
- };
16
- export interface LightboxContext {
17
- show: (image: LightboxImage, alt?: string) => void;
18
- hide: () => void;
19
- visible: boolean;
20
- }