oddsgate-ds 1.0.195 → 1.0.197

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oddsgate-ds",
-  "version": "1.0.195",
+  "version": "1.0.197",
   "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={`legalLink-${link.label}-${index}`}>
+            <li key={`dropdown-${link.label}-${index}`}>
               <LegalLinksDropdown title={link.label} className="font-epilogue">
                 {link.children.map((childLink, childIndex) => {
                   if (!childLink.label || !childLink.url) return null
                   return (
-                    <LegalLinksDropdownItem key={`childLink-${childLink.url}-${childIndex}`}>
+                    <LegalLinksDropdownItem key={`child-${childLink.label}-${childLink.url}-${index}-${childIndex}`}>
                       <a
                         href={childLink.url}
                         target="_blank"
@@ -45,7 +45,7 @@ const LegalLinks = ({
         if (!link.url) return <></>
 
         return (
-          <li key={`legalLink-${link.url}-${index}`}>
+          <li key={`link-${link.label}-${link.url}-${index}`}>
             <a
               href={link.url}
               target="_blank"

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

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