@meduza/ui-kit-2 0.9.0 → 0.9.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.
@@ -2743,14 +2743,16 @@
2743
2743
 
2744
2744
  .EmbedBlock-module_wrapper__ynT7R {
2745
2745
  position: relative;
2746
+ }
2746
2747
 
2748
+ .EmbedBlock-module_wrapper__ynT7R.EmbedBlock-module_isProportional__x8-8g {
2747
2749
  width: 100%;
2748
2750
  max-height: 70vh;
2749
2751
  }
2750
2752
 
2751
2753
  @media only screen and (min-width: 40.625em) {
2752
2754
 
2753
- .EmbedBlock-module_wrapper__ynT7R {
2755
+ .EmbedBlock-module_wrapper__ynT7R.EmbedBlock-module_isProportional__x8-8g {
2754
2756
  max-height: 90vh;
2755
2757
  }
2756
2758
  }
package/dist/ui-kit.css CHANGED
@@ -2743,14 +2743,16 @@
2743
2743
 
2744
2744
  .EmbedBlock-module_wrapper__ynT7R {
2745
2745
  position: relative;
2746
+ }
2746
2747
 
2748
+ .EmbedBlock-module_wrapper__ynT7R.EmbedBlock-module_isProportional__x8-8g {
2747
2749
  width: 100%;
2748
2750
  max-height: 70vh;
2749
2751
  }
2750
2752
 
2751
2753
  @media only screen and (min-width: 64em) {
2752
2754
 
2753
- .EmbedBlock-module_wrapper__ynT7R {
2755
+ .EmbedBlock-module_wrapper__ynT7R.EmbedBlock-module_isProportional__x8-8g {
2754
2756
  max-height: 90vh;
2755
2757
  }
2756
2758
  }
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.9.0",
2
+ "version": "0.9.1",
3
3
  "license": "MIT",
4
4
  "description": "UIKit for Meduza",
5
5
  "repository": "https://github.com/meduza-corp/ui-kit-2.git",
@@ -248,7 +248,9 @@
248
248
 
249
249
  .wrapper {
250
250
  position: relative;
251
+ }
251
252
 
253
+ .wrapper.isProportional {
252
254
  width: 100%;
253
255
  max-height: 70vh;
254
256
 
@@ -141,7 +141,13 @@ export const EmbedBlock: React.FC<EmbedBlockProps> = ({
141
141
  <figure className={makeClassName(classNames)}>
142
142
  {children && (
143
143
  <div className={styles.object}>
144
- <div className={styles.wrapper} style={style}>
144
+ <div
145
+ className={makeClassName([
146
+ [styles.wrapper, true],
147
+ [styles.isProportional, isProportional]
148
+ ])}
149
+ style={style}
150
+ >
145
151
  <div className={styles.objectWrap}>{children}</div>
146
152
  </div>
147
153
  </div>