@titelmedia/bricks-marquee - npm Package Compare versions

Comparing version 2.14.0 to 2.23.0

CHANGELOG.md

@@ -6,2 +6,9 @@ # Change Log
 
+# [2.23.0](https://github.com/titel-media/bricks-lerna/compare/v2.22.0...v2.23.0) (2024-10-24)
+
+### Bug Fixes
+
+- updated height & width of images due to stretch on Safari ([228f24c](https://github.com/titel-media/bricks-lerna/commit/228f24c6de28ebbd4c65a442d38446beea84ae52))
+- updated height to be only number ([653974e](https://github.com/titel-media/bricks-lerna/commit/653974e585403f591f67cf2c1f7bd08538e34f73))
+
 # [2.14.0](https://github.com/titel-media/bricks-lerna/compare/v2.13.2...v2.14.0) (2024-09-12)
@@ -8,0 +15,0 @@

dist/index.js

@@ -50,3 +50,3 @@ "use strict";
   desktopHeight,
-  mobileHeight = '25vh',
+  mobileHeight = 25,
   direction = 'left',
@@ -53,0 +53,0 @@ marqueeDuration = 30,

dist/styles.js

@@ -22,6 +22,9 @@ "use strict";
   display: flex;
-  height: ${props => props.desktopHeight || props.mobileHeight};
+  height: ${({
+  desktopHeight,
+  mobileHeight
+}) => desktopHeight ? `${desktopHeight}vh` : `${mobileHeight}vh`};
   width: fit-content;
   @media (max-width: ${_breakpoints.BREAKPOINTS.md}px) {
-    height: ${props => props.mobileHeight};
+    height: ${props => `${props.mobileHeight}vh`};
   }
@@ -31,5 +34,8 @@ `;
   width: fit-content;
-  height: ${props => props.desktopHeight || props.mobileHeight};
+  height: ${({
+  desktopHeight,
+  mobileHeight
+}) => desktopHeight ? `${desktopHeight}vh` : `${mobileHeight}vh`};
   @media (max-width: ${_breakpoints.BREAKPOINTS.md}px) {
-    height: ${props => props.mobileHeight};
+    height: ${props => `${props.mobileHeight}vh`};
   }
@@ -63,3 +69,4 @@ `;
 const Image = exports.Image = _styledComponents.default.img`
-  height: -webkit-fill-available;
+  width: auto;
+  height: 100%;
   ${props => props.text && `
@@ -87,7 +94,10 @@ max-height: 60px;
 const ImageSvg = exports.ImageSvg = _styledComponents.default.img`
-  height: ${props => props.desktopHeight || props.mobileHeight};
+  height: ${({
+  desktopHeight,
+  mobileHeight
+}) => desktopHeight ? `${desktopHeight}vh` : `${mobileHeight}vh`};
   @media (max-width: ${_breakpoints.BREAKPOINTS.md}px) {
-    height: ${props => props.mobileHeight};
+    height: ${props => `${props.mobileHeight}vh`};
   }
 `;
 //# sourceMappingURL=styles.js.map

lib/index.js

@@ -64,3 +64,3 @@ import React, { useEffect, useRef, createRef, forwardRef } from 'react';
   desktopHeight,
-  mobileHeight = '25vh',
+  mobileHeight = 25,
   direction = 'left',
@@ -67,0 +67,0 @@ marqueeDuration = 30,

lib/styles.js

@@ -21,6 +21,7 @@ import styled from 'styled-components';
   display: flex;
-  height: ${props => props.desktopHeight || props.mobileHeight};
+  height: ${({ desktopHeight, mobileHeight }) =>
+    desktopHeight ? `${desktopHeight}vh` : `${mobileHeight}vh`};
   width: fit-content;
   @media (max-width: ${BREAKPOINTS.md}px) {
-    height: ${props => props.mobileHeight};
+    height: ${props => `${props.mobileHeight}vh`};
   }
@@ -31,5 +32,6 @@ `;
   width: fit-content;
-  height: ${props => props.desktopHeight || props.mobileHeight};
+  height: ${({ desktopHeight, mobileHeight }) =>
+    desktopHeight ? `${desktopHeight}vh` : `${mobileHeight}vh`};
   @media (max-width: ${BREAKPOINTS.md}px) {
-    height: ${props => props.mobileHeight};
+    height: ${props => `${props.mobileHeight}vh`};
   }
@@ -63,3 +65,4 @@ `;
 export const Image = styled.img`
-  height: -webkit-fill-available;
+  width: auto;
+  height: 100%;
   ${props =>
@@ -92,6 +95,7 @@ props.text &&
 export const ImageSvg = styled.img`
-  height: ${props => props.desktopHeight || props.mobileHeight};
+  height: ${({ desktopHeight, mobileHeight }) =>
+    desktopHeight ? `${desktopHeight}vh` : `${mobileHeight}vh`};
   @media (max-width: ${BREAKPOINTS.md}px) {
-    height: ${props => props.mobileHeight};
+    height: ${props => `${props.mobileHeight}vh`};
   }
 `;

package.json

 {
   "name": "@titelmedia/bricks-marquee",
-  "version": "2.14.0",
+  "version": "2.23.0",
   "description": "> TODO: description",
@@ -31,3 +31,3 @@ "author": "highsnob",
   },
-  "gitHead": "f2af3020533bf583877f55d81bb639f656743a8b"
+  "gitHead": "c703599a6475c0d03c54fe68bc64dfd22403faba"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

49962

increased by2.14%

Lines of code

517

increased by2.78%

Worsened metrics

Number of downloads

1

decreased by-94.44%

No dependency changes