oddsgate-ds 1.0.197 → 1.0.198

package/package.json

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

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

@@ -18,12 +18,12 @@ const LegalLinks = ({
         // If the link has children, render as dropdown
         if (link.children && link.children.length > 0) {
           return (
-            <li key={`dropdown-${link.label}-${index}`}>
+            <li key={`legalLink-${index}`}>
               <LegalLinksDropdown title={link.label} className="font-epilogue">
                 {link.children.map((childLink, childIndex) => {
                   if (!childLink.label || !childLink.url) return null
                   return (
-                    <LegalLinksDropdownItem key={`child-${childLink.label}-${childLink.url}-${index}-${childIndex}`}>
+                    <LegalLinksDropdownItem key={`childLink-${childIndex}`}>
                       <a
                         href={childLink.url}
                         target="_blank"
@@ -45,7 +45,7 @@ const LegalLinks = ({
         if (!link.url) return <></>
 
         return (
-          <li key={`link-${link.label}-${link.url}-${index}`}>
+          <li key={`legalLink-${index}`}>
             <a
               href={link.url}
               target="_blank"

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

@@ -50,7 +50,7 @@ export const StyledLegalLinksDropdownTitle = styled.span`
 `
 
 export const StyledLegalLinksDropdownContainer = styled.ul.withConfig({
-  shouldForwardProp: (prop) => prop !== 'openUpward' && prop !== 'isVisible',
+  shouldForwardProp: prop => prop !== 'openUpward' && prop !== 'isVisible'
 })<ILegalLinksDropdownContainer>`
   position: absolute;
   ${props => (props.openUpward ? 'bottom: 100%;' : 'top: 100%;')}
@@ -172,7 +172,7 @@ export const StyledLegalLinksDropdownItem = styled.li<ILegalLinksDropdownItem>`
 `
 
 export const StyledLegalLinksDropdownIcon = styled.span.withConfig({
-  shouldForwardProp: (prop) => prop !== 'isOpen',
+  shouldForwardProp: prop => prop !== 'isOpen'
 })<{ isOpen?: boolean }>`
   font-size: 10px;
   display: flex;

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

@@ -16,7 +16,7 @@ export const StyledAwardCardWrapper = styled.div<IAwardCard>`
   justify-content: space-between;
   gap: 1.125rem;
   background-color: ${colors.third10};
-  padding: 0.75rem 1rem 1rem 0.75rem;
+  padding: 1rem 0.75rem;
   border-radius: 0 60px;
   height: 100%;
 `