@meduza/ui-kit-2 0.8.690 → 0.8.691

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 (11) hide show
  1. package/dist/ui-kit-2.cjs.development.js +3 -3
  2. package/dist/ui-kit-2.cjs.development.js.map +1 -1
  3. package/dist/ui-kit-2.cjs.production.min.js +1 -1
  4. package/dist/ui-kit-2.cjs.production.min.js.map +1 -1
  5. package/dist/ui-kit-2.esm.js +3 -3
  6. package/dist/ui-kit-2.esm.js.map +1 -1
  7. package/dist/ui-kit-game.css +6 -0
  8. package/dist/ui-kit.css +6 -0
  9. package/package.json +1 -1
  10. package/src/Image/Image.module.css +6 -0
  11. package/src/Image/index.tsx +4 -2
package/dist/ui-kit-game.css CHANGED
@@ -759,6 +759,12 @@
759
759
  height: 100%;
760
760
  }
761
761
 
762
+ .Image-module_root__H5wAh.Image-module_fullRatio__q7QPa img {
763
+ position: static;
764
+ width: 100%;
765
+ height: 100%;
766
+ }
767
+
762
768
  .Image-module_isStatic__TmQ1V img {
763
769
  position: relative;
764
770
  max-height: 160px;
package/dist/ui-kit.css CHANGED
@@ -759,6 +759,12 @@
759
759
  height: 100%;
760
760
  }
761
761
 
762
+ .Image-module_root__H5wAh.Image-module_fullRatio__q7QPa img {
763
+ position: static;
764
+ width: 100%;
765
+ height: 100%;
766
+ }
767
+
762
768
  .Image-module_isStatic__TmQ1V img {
763
769
  position: relative;
764
770
  max-height: 160px;
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.8.690",
2
+ "version": "0.8.691",
3
3
  "license": "MIT",
4
4
  "description": "UIKit for Meduza",
5
5
  "repository": "https://github.com/meduza-corp/ui-kit-2.git",
package/src/Image/Image.module.css CHANGED
@@ -22,6 +22,12 @@
22
22
  height: 100%;
23
23
  }
24
24
 
25
+ .root.fullRatio img {
26
+ position: static;
27
+ width: 100%;
28
+ height: 100%;
29
+ }
30
+
25
31
  .isStatic img {
26
32
  position: relative;
27
33
  max-height: 160px;
package/src/Image/index.tsx CHANGED
@@ -38,7 +38,8 @@ export const Image: React.FC<ImageProps> = ({
38
38
  }
39
39
 
40
40
  const pictureStyles = {
41
- paddingBottom: `${100 / (ratio || width / height)}%`
41
+ paddingBottom:
42
+ ratio === null ? 'unset' : `${100 / (ratio || width / height)}%`
42
43
  }
43
44
 
44
45
  /* fallback w325 url until w6 was released */
@@ -53,7 +54,8 @@ export const Image: React.FC<ImageProps> = ({
53
54
  [
54
55
  styles.fullscreen,
55
56
  lightBox && optimized && optimized.original && fullscreen
56
- ]
57
+ ],
58
+ [styles.fullRatio, ratio === null]
57
59
  ]
58
60
 
59
61
  if (styleContext) {