@meduza/ui-kit-2 0.8.704 → 0.8.801
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/SvgSymbol/SvgSymbol.types.d.ts +1 -1
- package/dist/ToolbarButton/ToolbarButton.types.d.ts +1 -1
- package/dist/types.d.ts +1 -1
- package/dist/ui-kit-2.cjs.development.js +4 -13
- 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 +4 -13
- package/dist/ui-kit-2.esm.js.map +1 -1
- package/dist/ui-kit-game.css +0 -19
- package/dist/ui-kit.css +0 -19
- package/package.json +1 -1
- package/src/.DS_Store +0 -0
- package/src/EmbedBlock/EmbedBlock.module.css +2 -9
- package/src/EmbedBlock/EmbedBlock.tsx +8 -12
- package/src/SvgSymbol/SvgSymbol.types.ts +0 -2
- package/src/Switcher/Switcher.stories.tsx +0 -1
- package/src/ToolbarButton/ToolbarButton.types.ts +0 -2
- package/src/types.ts +0 -3
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export type SvgSymbolStyleContexts = 'isInFeature' | 'isInCard' | 'isInTopicBlockItem' | 'isInPageStatic' | 'isInMaterialMeta' | 'isInToolbar' | 'isInEpisodeBlock' | 'isInAudioPlayer' | 'isInAudioPanel' | 'isInPlaylist' | 'PodcastMaterial' | 'isInHeader' | 'isInProfile' | 'isInBookmark';
|
|
2
|
-
export type Icons = 'meduzaLogo' | 'meduzaSymbol' | 'menu' | 'fb' | 'tw' | '
|
|
2
|
+
export type Icons = 'meduzaLogo' | 'meduzaSymbol' | 'menu' | 'fb' | 'tw' | 'tg' | 'chat' | 'magic' | 'backward' | 'forward' | 'download' | 'play' | 'pause' | 'shareBookmark' | 'speedHalf' | 'speedOne' | 'speedOneHalf' | 'speedTwo' | 'podcastBookmark' | 'reaction' | 'cross' | 'link' | 'search' | 'card' | 'podcast' | 'arrow' | 'brent' | 'user' | 'bookmark' | 'receipt' | 'read' | 'listened';
|
|
3
3
|
export type Sizes = 'small' | 'normal' | 'medium' | 'large' | 'unset';
|
|
4
4
|
export interface SvgSymbolProps {
|
|
5
5
|
styleContext?: SvgSymbolStyleContexts;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export type ToolbarButtonTypes = '
|
|
1
|
+
export type ToolbarButtonTypes = 'fb' | 'tw' | 'tg' | 'reaction' | 'pdf' | 'bookmark' | 'unblock' | 'cross';
|
|
2
2
|
export interface ToolbarButtonProps {
|
|
3
3
|
type: ToolbarButtonTypes;
|
|
4
4
|
theme?: string;
|
package/dist/types.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ export interface OptimizedImageItem {
|
|
|
4
4
|
'1x_webp': string;
|
|
5
5
|
'2x_webp': string;
|
|
6
6
|
}
|
|
7
|
-
export type CallToActions = 'fb' | 'tw' | '
|
|
7
|
+
export type CallToActions = 'fb' | 'tw' | 'tg' | 'reaction' | 'pdf' | 'bookmark' | 'cross';
|
|
8
8
|
export type LightboxImage = {
|
|
9
9
|
original: string;
|
|
10
10
|
w325: OptimizedImageItem;
|
|
@@ -1192,9 +1192,7 @@ const EmbedBlock = ({
|
|
|
1192
1192
|
return /*#__PURE__*/React.createElement("div", {
|
|
1193
1193
|
className: styles$r.object
|
|
1194
1194
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1195
|
-
className:
|
|
1196
|
-
// [styles.isYoutube, provider === 'youtube' && isProportional]
|
|
1197
|
-
]),
|
|
1195
|
+
className: styles$r.wrapper,
|
|
1198
1196
|
style: style
|
|
1199
1197
|
}, /*#__PURE__*/React.createElement(DangerousHTML, {
|
|
1200
1198
|
className: styles$r.objectWrap,
|
|
@@ -1203,14 +1201,9 @@ const EmbedBlock = ({
|
|
|
1203
1201
|
}
|
|
1204
1202
|
}
|
|
1205
1203
|
};
|
|
1206
|
-
// if (isProportional && provider !== 'youtube') {
|
|
1207
|
-
// style.paddingBottom = `${(block.data.height / block.data.width) * 100}%`
|
|
1208
|
-
// style.height = 0
|
|
1209
|
-
// } else if (isProportional && provider === 'youtube') {
|
|
1210
|
-
// style.aspectRatio = `${block.data.width} / ${block.data.height}`
|
|
1211
|
-
// }
|
|
1212
1204
|
if (isProportional) {
|
|
1213
|
-
style.
|
|
1205
|
+
style.paddingBottom = `${block.data.height / block.data.width * 100}%`;
|
|
1206
|
+
style.height = 0;
|
|
1214
1207
|
}
|
|
1215
1208
|
let classNames = [[styles$r.root, true], [styles$r.cc, cc], [styles$r[display], !!display && styles$r[display]], [styles$r[provider], !!provider && !!styles$r[provider]], [styles$r[onlyOn], !!onlyOn && styles$r[onlyOn]], [styles$r.mobileFullwidth, mobileFullwidth], [styles$r.proportional, isProportional]];
|
|
1216
1209
|
// Убираем из контекста все, что не начинается с приставки isIn,
|
|
@@ -1228,9 +1221,7 @@ const EmbedBlock = ({
|
|
|
1228
1221
|
}, children && ( /*#__PURE__*/React.createElement("div", {
|
|
1229
1222
|
className: styles$r.object
|
|
1230
1223
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1231
|
-
className:
|
|
1232
|
-
// [styles.isYoutube, provider === 'youtube' && isProportional]
|
|
1233
|
-
]),
|
|
1224
|
+
className: styles$r.wrapper,
|
|
1234
1225
|
style: style
|
|
1235
1226
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1236
1227
|
className: styles$r.objectWrap
|