oddsgate-ds 1.0.24 → 1.0.26

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

@@ -1,72 +0,0 @@
-import { Column, Row } from './../../atoms/FlexGrid'
-import type { Meta, StoryObj } from '@storybook/react'
-
-import { IProjectCard } from './ProjectCard.interface'
-import ProjectCard from './ProjectCard.component'
-import React from 'react'
-
-// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
-export default {
-  title: 'Components/ProjectCard',
-  component: ProjectCard,
-  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<IProjectCard> = {
-  render: args => (
-    <Row>
-      <Column md={4}>
-        <ProjectCard {...args}></ProjectCard>
-      </Column>
-      <Column md={4}>
-        <ProjectCard {...args}></ProjectCard>
-      </Column>
-      <Column md={4}>
-        <ProjectCard {...args}></ProjectCard>
-      </Column>
-
-      <Column md={6}>
-        <ProjectCard variant="featured" {...args}></ProjectCard>
-      </Column>
-      <Column md={6}>
-        <ProjectCard variant="featured" {...args}></ProjectCard>
-      </Column>
-
-      <Column md={4}>
-        <ProjectCard {...args}></ProjectCard>
-      </Column>
-      <Column md={4}>
-        <ProjectCard {...args}></ProjectCard>
-      </Column>
-      <Column md={4}>
-        <ProjectCard {...args}></ProjectCard>
-      </Column>
-
-      <Column md={8}>
-        <ProjectCard variant="featured" {...args}></ProjectCard>
-      </Column>
-
-      <Column md={4}>
-        <ProjectCard {...args}></ProjectCard>
-      </Column>
-    </Row>
-  ),
-  args: {
-    category: 'Document type',
-    title: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
-    imageElement: image,
-    buttonLabel: 'Download',
-    linkElement: <a href="#" className="linker"></a>
-  }
-}

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

@@ -1,61 +0,0 @@
-import styled, { css } from 'styled-components';
-
-import Card from '../Card/Card.component';
-import { IProjectCard } from './ProjectCard.interface';
-import { colors } from '@/styles/variables';
-
-export const StyledProjectCard = styled(Card) <IProjectCard>`
-  & picture{
-    &:before{
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      background: rgba(0,0,0,0.5);
-      z-index: 1;
-    }
-  }
-
-  & figcaption{
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    display: flex;
-    align-items: flex-end;
-    padding: 1rem;
-    color: ${colors.white};
-    z-index: 2;
-
-    & i{
-      min-width: 3rem;
-      height: 3rem;
-      line-height: 3rem;
-      font-size: 2.6rem;
-
-      border-radius: 50px;
-      color: ${colors.deepblue};
-      background-color: ${colors.softgreen};
-
-      transition: all 0.3s linear;
-      transform: rotateZ(-45deg);
-      transform-origin: center center;
-      text-align: center;
-
-      &::before{
-        line-height: inherit;
-      }
-    }
-  }
-
-  &:hover{
-    & figcaption{
-      & i{
-        transform: rotateZ(0);
-      }
-    }
-  }
-`;

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

@@ -1 +0,0 @@
-export { default } from "./ProjectCard.component";