react-awesome-ticker - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

lib/index.esm.js

@@ -929,3 +929,3 @@ import * as React from 'react';
 
-var css_248z = ".react-awesome-ticker{--ticker-play-state:paused;--ticker-direction:normal;--ticker-iteration-count:infinite;--ticker-animation-delay:0s;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;margin:0;overflow-x:hidden;padding:0;position:relative;width:100%}@keyframes rightToLeft{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes leftToRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}.react-awesome-ticker>div{align-items:center;animation-delay:var(--ticker-animation-delay,0s);animation-direction:var(--ticker-direction,normal);animation-duration:var(--ticker-animation-duration,0s);animation-iteration-count:var(--ticker-iteration-count,infinite);animation-play-state:var(--ticker-play-state,paused);animation-timing-function:linear;box-sizing:border-box;display:flex;flex:0 0 auto;flex-direction:row;justify-content:inherit;margin:0;padding:0;width:fit-content;will-change:transform}.react-awesome-ticker[data-play=true]{--ticker-play-state:running}.react-awesome-ticker[data-pause-on-click=true]:active,.react-awesome-ticker[data-pause-on-focus=true]:focus-within,.react-awesome-ticker[data-pause-on-hover=true]:hover{--ticker-play-state:paused}.react-awesome-ticker[data-visible=false] *{opacity:0}.react-awesome-ticker[data-mode=loop]>div{min-width:100%}.react-awesome-ticker[data-direction=left]>div{animation-name:rightToLeft}.react-awesome-ticker[data-direction=right]>div{animation-name:leftToRight}";
+var css_248z = ".react-awesome-ticker{--ticker-play-state:paused;--ticker-direction:normal;--ticker-iteration-count:infinite;--ticker-animation-delay:0s;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;margin:0;overflow-x:hidden;padding:0;position:relative;width:100%}@keyframes rightToLeft{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes leftToRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}.react-awesome-ticker>div{align-items:center;animation-delay:var(--ticker-animation-delay,0s);animation-direction:var(--ticker-direction,normal);animation-duration:var(--ticker-animation-duration,0s);animation-iteration-count:var(--ticker-iteration-count,infinite);animation-play-state:var(--ticker-play-state,paused);animation-timing-function:linear;box-sizing:border-box;display:flex;flex:0 0 auto;flex-direction:row;justify-content:inherit;margin:0;padding:0;width:fit-content;will-change:transform}.react-awesome-ticker[data-play=true]{--ticker-play-state:running}.react-awesome-ticker[data-pause-on-click=true]:active,.react-awesome-ticker[data-pause-on-focus=true]:focus-within,.react-awesome-ticker[data-pause-on-hover=true]:hover{--ticker-play-state:paused}.react-awesome-ticker[data-visible=false] *{opacity:0}.react-awesome-ticker[data-mode=loop]>div{min-width:100%}.react-awesome-ticker[data-direction=left]{justify-content:flex-start}.react-awesome-ticker[data-direction=left]>div{animation-name:rightToLeft}.react-awesome-ticker[data-direction=right]{justify-content:flex-end}.react-awesome-ticker[data-direction=right]>div{animation-name:leftToRight}";
 styleInject(css_248z);
@@ -970,3 +970,3 @@
     useSyncAnimations(containerRef, [contentWidth, contentRepeats, duration, speed, direction]);
-    return (React__default.createElement("div", Object.assign({ className: `react-awesome-ticker ${className}`, style: containerStyle, "data-play": !!play, "data-mode": mode, "data-direction": direction, "data-pause-on-hover": !!pauseOnHover, "data-pause-on-focus": !!pauseOnFocus, "data-pause-on-click": !!pauseOnClick, "data-visible": !!containerWidth }, props, { ref: o([ref, containerRef]) }),
+    return (React__default.createElement("div", Object.assign({ className: `react-awesome-ticker ${className || ""}`, style: containerStyle, "data-play": !!play, "data-mode": mode, "data-direction": direction, "data-pause-on-hover": !!pauseOnHover, "data-pause-on-focus": !!pauseOnFocus, "data-pause-on-click": !!pauseOnClick, "data-visible": !!containerWidth }, props, { ref: o([ref, containerRef]) }),
         React__default.createElement("div", Object.assign({}, (contentWrapperProps || {}), { ref: contentRef }), children),
@@ -973,0 +973,0 @@ repeats));

lib/index.js

@@ -953,3 +953,3 @@ 'use strict';
 
-var css_248z = ".react-awesome-ticker{--ticker-play-state:paused;--ticker-direction:normal;--ticker-iteration-count:infinite;--ticker-animation-delay:0s;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;margin:0;overflow-x:hidden;padding:0;position:relative;width:100%}@keyframes rightToLeft{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes leftToRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}.react-awesome-ticker>div{align-items:center;animation-delay:var(--ticker-animation-delay,0s);animation-direction:var(--ticker-direction,normal);animation-duration:var(--ticker-animation-duration,0s);animation-iteration-count:var(--ticker-iteration-count,infinite);animation-play-state:var(--ticker-play-state,paused);animation-timing-function:linear;box-sizing:border-box;display:flex;flex:0 0 auto;flex-direction:row;justify-content:inherit;margin:0;padding:0;width:fit-content;will-change:transform}.react-awesome-ticker[data-play=true]{--ticker-play-state:running}.react-awesome-ticker[data-pause-on-click=true]:active,.react-awesome-ticker[data-pause-on-focus=true]:focus-within,.react-awesome-ticker[data-pause-on-hover=true]:hover{--ticker-play-state:paused}.react-awesome-ticker[data-visible=false] *{opacity:0}.react-awesome-ticker[data-mode=loop]>div{min-width:100%}.react-awesome-ticker[data-direction=left]>div{animation-name:rightToLeft}.react-awesome-ticker[data-direction=right]>div{animation-name:leftToRight}";
+var css_248z = ".react-awesome-ticker{--ticker-play-state:paused;--ticker-direction:normal;--ticker-iteration-count:infinite;--ticker-animation-delay:0s;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;margin:0;overflow-x:hidden;padding:0;position:relative;width:100%}@keyframes rightToLeft{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes leftToRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}.react-awesome-ticker>div{align-items:center;animation-delay:var(--ticker-animation-delay,0s);animation-direction:var(--ticker-direction,normal);animation-duration:var(--ticker-animation-duration,0s);animation-iteration-count:var(--ticker-iteration-count,infinite);animation-play-state:var(--ticker-play-state,paused);animation-timing-function:linear;box-sizing:border-box;display:flex;flex:0 0 auto;flex-direction:row;justify-content:inherit;margin:0;padding:0;width:fit-content;will-change:transform}.react-awesome-ticker[data-play=true]{--ticker-play-state:running}.react-awesome-ticker[data-pause-on-click=true]:active,.react-awesome-ticker[data-pause-on-focus=true]:focus-within,.react-awesome-ticker[data-pause-on-hover=true]:hover{--ticker-play-state:paused}.react-awesome-ticker[data-visible=false] *{opacity:0}.react-awesome-ticker[data-mode=loop]>div{min-width:100%}.react-awesome-ticker[data-direction=left]{justify-content:flex-start}.react-awesome-ticker[data-direction=left]>div{animation-name:rightToLeft}.react-awesome-ticker[data-direction=right]{justify-content:flex-end}.react-awesome-ticker[data-direction=right]>div{animation-name:leftToRight}";
 styleInject(css_248z);
@@ -994,3 +994,3 @@
     useSyncAnimations(containerRef, [contentWidth, contentRepeats, duration, speed, direction]);
-    return (React__default["default"].createElement("div", Object.assign({ className: `react-awesome-ticker ${className}`, style: containerStyle, "data-play": !!play, "data-mode": mode, "data-direction": direction, "data-pause-on-hover": !!pauseOnHover, "data-pause-on-focus": !!pauseOnFocus, "data-pause-on-click": !!pauseOnClick, "data-visible": !!containerWidth }, props, { ref: o([ref, containerRef]) }),
+    return (React__default["default"].createElement("div", Object.assign({ className: `react-awesome-ticker ${className || ""}`, style: containerStyle, "data-play": !!play, "data-mode": mode, "data-direction": direction, "data-pause-on-hover": !!pauseOnHover, "data-pause-on-focus": !!pauseOnFocus, "data-pause-on-click": !!pauseOnClick, "data-visible": !!containerWidth }, props, { ref: o([ref, containerRef]) }),
         React__default["default"].createElement("div", Object.assign({}, (contentWrapperProps || {}), { ref: contentRef }), children),
@@ -997,0 +997,0 @@ repeats));

package.json

 {
   "name": "react-awesome-ticker",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "🐍 Smart Modern Lightweight Fully-Typed CSS React Ticker",
@@ -5,0 +5,0 @@ "license": "MIT",

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

237284

increased by0.13%

Lines of code

1861

increased by0.11%

No dependency changes