venice-ui 1.0.1 → 1.0.3

package/src/components/Modal/Modal.tsx

@@ -1,63 +0,0 @@
-import React, { FC } from 'react'
-import { Theme } from '../../Theme/Theme'
-import { Aligment } from '../Aligment'
-import { Button } from '../Button'
-import { ScrollCotainer } from '../common'
-import { Icon } from '../Icons'
-import { TextHeader } from '../Typography'
-import { ModalElement, ModalOverlayer } from './Modal.styles'
-
-export interface IModalProps {
-  children: React.ReactNode
-  title?: string
-  handleConfirm?: () => void
-  handleClose: () => void
-  labelConfirm?: string
-  labelClose: string
-  size?: string
-}
-
-export const Modal: FC<IModalProps> = ({
-  children,
-  title,
-  handleConfirm,
-  handleClose,
-  labelConfirm,
-  labelClose,
-  size = 'small',
-}) => {
-  const isMultiButtons = (): boolean => {
-    return handleConfirm !== undefined && labelConfirm !== undefined
-  }
-  return (
-    <ModalOverlayer>
-      <ModalElement size={size}>
-        <Aligment
-          justify={!title ? 'flex-end' : 'space-between'}
-          vPadding={Theme.padding.m}
-          hPadding={Theme.padding.m}
-        >
-          {title && <TextHeader>{title}</TextHeader>}
-          <Icon onClick={handleClose} name="close" />
-        </Aligment>
-        <ScrollCotainer>{children}</ScrollCotainer>
-        <Aligment
-          justify={'flex-end'}
-          vPadding={Theme.padding.m}
-          hPadding={Theme.padding.m}
-        >
-          <Button
-            mode={isMultiButtons() ? 'inverse' : 'primary'}
-            onClick={() => handleClose()}
-            text={labelClose}
-            left={isMultiButtons()}
-          />
-
-          {handleConfirm && labelConfirm && (
-            <Button onClick={handleConfirm} text={labelConfirm} />
-          )}
-        </Aligment>
-      </ModalElement>
-    </ModalOverlayer>
-  )
-}

package/src/components/Modal/index.ts

@@ -1 +0,0 @@
-export {Modal} from './Modal'

package/src/components/Typography/Typography.stories.mdx

@@ -1,35 +0,0 @@
-import { Text, TextHeader,TextSubHeader,TextLabel,TextSmall } from './Typography.styles'
-import { Meta } from '@storybook/addon-docs';
-import { ExampleTable, ExampleTableRow, ExampleTableHeader,ExampleTableCell , StoryWrapper } from '../../example'
-
-
-<Meta title="Basic/Typography" />
-
-<StoryWrapper>
-  <ExampleTable>
-    <ExampleTableRow>
-      <ExampleTableHeader>Font component</ExampleTableHeader>
-      <ExampleTableHeader>Sample</ExampleTableHeader>
-    </ExampleTableRow>
-    <ExampleTableRow>
-      <ExampleTableCell><code>TextHeader</code></ExampleTableCell>
-      <ExampleTableCell><TextHeader>One ring to rule them all</TextHeader></ExampleTableCell>
-    </ExampleTableRow>
-    <ExampleTableRow>
-      <ExampleTableCell><code>TextSubHeader</code></ExampleTableCell>
-      <ExampleTableCell><TextSubHeader>One ring to rule them all</TextSubHeader></ExampleTableCell>
-    </ExampleTableRow>
-    <ExampleTableRow>
-      <ExampleTableCell><code>Text</code></ExampleTableCell>
-      <ExampleTableCell><Text>One ring to rule them all</Text></ExampleTableCell>
-    </ExampleTableRow>
-    <ExampleTableRow>
-      <ExampleTableCell><code>TextSmall</code></ExampleTableCell>
-      <ExampleTableCell><TextSmall>One ring to rule them all</TextSmall></ExampleTableCell>
-    </ExampleTableRow>
-    <ExampleTableRow>
-      <ExampleTableCell><code>TextLabel</code></ExampleTableCell>
-      <ExampleTableCell><TextLabel>One ring to rule them all</TextLabel></ExampleTableCell>
-    </ExampleTableRow>
-  </ExampleTable>
-</StoryWrapper>

package/src/components/Typography/Typography.styles.tsx

@@ -1,31 +0,0 @@
-import styled from 'styled-components'
-import { Theme } from '../../Theme/Theme'
-
-export const Text = styled.div`
-  font-size: ${Theme.fontSize.m};
-  line-height: ${Theme.lineHeight.m};
-  font-weight: normal;
-`
-export const TextSmall = styled.div`
-  font-size: ${Theme.fontSize.s};
-  line-height: ${Theme.lineHeight.s};
-  font-weight: normal;
-`
-
-export const TextHeader = styled.div`
-  font-size: ${Theme.fontSize.l};
-  line-height: ${Theme.lineHeight.l};
-  font-weight: 300;
-`
-
-export const TextSubHeader = styled.div`
-  font-size: ${Theme.fontSize.m};
-  line-height: ${Theme.lineHeight.m};
-  font-weight: 300;
-`
-
-export const TextLabel = styled.div`
-  font-size: ${Theme.fontSize.xs};
-  line-height: ${Theme.lineHeight.xs};
-  font-weight: bold;
-`

package/src/components/Typography/index.ts

@@ -1 +0,0 @@
-export {Text, TextHeader,TextSubHeader,TextLabel } from './Typography.styles'

package/src/components/common/commonComponents.tsx

@@ -1,13 +0,0 @@
-import styled from 'styled-components'
-import { Theme } from '../../Theme/Theme'
-
-export const Container = styled.div`
-  width: 100%;
-`
-
-export const ScrollCotainer = styled.div`
-  width: 100%;
-  padding: ${Theme.padding.l} ${Theme.padding.m};
-  overflow: auto;
-  box-sizing: border-box;
-`

package/src/components/common/index.ts

@@ -1 +0,0 @@
-export * from './commonComponents'

package/src/example/ExampleComponent.tsx

@@ -1,44 +0,0 @@
-import styled from 'styled-components'
-import { Theme } from '../Theme/Theme'
-
-export const StoryWrapper = styled.div`
-  padding: ${Theme.padding.l}
-`
-
-interface IExmpleBlock {
-  width?: string
-  height?: string
-  color?: string
-}
-export const ExmpleBlock = styled.div<IExmpleBlock>`
-  padding: ${(p) => (p.width ? p.width : '10px')}  ${(p) => (p.height ? p.height : '10px')};
-  text-align: center;
-  font-size:${Theme.fontSize.xl}
-`
-
-interface IExmpleBlockWrapper {
-  color?: string
-}
-export const ExmpleBlockWrapper = styled.div<IExmpleBlockWrapper>`
-  background-color: ${(p) => (p.color ? p.color : '#aaaaaa')};
-  border-radius: ${Theme.borderRadius.m};
-`
-
-export const ExampleTable = styled.table`
-  width: 100%;
-  border-collapse: collapse;
-`
-export const ExampleTableRow = styled.tr`
-  width: 100%;
-  border-collapse: collapse;
-`
-export const ExampleTableCell = styled.td`
-  padding:${Theme.padding.m};
-  border-bottom:1px solid #dddddd;
-`
-export const ExampleTableHeader = styled.th`
-  padding:${Theme.padding.m};
-  border-collapse: collapse;
-  background-color:#dddddd;
-  text-align: left;
-`

package/src/example/index.ts

@@ -1 +0,0 @@
-export * from './ExampleComponent'

package/src/index.ts

@@ -1,5 +0,0 @@
-export * from "./components/InputText";
-export {Modal} from './components/Modal'
-export {Aligment} from './components/Aligment'
-export * from './components/Typography'
-export {Button} from './components/Button'

package/tsconfig.json

@@ -1,19 +0,0 @@
-{
-  "compilerOptions": {
-    "allowSyntheticDefaultImports": true,
-    "declaration": true,
-    "esModuleInterop": true,
-    "jsx": "react",
-    "lib": ["ES5", "ES2015", "ES2016", "DOM", "ESNext"],
-    "types": ["node"],
-    "module": "es2015",
-    "moduleResolution": "node",
-    "noImplicitAny": false,
-    "noUnusedLocals": true,
-    "outDir": "dist/esm",
-    "sourceMap": true,
-    "strict": true,
-    "target": "ES6"
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/components/Typography/Typography.stories.mdx"]
-}