oddsgate-ds 1.0.174 → 1.0.176

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

@@ -1,33 +1,33 @@
-import { colors, radius, responsiveMedia } from '@/styles/variables';
-import styled, { css } from 'styled-components';
-
-import Card from '../Card/Card.component';
-import { IEventsCard } from './EventsCard.interface';
-
-export const StyledEventsCard = styled(Card) <IEventsCard>`
-  padding: 1rem;
-  border-radius: ${radius.md};
-  text-align: left;
-  transition: all 0.3s;
-
-  picture{
-    border-radius: 100%;
-    & img{
-      opacity: 1 !important;
-    }
-  }
-  & figcaption{
-    color: ${colors.third10};
-    padding:1rem;
-    margin-top: 1rem;
-  }
-
-  &:hover{
-    background-color: ${colors.third10};
-
-    & figcaption{
-      color: ${colors.secondary50};
-    }
-  }
-`;
-
+import { colors, radius, responsiveMedia } from '@/styles/variables';
+import styled, { css } from 'styled-components';
+
+import Card from '../Card/Card.component';
+import { IEventsCard } from './EventsCard.interface';
+
+export const StyledEventsCard = styled(Card) <IEventsCard>`
+  padding: 1rem;
+  border-radius: ${radius.md};
+  text-align: left;
+  transition: all 0.3s;
+
+  picture{
+    border-radius: 100%;
+    & img{
+      opacity: 1 !important;
+    }
+  }
+  & figcaption{
+    color: ${colors.third10};
+    padding:1rem;
+    margin-top: 1rem;
+  }
+
+  &:hover{
+    background-color: ${colors.third10};
+
+    & figcaption{
+      color: ${colors.secondary50};
+    }
+  }
+`;
+

package/src/components/molecules/EventsCard/index.ts

@@ -1 +1 @@
-export { default } from "./EventsCard.component";
+export { default } from "./EventsCard.component";

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

@@ -1,29 +1,29 @@
-import React from 'react';
-
-import Heading from '@/components/atoms/Heading/Heading.component';
-import RichText from '@/components/atoms/RichText/RichText.component';
-
-import { IIconBox } from './IconBox.interface';
-import { StyledIconBox } from './IconBox.theme';
-
-const IconBox = ({
-  label,
-  icon,
-  description,
-  className,
-  ...props
-}: IIconBox) => {
-  return (
-    <StyledIconBox className={className} {...props}>
-      {icon}
-      <div>
-        <Heading size="texts" tag="span" style={{ fontWeight: 600 }}>
-          {label}
-        </Heading>
-        <RichText tag='p'>{description}</RichText>
-      </div>
-    </StyledIconBox>
-  )
-}
-
-export default IconBox
+import React from 'react';
+
+import Heading from '@/components/atoms/Heading/Heading.component';
+import RichText from '@/components/atoms/RichText/RichText.component';
+
+import { IIconBox } from './IconBox.interface';
+import { StyledIconBox } from './IconBox.theme';
+
+const IconBox = ({
+  label,
+  icon,
+  description,
+  className,
+  ...props
+}: IIconBox) => {
+  return (
+    <StyledIconBox className={className} {...props}>
+      {icon}
+      <div>
+        <Heading size="texts" tag="span" style={{ fontWeight: 600 }}>
+          {label}
+        </Heading>
+        <RichText tag='p'>{description}</RichText>
+      </div>
+    </StyledIconBox>
+  )
+}
+
+export default IconBox

package/src/components/molecules/IconBox/IconBox.interface.tsx

@@ -1,10 +1,10 @@
-import { CSSProperties } from 'react';
-
-export type IIconBox = {
-  label?: string;
-  icon?: React.ReactElement;
-  description?: string;
-  className?: string;
-  style?: CSSProperties
-  children?: React.ReactNode;
-}
+import { CSSProperties } from 'react';
+
+export type IIconBox = {
+  label?: string;
+  icon?: React.ReactElement;
+  description?: string;
+  className?: string;
+  style?: CSSProperties
+  children?: React.ReactNode;
+}

package/src/components/molecules/IconBox/IconBox.stories.tsx

@@ -1,23 +1,23 @@
-import type { Meta, StoryObj } from '@storybook/react'
-
-import { IIconBox } from './IconBox.interface'
-import Icon from '@/components/atoms/Icon'
-import IconBox from './IconBox.component'
-import React from 'react'
-
-// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
-export default {
-  title: 'Components/IconBox',
-  component: IconBox,
-  tags: ['autodocs']
-} as Meta
-
-export const Simple: StoryObj<IIconBox> = {
-  render: args => <IconBox {...args}></IconBox>,
-  args: {
-    icon: <Icon icon="icon-right-chevron" />,
-    label: 'Lorem ipsum',
-    description:
-      'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.'
-  }
-}
+import type { Meta, StoryObj } from '@storybook/react'
+
+import { IIconBox } from './IconBox.interface'
+import Icon from '@/components/atoms/Icon'
+import IconBox from './IconBox.component'
+import React from 'react'
+
+// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+export default {
+  title: 'Components/IconBox',
+  component: IconBox,
+  tags: ['autodocs']
+} as Meta
+
+export const Simple: StoryObj<IIconBox> = {
+  render: args => <IconBox {...args}></IconBox>,
+  args: {
+    icon: <Icon icon="icon-right-chevron" />,
+    label: 'Lorem ipsum',
+    description:
+      'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.'
+  }
+}

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

@@ -1,25 +1,25 @@
-import styled, { css } from 'styled-components';
-
-import { IIconBox } from './IconBox.interface';
-import { colors } from '@/styles/variables';
-
-export const StyledIconBox = styled.div<IIconBox>`
-  display: flex;
-
-  & i{
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    width: 32px;
-    height: 32px;
-
-    color: ${colors.primary50};
-    background: ${colors.secondary50};
-    border-radius: 50px;
-
-    text-align:center;
-
-    margin-right:8px;
-  }
-`;
+import styled, { css } from 'styled-components';
+
+import { IIconBox } from './IconBox.interface';
+import { colors } from '@/styles/variables';
+
+export const StyledIconBox = styled.div<IIconBox>`
+  display: flex;
+
+  & i{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    width: 32px;
+    height: 32px;
+
+    color: ${colors.primary50};
+    background: ${colors.secondary50};
+    border-radius: 50px;
+
+    text-align:center;
+
+    margin-right:8px;
+  }
+`;

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

@@ -1 +1 @@
-export { default } from "./IconBox.component";
+export { default } from "./IconBox.component";

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

@@ -1,24 +1,24 @@
-import Heading from '@/components/atoms/Heading/Heading.component'
-import { IIconTitle } from './IconTitle.interface'
-import React from 'react'
-import { StyledIconTitle } from './IconTitle.theme'
-
-const IconTitle = ({
-  label,
-  icon,
-  imageElement,
-  className,
-  style,
-  children,
-  ...props
-}: IIconTitle) => {
-  return (
-    <StyledIconTitle className={className} style={style}>
-      {icon && icon}
-      {imageElement && imageElement}
-      {children}
-    </StyledIconTitle>
-  )
-}
-
-export default IconTitle
+import Heading from '@/components/atoms/Heading/Heading.component'
+import { IIconTitle } from './IconTitle.interface'
+import React from 'react'
+import { StyledIconTitle } from './IconTitle.theme'
+
+const IconTitle = ({
+  label,
+  icon,
+  imageElement,
+  className,
+  style,
+  children,
+  ...props
+}: IIconTitle) => {
+  return (
+    <StyledIconTitle className={className} style={style}>
+      {icon && icon}
+      {imageElement && imageElement}
+      {children}
+    </StyledIconTitle>
+  )
+}
+
+export default IconTitle

package/src/components/molecules/IconTitle/IconTitle.interface.tsx

@@ -1,10 +1,10 @@
-import { CSSProperties } from 'react';
-
-export type IIconTitle = {
-  label?: string;
-  icon?: React.ReactElement;
-  imageElement?: React.ReactElement;
-  className?: string;
-  style?: CSSProperties
-  children?: React.ReactNode;
-}
+import { CSSProperties } from 'react';
+
+export type IIconTitle = {
+  label?: string;
+  icon?: React.ReactElement;
+  imageElement?: React.ReactElement;
+  className?: string;
+  style?: CSSProperties
+  children?: React.ReactNode;
+}

package/src/components/molecules/IconTitle/IconTitle.stories.tsx

@@ -1,49 +1,49 @@
-import type { Meta, StoryObj } from '@storybook/react'
-
-import Heading from '@/components/atoms/Heading'
-import { IIconTitle } from './IconTitle.interface'
-import Icon from '@/components/atoms/Icon'
-import IconTitle from './IconTitle.component'
-import React from 'react'
-
-// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
-export default {
-  title: 'Components/IconTitle',
-  component: IconTitle,
-  tags: ['autodocs']
-} as Meta
-
-export const IconStory: StoryObj<IIconTitle> = {
-  render: args => (
-    <IconTitle {...args}>
-      <Heading size="texts" tag="h4">
-        Lorem ipsum
-      </Heading>
-    </IconTitle>
-  ),
-  args: {
-    icon: <Icon icon="icon-chevron-up" />
-  }
-}
-
-export const Image: StoryObj<IIconTitle> = {
-  render: args => (
-    <IconTitle {...args}>
-      <Heading size="texts" tag="h4">
-        Lorem ipsum
-      </Heading>
-    </IconTitle>
-  ),
-  args: {
-    imageElement: (
-      <img
-        width="100%"
-        height="100%"
-        sizes="100vw"
-        decoding="async"
-        src="/assets/placeholder.png"
-        alt="Empty state"
-      />
-    )
-  }
-}
+import type { Meta, StoryObj } from '@storybook/react'
+
+import Heading from '@/components/atoms/Heading'
+import { IIconTitle } from './IconTitle.interface'
+import Icon from '@/components/atoms/Icon'
+import IconTitle from './IconTitle.component'
+import React from 'react'
+
+// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+export default {
+  title: 'Components/IconTitle',
+  component: IconTitle,
+  tags: ['autodocs']
+} as Meta
+
+export const IconStory: StoryObj<IIconTitle> = {
+  render: args => (
+    <IconTitle {...args}>
+      <Heading size="texts" tag="h4">
+        Lorem ipsum
+      </Heading>
+    </IconTitle>
+  ),
+  args: {
+    icon: <Icon icon="icon-chevron-up" />
+  }
+}
+
+export const Image: StoryObj<IIconTitle> = {
+  render: args => (
+    <IconTitle {...args}>
+      <Heading size="texts" tag="h4">
+        Lorem ipsum
+      </Heading>
+    </IconTitle>
+  ),
+  args: {
+    imageElement: (
+      <img
+        width="100%"
+        height="100%"
+        sizes="100vw"
+        decoding="async"
+        src="/assets/placeholder.png"
+        alt="Empty state"
+      />
+    )
+  }
+}

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

@@ -1,10 +1,10 @@
-import styled, { css } from 'styled-components';
-
-import { IIconTitle } from './IconTitle.interface';
-import { colors } from '@/styles/variables';
-
-export const StyledIconTitle = styled.div<IIconTitle>`
-  display:flex;
-  align-items: center;
-  gap:4px;
-`;
+import styled, { css } from 'styled-components';
+
+import { IIconTitle } from './IconTitle.interface';
+import { colors } from '@/styles/variables';
+
+export const StyledIconTitle = styled.div<IIconTitle>`
+  display:flex;
+  align-items: center;
+  gap:4px;
+`;

package/src/components/molecules/IconTitle/index.ts

@@ -1 +1 @@
-export { default } from "./IconTitle.component";
+export { default } from "./IconTitle.component";

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

@@ -1,27 +1,27 @@
-import Heading from '@/components/atoms/Heading'
-import { ILicenseCard } from './LicenseCard.interface'
-import React from 'react'
-import { StyledLicenseCard } from './LicenseCard.theme'
-
-const LicenseCard = ({
-  title,
-  imageElement,
-  description,
-  className,
-  style,
-  ...props
-}: ILicenseCard) => {
-  return (
-    <StyledLicenseCard className={className} style={style}>
-      <Heading tag={'h3'} size={'h2'} className={'text-uppercase fw-bold'}>
-        {title}
-      </Heading>
-      <Heading tag={'span'} size={'h5'} className={'mt-4 mb-4'}>
-        {description}
-      </Heading>
-      {imageElement}
-    </StyledLicenseCard>
-  )
-}
-
-export default LicenseCard
+import Heading from '@/components/atoms/Heading'
+import { ILicenseCard } from './LicenseCard.interface'
+import React from 'react'
+import { StyledLicenseCard } from './LicenseCard.theme'
+
+const LicenseCard = ({
+  title,
+  imageElement,
+  description,
+  className,
+  style,
+  ...props
+}: ILicenseCard) => {
+  return (
+    <StyledLicenseCard className={className} style={style}>
+      <Heading tag={'h3'} size={'h2'} className={'text-uppercase fw-bold'}>
+        {title}
+      </Heading>
+      <Heading tag={'span'} size={'h5'} className={'mt-4 mb-4'}>
+        {description}
+      </Heading>
+      {imageElement}
+    </StyledLicenseCard>
+  )
+}
+
+export default LicenseCard

package/src/components/molecules/LicenseCard/LicenseCard.interface.ts

@@ -1,6 +1,6 @@
-import { ICard } from '../Card/Card.interface';
-
-export interface ILicenseCard extends ICard {
-  title?: string
-  description?: string | React.ReactElement
-}
+import { ICard } from '../Card/Card.interface';
+
+export interface ILicenseCard extends ICard {
+  title?: string
+  description?: string | React.ReactElement
+}

package/src/components/molecules/LicenseCard/LicenseCard.stories.tsx

@@ -1,42 +1,42 @@
-import type { Meta, StoryObj } from '@storybook/react'
-
-import { ILicenseCard } from './LicenseCard.interface'
-import LicenseCard from './LicenseCard.component'
-import React from 'react'
-
-// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
-export default {
-  title: 'Components/LicenseCard',
-  component: LicenseCard,
-  tags: ['autodocs']
-} as Meta
-
-const image = (
-  <img
-    width="100%"
-    height="100%"
-    sizes="100vw"
-    decoding="async"
-    src="/assets/placeholder.png"
-    alt="Empty state"
-  />
-)
-
-export const Simple: StoryObj<ILicenseCard> = {
-  render: args => (
-    <>
-      <LicenseCard
-        {...args}
-        title="Lorem"
-        style={{ maxWidth: '320px' }}
-      ></LicenseCard>
-      <LicenseCard {...args} style={{ maxWidth: '320px' }}></LicenseCard>
-    </>
-  ),
-  args: {
-    title: 'Cras vel facilisis tellus',
-    imageElement: image,
-    description:
-      'Cras vel facilisis tellus, id iaculis risus. Vestibulum non mollis ipsum. Vestibulum faucibus nisl sit amet magna interdum tristique. Cras vel facilisis tellus, id iaculis risus. Vestibulum non mollis ipsum. Vestibulum faucibus nisl sit amet magna interdum tristique.'
-  }
-}
+import type { Meta, StoryObj } from '@storybook/react'
+
+import { ILicenseCard } from './LicenseCard.interface'
+import LicenseCard from './LicenseCard.component'
+import React from 'react'
+
+// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+export default {
+  title: 'Components/LicenseCard',
+  component: LicenseCard,
+  tags: ['autodocs']
+} as Meta
+
+const image = (
+  <img
+    width="100%"
+    height="100%"
+    sizes="100vw"
+    decoding="async"
+    src="/assets/placeholder.png"
+    alt="Empty state"
+  />
+)
+
+export const Simple: StoryObj<ILicenseCard> = {
+  render: args => (
+    <>
+      <LicenseCard
+        {...args}
+        title="Lorem"
+        style={{ maxWidth: '320px' }}
+      ></LicenseCard>
+      <LicenseCard {...args} style={{ maxWidth: '320px' }}></LicenseCard>
+    </>
+  ),
+  args: {
+    title: 'Cras vel facilisis tellus',
+    imageElement: image,
+    description:
+      'Cras vel facilisis tellus, id iaculis risus. Vestibulum non mollis ipsum. Vestibulum faucibus nisl sit amet magna interdum tristique. Cras vel facilisis tellus, id iaculis risus. Vestibulum non mollis ipsum. Vestibulum faucibus nisl sit amet magna interdum tristique.'
+  }
+}

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

@@ -1,28 +1,28 @@
-import { colors, radius, responsiveMedia } from '@/styles/variables';
-import styled, { css } from 'styled-components';
-
-import { ILicenseCard } from './LicenseCard.interface';
-
-export const StyledLicenseCard = styled.div <ILicenseCard>`
-  display: flex;
-  flex-flow: column;
-  align-items: center;
-  text-align:center;
-  background-color: ${colors.third10};
-  padding: 2rem;
-  border-radius: 0 ${radius.lg};
-
-  & img{
-    width: 100%;
-    max-width: 4rem;
-    object-fit: contain;
-  }
-
-
-  @media only screen and (min-width: ${responsiveMedia}) {
-    & img{
-      max-width: 7rem;
-    }
-  }
-`;
-
+import { colors, radius, responsiveMedia } from '@/styles/variables';
+import styled, { css } from 'styled-components';
+
+import { ILicenseCard } from './LicenseCard.interface';
+
+export const StyledLicenseCard = styled.div <ILicenseCard>`
+  display: flex;
+  flex-flow: column;
+  align-items: center;
+  text-align:center;
+  background-color: ${colors.third10};
+  padding: 2rem;
+  border-radius: 0 ${radius.lg};
+
+  & img{
+    width: 100%;
+    max-width: 4rem;
+    object-fit: contain;
+  }
+
+
+  @media only screen and (min-width: ${responsiveMedia}) {
+    & img{
+      max-width: 7rem;
+    }
+  }
+`;
+

package/src/components/molecules/LicenseCard/index.ts

@@ -1 +1 @@
-export { default } from "./LicenseCard.component";
+export { default } from "./LicenseCard.component";