oddsgate-ds 1.0.85 → 1.0.87

package/package.json

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

package/src/components/atoms/ImageWrapper/ImageWrapper.theme.ts

@@ -3,7 +3,6 @@ import { css, styled } from 'styled-components';
 import { IImageWrapper } from './ImageWrapper.interface';
 
 export const StyledImageWrapper = styled.picture<IImageWrapper>`
-
   & picture{
     position: relative;
   }
@@ -48,4 +47,4 @@ export const Overlay = styled.div`
   bottom: 0;
   left: 0;
   right: 0;
-`
+`

package/src/components/molecules/IconBox/IconBox.theme.ts

@@ -15,7 +15,7 @@ export const StyledIconBox = styled.div<IIconBox>`
     height: 32px;
 
     color: ${colors.primary50};
-    background: ${colors.primary10};
+    background: ${colors.secondary50};
     border-radius: 50px;
 
     text-align:center;

package/src/components/molecules/ProductCard/ProductCard.component.tsx

@@ -18,12 +18,20 @@ const ProductCard = ({
   const parts = title ? title.split(" ") : [];
   const half = parts ? parts.length / 2 : 0;
 
-  const firstRowTitle = Array.prototype.join.call({
-    ...parts,
-    length: half,
-  }, " ");
+  // const firstRowTitle = Array.prototype.join.call({
+  //   ...parts,
+  //   length: half,
+  // }, " ");
+  let firstRowTitle;
+  let secondRowTitle;
+
+  if(parts.length>1){
+    firstRowTitle = parts.slice(0, half).join(" ")
+    secondRowTitle = parts.slice(half, parts?.length).join(" ")
+  }else{
+    firstRowTitle = title;
+  }
 
-  const secondRowTitle = parts.slice(half, parts?.length).join(" ")
 
   return (
     <StyledProductCard className={className} style={style}>

package/src/components/molecules/ProductCard/ProductCard.theme.ts

@@ -17,8 +17,8 @@ export const StyledProductCardWrapper = styled.div<IProductCard>`
   display:flex;
   flex-flow:column;
   align-items: center;
-  gap: 1rem;
+  gap: 1.5rem;
   background-color: ${colors.primary50};
-  padding: 3.2rem 2rem;
+  padding: 3rem 2rem;
   border-radius: 0 ${radius.lg};
 `;

package/src/components/molecules/ShareModal/ShareModal.theme.ts

@@ -35,7 +35,7 @@ export const StyledModal = styled.div<IShareModal>`
 
     &:hover {
       & > div {
-        background: ${colors.primary10}
+        background: ${colors.primary50}
       }
     };
 

package/src/components/organisms/CircularSlider/CircularSlider.component.tsx

@@ -149,7 +149,7 @@ const CircularSlider = ({
 
 
     for (let i = 0; i < slides.length; i++) {
-      slides[i].addEventListener('click', rotateSlider);
+      slides[i].addEventListener('click', rotateSlider, {passive: true});
     };
 
     window.addEventListener('resize', sliderResize)

package/src/components/organisms/Tabs/Tabs.theme.ts

@@ -18,7 +18,7 @@ export const StyledTabsLinks = styled.a<ITabsItem>`
   width: 100%;
   color: ${colors.secondary50};
   background-color: ${colors.third10};
-  padding: 8px 18px;
+  padding: 8px 26px;
   border-radius: 50px;
   transition: all 0.3s linear;
   cursor: pointer;

package/src/helpers/clickOutsideToClose.tsx

@@ -11,7 +11,7 @@ export default function clickOutSideToClose(
   }
 
   useEffect(() => {
-    document.addEventListener('mouseup', handleClickOutside)
+    document.addEventListener('mouseup', handleClickOutside, {passive: true})
     return () => document.removeEventListener('mouseup', handleClickOutside)
   }, [ref])
 }

package/src/helpers/useInterval.ts

@@ -10,7 +10,6 @@ export const useInterval = (callback, delay) => {
 
   useEffect(() => {
     function tick() {
-      console.log("tou2");
       if (savedCallback && savedCallback.current) {
         const result = (savedCallback as unknown as any).current();
         if (result === true) {// if callback returs true, clear timeout;