oddsgate-ds 1.0.149 → 1.0.151

package/dist/esm/types/components/atoms/Marquee/Marquee.component.d.ts

@@ -1,4 +1,4 @@
 import { IMarquee } from './Marquee.interface';
 import React from 'react';
-declare const Marquee: ({ text, className, onClick, ...props }: IMarquee) => React.JSX.Element;
+declare const Marquee: ({ text, className, onClick, repeat, ...props }: IMarquee) => React.JSX.Element;
 export default Marquee;

package/dist/esm/types/components/atoms/Marquee/Marquee.interface.d.ts

@@ -1,6 +1,7 @@
 import { CSSProperties } from 'react';
 export type IMarquee = {
     text?: string;
+    repeat?: number;
     className?: string;
     style?: CSSProperties;
     onClick?: () => void;

package/dist/types.d.ts

@@ -378,12 +378,13 @@ declare const SocialLinks: ({ variant, socials, className, style, ...props }: IS
 
 type IMarquee = {
     text?: string;
+    repeat?: number;
     className?: string;
     style?: CSSProperties;
     onClick?: () => void;
 };
 
-declare const Marquee: ({ text, className, onClick, ...props }: IMarquee) => React__default.JSX.Element;
+declare const Marquee: ({ text, className, onClick, repeat, ...props }: IMarquee) => React__default.JSX.Element;
 
 type Direction = 'left' | 'right' | 'up' | 'down';
 interface ICardMarquee {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oddsgate-ds",
-  "version": "1.0.149",
+  "version": "1.0.151",
   "description": "Miew theme component library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/src/components/atoms/Marquee/Marquee.component.tsx

@@ -4,12 +4,18 @@ import React from 'react'
 import { StyledMarquee } from './Marquee.theme'
 import cn from 'classnames'
 
-const Marquee = ({ text, className, onClick, ...props }: IMarquee) => {
+const Marquee = ({
+  text,
+  className,
+  onClick,
+  repeat = 5,
+  ...props
+}: IMarquee) => {
   return (
     <StyledMarquee className={cn(className)} onClick={onClick} {...props}>
       <div>
         <Heading size="display" tag="span" className="fw-bold">
-          {text} {text} {text} {text} {text}
+          {Array.from({ length: repeat }, () => text).join(' ')}
         </Heading>
       </div>
     </StyledMarquee>

package/src/components/atoms/Marquee/Marquee.interface.ts

@@ -2,7 +2,8 @@ import { CSSProperties } from 'react';
 
 export type IMarquee = {
   text?: string
-  className?: string,
+  repeat?: number
+  className?: string
   style?: CSSProperties
   onClick?: () => void
 }