@meduza/ui-kit-2 0.8.704 → 0.9.0
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 +2 -12
- 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 +2 -12
- package/dist/ui-kit-2.esm.js.map +1 -1
- package/dist/ui-kit-game.css +0 -9
- package/dist/ui-kit.css +0 -9
- package/package.json +1 -1
- package/src/EmbedBlock/EmbedBlock.module.css +0 -9
- package/src/EmbedBlock/EmbedBlock.tsx +2 -21
- 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,12 +1201,6 @@ 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
1205
|
style.aspectRatio = `${block.data.width} / ${block.data.height}`;
|
|
1214
1206
|
}
|
|
@@ -1228,9 +1220,7 @@ const EmbedBlock = ({
|
|
|
1228
1220
|
}, children && ( /*#__PURE__*/React.createElement("div", {
|
|
1229
1221
|
className: styles$r.object
|
|
1230
1222
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1231
|
-
className:
|
|
1232
|
-
// [styles.isYoutube, provider === 'youtube' && isProportional]
|
|
1233
|
-
]),
|
|
1223
|
+
className: styles$r.wrapper,
|
|
1234
1224
|
style: style
|
|
1235
1225
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1236
1226
|
className: styles$r.objectWrap
|