oddsgate-ds 1.0.167 → 1.0.169

package/dist/esm/types/index.d.ts

@@ -21,6 +21,7 @@ export { default as CloseButton } from './components/atoms/CloseButton';
 export { default as Counter } from './components/atoms/Counter';
 export { default as ScrollingNav } from './components/atoms/ScrollingNav';
 export { default as SocialLinks } from './components/atoms/SocialLinks';
+export { default as LegalLinks } from './components/atoms/LegalLinks';
 export { default as Marquee } from './components/atoms/Marquee';
 export { default as CardMarquee } from './components/atoms/CardMarquee';
 export { default as PortalComponent } from './components/common/PortalComponent';

package/dist/types.d.ts

@@ -380,6 +380,18 @@ type ISocialLinks = {
 
 declare const SocialLinks: ({ variant, socials, className, style, ...props }: ISocialLinks) => React__default.JSX.Element;
 
+type ILegalLink = {
+    label: string;
+    url: string;
+};
+type ILegalLinks = {
+    links?: ILegalLink[];
+    className?: string;
+    style?: CSSProperties;
+};
+
+declare const LegalLinks: ({ links, className, style, }: ILegalLinks) => React__default.JSX.Element;
+
 type IMarquee = {
     text?: string;
     repeat?: number;
@@ -682,4 +694,4 @@ declare function useMediaMatch(query?: string): boolean;
 
 declare const debounce: (callback: any, wait: number) => (...args: any) => void;
 
-export { Accordion, AccordionItem, BlogCard, Button, CardMarquee, CareersCard, CheckRadioField, Chip, CircularSlider, CloseButton, Column, Counter, Cover, Dropdown, DropdownItem, EmptyState, EventsCard, Flex, FormField, GlobalStyles, Heading, Icon, IconBox, IconTitle, ImageWrapper, LicenseCard, Loader, LogosCard, Marquee, Modal, NewsCard, OffCanvas, PortalComponent, ProductCard, ProductsSlider, Quote, RichText, Row, ScrollingNav, Separator, ShareModal, Slider, SocialLinks, Spacer, Tabs, TeamCard, Video, VideoEmbed, clickOutSideToClose, debounce, iconsList, isTouchDevice, useMediaMatch, variables };
+export { Accordion, AccordionItem, BlogCard, Button, CardMarquee, CareersCard, CheckRadioField, Chip, CircularSlider, CloseButton, Column, Counter, Cover, Dropdown, DropdownItem, EmptyState, EventsCard, Flex, FormField, GlobalStyles, Heading, Icon, IconBox, IconTitle, ImageWrapper, LegalLinks, LicenseCard, Loader, LogosCard, Marquee, Modal, NewsCard, OffCanvas, PortalComponent, ProductCard, ProductsSlider, Quote, RichText, Row, ScrollingNav, Separator, ShareModal, Slider, SocialLinks, Spacer, Tabs, TeamCard, Video, VideoEmbed, clickOutSideToClose, debounce, iconsList, isTouchDevice, useMediaMatch, variables };

package/package.json

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

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

@@ -4,20 +4,31 @@ import styled from 'styled-components'
 import { ILegalLinks } from './LegalLinks.interface'
 
 export const StyledLegalLinks = styled.ul<ILegalLinks>`
-  display: inline-flex;
-  align-items: center;
-  flex-flow: row wrap;
-  gap: 32px;
+  font-family: var(--alternative-fontFamily);
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  font-size: 12px;
+  
+  a {
+    text-decoration: underline;
+    font-weight: 400;
+    transition: opacity 0.3s linear;
+    
+    &:hover {
+      opacity: 0.6;
+    }
+  }
 
-  & li {
-    & a {
+  @media only screen and (min-width: ${responsiveMedia}) {
+    display: inline-flex;
+    flex-flow: row wrap;
+    align-items: center;
+    gap: 32px;
+    
+    a {
       font-size: 15px;
-      font-style: normal;
-      font-weight: 400;
-      transition: all 0.3s linear;
-      &:hover {
-        opacity: 0.6;
-      }
     }
   }
-`
+`

package/src/index.ts

@@ -23,6 +23,7 @@ export { default as CloseButton } from './components/atoms/CloseButton'
 export { default as Counter } from './components/atoms/Counter'
 export { default as ScrollingNav } from './components/atoms/ScrollingNav'
 export { default as SocialLinks } from './components/atoms/SocialLinks'
+export { default as LegalLinks } from './components/atoms/LegalLinks'
 export { default as Marquee } from './components/atoms/Marquee'
 export { default as CardMarquee } from './components/atoms/CardMarquee'