@meduza/ui-kit-2 0.8.702 → 0.8.704

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.
@@ -1057,7 +1057,7 @@ const DangerousHTML = ({
1057
1057
  }));
1058
1058
  };
1059
1059
 
1060
- var styles$r = {"root":"EmbedBlock-module_root__wNZlD","object":"EmbedBlock-module_object__DONQ0","objectWrap":"EmbedBlock-module_objectWrap__qpbni","gameEmbed":"EmbedBlock-module_gameEmbed__tO5Ha","proportional":"EmbedBlock-module_proportional__zDPfm","default":"EmbedBlock-module_default__np8MO","xs":"EmbedBlock-module_xs__PNHGz","full":"EmbedBlock-module_full__Gmz7o","super_full":"EmbedBlock-module_super_full__-h382","figure":"EmbedBlock-module_figure__fNZB-","dark":"EmbedBlock-module_dark__S2R9f","isInGroupedBlock":"EmbedBlock-module_isInGroupedBlock__Wjj7k","control":"EmbedBlock-module_control__9bJUa","raw_html":"EmbedBlock-module_raw_html__EfYVy","mobileFullwidth":"EmbedBlock-module_mobileFullwidth__1MDT5","isInCard":"EmbedBlock-module_isInCard__WnLHG","isInSlide":"EmbedBlock-module_isInSlide__BtdnY","cc":"EmbedBlock-module_cc__Gyw44","isInSensitiveBlock":"EmbedBlock-module_isInSensitiveBlock__nYajZ","isInAnswer":"EmbedBlock-module_isInAnswer__WuZ0H","picture":"EmbedBlock-module_picture__Weamy","wrapper":"EmbedBlock-module_wrapper__ynT7R","isYoutube":"EmbedBlock-module_isYoutube__WpBkS","mobile":"EmbedBlock-module_mobile__lEuww","desktop":"EmbedBlock-module_desktop__599S7"};
1060
+ var styles$r = {"root":"EmbedBlock-module_root__wNZlD","object":"EmbedBlock-module_object__DONQ0","objectWrap":"EmbedBlock-module_objectWrap__qpbni","gameEmbed":"EmbedBlock-module_gameEmbed__tO5Ha","proportional":"EmbedBlock-module_proportional__zDPfm","default":"EmbedBlock-module_default__np8MO","xs":"EmbedBlock-module_xs__PNHGz","full":"EmbedBlock-module_full__Gmz7o","super_full":"EmbedBlock-module_super_full__-h382","figure":"EmbedBlock-module_figure__fNZB-","dark":"EmbedBlock-module_dark__S2R9f","isInGroupedBlock":"EmbedBlock-module_isInGroupedBlock__Wjj7k","control":"EmbedBlock-module_control__9bJUa","raw_html":"EmbedBlock-module_raw_html__EfYVy","mobileFullwidth":"EmbedBlock-module_mobileFullwidth__1MDT5","isInCard":"EmbedBlock-module_isInCard__WnLHG","isInSlide":"EmbedBlock-module_isInSlide__BtdnY","cc":"EmbedBlock-module_cc__Gyw44","isInSensitiveBlock":"EmbedBlock-module_isInSensitiveBlock__nYajZ","isInAnswer":"EmbedBlock-module_isInAnswer__WuZ0H","picture":"EmbedBlock-module_picture__Weamy","wrapper":"EmbedBlock-module_wrapper__ynT7R","mobile":"EmbedBlock-module_mobile__lEuww","desktop":"EmbedBlock-module_desktop__599S7"};
1061
1061
 
1062
1062
  const EmbedGif = ({
1063
1063
  gif,
@@ -1192,7 +1192,9 @@ const EmbedBlock = ({
1192
1192
  return /*#__PURE__*/React.createElement("div", {
1193
1193
  className: styles$r.object
1194
1194
  }, /*#__PURE__*/React.createElement("div", {
1195
- className: styles$r.wrapper,
1195
+ className: makeClassName([[styles$r.wrapper, true]
1196
+ // [styles.isYoutube, provider === 'youtube' && isProportional]
1197
+ ]),
1196
1198
  style: style
1197
1199
  }, /*#__PURE__*/React.createElement(DangerousHTML, {
1198
1200
  className: styles$r.objectWrap,
@@ -1201,10 +1203,13 @@ const EmbedBlock = ({
1201
1203
  }
1202
1204
  }
1203
1205
  };
1204
- if (isProportional && provider !== 'youtube') {
1205
- style.paddingBottom = `${block.data.height / block.data.width * 100}%`;
1206
- style.height = 0;
1207
- } else if (isProportional && provider === 'youtube') {
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
+ if (isProportional) {
1208
1213
  style.aspectRatio = `${block.data.width} / ${block.data.height}`;
1209
1214
  }
1210
1215
  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]];
@@ -1223,7 +1228,9 @@ const EmbedBlock = ({
1223
1228
  }, children && ( /*#__PURE__*/React.createElement("div", {
1224
1229
  className: styles$r.object
1225
1230
  }, /*#__PURE__*/React.createElement("div", {
1226
- className: makeClassName([[styles$r.wrapper, true], [styles$r.isYoutube, true]]),
1231
+ className: makeClassName([[styles$r.wrapper, true]
1232
+ // [styles.isYoutube, provider === 'youtube' && isProportional]
1233
+ ]),
1227
1234
  style: style
1228
1235
  }, /*#__PURE__*/React.createElement("div", {
1229
1236
  className: styles$r.objectWrap