polpo 0.1.7 → 0.1.8

package/src/contexts/theme-context/theme.defaults.ts

@@ -1,209 +0,0 @@
-import { CommonThemeEntity, PaletteThemeEntity, ThemeConstantsEntity } from './themes';
-
-export const ThemeConstants: ThemeConstantsEntity = {
-  fontFamily: '"Montserrat Alternates", sans-serif',
-  sectionMinHeight: '810px',
-  breakpoints: {
-    mobile: '360px',
-    mobileL: '480px',
-    tablet: '768px',
-    laptopS: '1024px',
-    laptopM: '1280px',
-    laptopL: '1440px',
-    desktop: '1920px',
-    large: '2560px',
-  },
-  typography: {
-    hero: {
-      fontSize: '60px',
-      lineHeight: '120%',
-      defaultWeight: 700,
-      weights: {
-        bold: 700,
-      },
-      breakpoints: [],
-    },
-    header1: {
-      fontSize: '48px',
-      lineHeight: '120%',
-      defaultWeight: 700,
-      weights: {
-        bold: 700,
-      },
-      breakpoints: [],
-    },
-    header2: {
-      fontSize: '40px',
-      lineHeight: '120%',
-      defaultWeight: 700,
-      weights: {
-        bold: 700,
-      },
-      breakpoints: [],
-    },
-    header3: {
-      fontSize: '32px',
-      lineHeight: '120%',
-      defaultWeight: 700,
-      weights: {
-        bold: 700,
-      },
-      breakpoints: [],
-    },
-    header4: {
-      fontSize: '24px',
-      lineHeight: '120%',
-      defaultWeight: 700,
-      weights: {
-        bold: 700,
-        regular: 400,
-      },
-      breakpoints: [],
-    },
-    body: {
-      fontSize: '16px',
-      lineHeight: '140%',
-      defaultWeight: 400,
-      weights: {
-        bold: 700,
-        regular: 400,
-        light: 300,
-      },
-      breakpoints: [],
-    },
-    label: {
-      fontSize: '14px',
-      lineHeight: '140%',
-      defaultWeight: 400,
-      weights: {
-        bold: 700,
-        regular: 400,
-        light: 300,
-      },
-      breakpoints: [],
-    },
-    small: {
-      fontSize: '12px',
-      lineHeight: '140%',
-      defaultWeight: 400,
-      weights: {
-        bold: 700,
-        regular: 400,
-        light: 300,
-      },
-      breakpoints: [],
-    },
-  },
-};
-
-export const CommonTheme: CommonThemeEntity = {
-  black: '#000000',
-  gray1: '#191919',
-  gray2: '#323232',
-  gray3: '#4B4B4B',
-  gray4: '#646464',
-  gray5: '#4B4B4B',
-  gray6: '#969696',
-  gray7: '#CCCCCC',
-  gray8: '#DEDEDE',
-  gray9: '#F0F0F0',
-  white: '#FFFFFF',
-  info: {
-    main: '#0581ff',
-    contrast: '#FFFFFF',
-    light: '#7bc1ff',
-    dark: '#0057b5',
-  },
-  active: {
-    main: '#00B450',
-    contrast: '#FFFFFF',
-    light: '#3dd581',
-    dark: '#029341',
-  },
-  warning: {
-    main: '#FFA300',
-    contrast: '#FFFFFF',
-    light: '#ffc97a',
-    dark: '#a16903',
-  },
-  alert: {
-    main: '#F95F62',
-    contrast: '#FFFFFF',
-    light: '#ff9c9d',
-    dark: '#b1282b',
-  },
-};
-
-export const DarkTheme: PaletteThemeEntity = {
-  background: {
-    main: '#24263A',
-    light: '#292b40',
-    dark: '#1e2032',
-    paper: '#131520',
-    disabled: '#3e3e42',
-  },
-  text: {
-    main: '#FFFFFF',
-    light: '#FFFFFF',
-    dark: '#d1cfcf',
-    disabled: '#9e9e9e',
-  },
-  border: {
-    main: '#3a4145',
-  },
-  primary: {
-    main: '#B91345',
-    contrast: '#FFFFFF',
-    light: '#fa2f6d',
-    dark: '#880a2f',
-  },
-  secondary: {
-    main: '#450b7c',
-    contrast: '#FFFFFF',
-    light: '#5c11a3',
-    dark: '#33075c',
-  },
-  tertiary: {
-    main: '#012e64',
-    contrast: '#FFFFFF',
-    light: '#033f83',
-    dark: '#011c42',
-  },
-};
-
-export const LightTheme: PaletteThemeEntity = {
-  background: {
-    main: '#FFFFFF',
-    light: '#efefef',
-    dark: '#b5b5b5',
-    paper: '#f1f1f1',
-    disabled: '#d1d1d1',
-  },
-  text: {
-    main: '#333333',
-    light: '#434242',
-    dark: '#1c1b1b',
-    disabled: '#c1c0c0',
-  },
-  border: {
-    main: '#c1c1c1',
-  },
-  primary: {
-    main: '#450b7c',
-    contrast: '#FFFFFF',
-    light: '#5c11a3',
-    dark: '#33075c',
-  },
-  secondary: {
-    main: '#563cc9',
-    contrast: '#FFFFFF',
-    light: '#6d50e4',
-    dark: '#3e2795',
-  },
-  tertiary: {
-    main: '#49e9fb',
-    contrast: '#FFFFFF',
-    light: '#a2edff',
-    dark: '#1fa5b5',
-  },
-};

package/src/contexts/theme-context/theme.style.ts

@@ -1,78 +0,0 @@
-import styled, { createGlobalStyle } from 'styled-components';
-
-export const ThemeStyle = styled.main`
-  height: 100dvh;
-  overflow: auto;
-  background: ${props => props.theme.colors.background.main};
-`;
-
-export const GlobalStyles = createGlobalStyle`
-  *, *::before, *::after {
-    box-sizing: border-box;
-  }
-
-  /* width */
-  ::-webkit-scrollbar {
-    width: 0;
-    height: 0;
-  }
-
-  /* Track */
-  ::-webkit-scrollbar-track {
-    border-radius: 10px;
-  }
-
-  /* Handle */
-  ::-webkit-scrollbar-thumb {
-    background: #cecece;
-    border-radius: 10px;
-  }
-
-  /* Handle on hover */
-  ::-webkit-scrollbar-thumb:hover {
-    background: #cecece;
-  }
-
-  :root {
-    color-scheme: light dark;
-    font-synthesis: none;
-    text-rendering: optimizeLegibility;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-
-  *, *::after, *::before {
-    box-sizing: border-box;
-  }
-
-  html {
-    scroll-behavior: smooth;
-  }
-
-  a {
-    text-decoration: none;
-    color: inherit;
-  }
-
-  input, textarea {
-    color: currentColor;
-    font-family: inherit;
-    padding: 0;
-    margin: 0;
-    width: 100%;
-    background: transparent;
-  }
-
-  input {
-    border: 0;
-    outline: 0;
-    padding: 0;
-    width: 100%;
-  }
-
-  body, ${ThemeStyle} {
-    min-width: ${props => props.theme.constants.breakpoints.mobile};
-    font-family: ${props => props.theme.constants.fontFamily};
-    color: ${props => props.theme.colors.text.main};
-  }
-`;

package/src/contexts/theme-context/themes.ts

@@ -1,98 +0,0 @@
-import React from 'react';
-
-export enum TypographyVariants {
-  HERO = 'hero',
-  HEADER1 = 'header1',
-  HEADER2 = 'header2',
-  HEADER3 = 'header3',
-  HEADER4 = 'header4',
-  BODY = 'body',
-  LABEL = 'label',
-  SMALL = 'small',
-}
-export enum Breakpoints {
-  MOBILE = 'mobile',
-  MOBILE_L = 'mobileL',
-  TABLET = 'tablet',
-  LAPTOPS = 'laptopS',
-  LAPTOP_M = 'laptopM',
-  LAPTOP_L = 'laptopL',
-  DESKTOP = 'desktop',
-  LARGE = 'large',
-}
-
-export type TypographyEntity = {
-  fontSize: string;
-  lineHeight: string;
-  defaultWeight: React.CSSProperties['fontWeight'];
-  weights: Record<string, React.CSSProperties['fontWeight']>;
-  breakpoints: Array<{
-    from: `${Breakpoints}`;
-    fontSize: string;
-    lineHeight: string;
-  }>;
-};
-
-export type ThemeConstantsEntity = {
-  fontFamily: string;
-  sectionMinHeight: string;
-  breakpoints: Record<`${Breakpoints}`, string>;
-  typography: Record<`${TypographyVariants}`, TypographyEntity>;
-};
-
-export type ThemeColor = {
-  main: string;
-  contrast: string;
-  light: string;
-  dark: string;
-};
-
-export type CommonThemeEntity = {
-  black: string;
-  white: string;
-  gray1: string;
-  gray2: string;
-  gray3: string;
-  gray4: string;
-  gray5: string;
-  gray6: string;
-  gray7: string;
-  gray8: string;
-  gray9: string;
-  info: ThemeColor;
-  active: ThemeColor;
-  warning: ThemeColor;
-  alert: ThemeColor;
-};
-
-export type PaletteThemeEntity = {
-  background: {
-    main: string;
-    paper: string;
-    disabled: string;
-    light: string;
-    dark: string;
-  };
-  text: {
-    main: string;
-    light: string;
-    dark: string;
-    disabled: string;
-  };
-  border: {
-    main: string;
-  };
-  primary: ThemeColor;
-  secondary: ThemeColor;
-  tertiary: ThemeColor;
-};
-
-export type ThemeEntity = PaletteThemeEntity & CommonThemeEntity;
-
-declare module 'styled-components' {
-  export interface DefaultTheme {
-    name: string;
-    colors: ThemeEntity;
-    constants: ThemeConstantsEntity;
-  }
-}

package/src/core/http-client.d.ts

@@ -1,11 +0,0 @@
-import { AxiosInstance } from 'axios';
-export declare class HttpClient {
-  private _instance;
-  private _token;
-  logout: () => void;
-  constructor(baseURL: string);
-  get instance(): AxiosInstance;
-  get token(): string;
-  set token(token: string);
-}
-//# sourceMappingURL=http-client.d.ts.map

package/src/core/http-client.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"http-client.d.ts","sourceRoot":"","sources":["http-client.ts"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,qBAAa,UAAU;IACrB,OAAO,CAAC,SAAS,CAAgB;IACjC,OAAO,CAAC,MAAM,CAAS;IAEhB,MAAM,aAA0C;gBAE3C,OAAO,EAAE,MAAM;IA0B3B,IAAW,QAAQ,IAAI,aAAa,CAEnC;IAED,IAAW,KAAK,IAIQ,MAAM,CAF7B;IAED,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,EAG7B;CACF"}

package/src/core/http-client.ts

@@ -1,49 +0,0 @@
-/*
- * import axios, { AxiosInstance } from 'axios';
- *
- * export class HttpClient {
- *   private _instance: AxiosInstance;
- *   private _token: string;
- *
- *   public logout = () => localStorage.removeItem('token');
- *
- *   constructor(baseURL: string) {
- *     this._token = localStorage.getItem('token') ?? '';
- *
- *     this._instance = axios.create({
- *       baseURL: baseURL,
- *       headers: {
- *         'Content-Type': 'application/json',
- *       },
- *     });
- *
- *     this._instance.interceptors.request.use(req => {
- *       const token = this.token;
- *       token !== null && req.headers.setAuthorization(`Bearer ${token}`);
- *
- *       return req;
- *     });
- *
- *     this._instance.interceptors.response.use(
- *       response => Promise.resolve(response),
- *       error => {
- *         error.response.status === 401 && this.logout();
- *         Promise.reject(error);
- *       },
- *     );
- *   }
- *
- *   public get instance(): AxiosInstance {
- *     return this._instance;
- *   }
- *
- *   public get token() {
- *     return this._token;
- *   }
- *
- *   public set token(token: string) {
- *     this._token = token;
- *     localStorage.setItem('token', token);
- *   }
- * }
- */

package/src/core/index.d.ts

@@ -1,2 +0,0 @@
-export * from './http-client';
-//# sourceMappingURL=index.d.ts.map

package/src/core/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/src/core/index.ts

@@ -1 +0,0 @@
-export * from './http-client';

package/src/core/variants/color.ts

@@ -1,9 +0,0 @@
-export enum ColorVariants {
-  Primary = 'primary',
-  Secondary = 'secondary',
-  Tertiary = 'tertiary',
-  Info = 'info',
-  Active = 'active',
-  Warning = 'warning',
-  Alert = 'alert',
-}

package/src/core/variants/index.ts

@@ -1,3 +0,0 @@
-export * from './color';
-export * from './radius';
-export * from './size';

package/src/core/variants/radius.ts

@@ -1,27 +0,0 @@
-import { css } from 'styled-components';
-
-export enum RadiusVariants {
-  None = 'none',
-  Small = 'small',
-  Medium = 'medium',
-  Large = 'large',
-  Full = 'full',
-}
-
-export const RadiusStyles: Record<RadiusVariants, ReturnType<typeof css>> = {
-  [RadiusVariants.None]: css`
-    border-radius: 0;
-  `,
-  [RadiusVariants.Small]: css`
-    border-radius: 0.5em;
-  `,
-  [RadiusVariants.Medium]: css`
-    border-radius: 1em;
-  `,
-  [RadiusVariants.Large]: css`
-    border-radius: 1.5em;
-  `,
-  [RadiusVariants.Full]: css`
-    border-radius: 100em;
-  `,
-};

package/src/core/variants/size.ts

@@ -1,19 +0,0 @@
-import { css } from 'styled-components';
-
-export enum SizeVariants {
-  Small = 'small',
-  Medium = 'medium',
-  Large = 'large',
-}
-
-export const SizeStyles: Record<SizeVariants, ReturnType<typeof css>> = {
-  [SizeVariants.Small]: css`
-    font-size: ${props => props.theme.constants.typography.small.fontSize};
-  `,
-  [SizeVariants.Medium]: css`
-    font-size: ${props => props.theme.constants.typography.label.fontSize};
-  `,
-  [SizeVariants.Large]: css`
-    font-size: ${props => props.theme.constants.typography.body.fontSize};
-  `,
-};

package/src/helpers/format-bytes.ts

@@ -1,11 +0,0 @@
-export const formatBytes = (bytes: number, decimals = 2) => {
-  if (bytes === 0) return '0 Bytes';
-
-  const k = 1000;
-  const dm = decimals < 0 ? 0 : decimals;
-  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
-
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
-
-  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
-};

package/src/helpers/format-dates.ts

@@ -1,11 +0,0 @@
-import moment from 'moment/moment';
-
-export const formatDate = (date: string) => {
-  return Date.parse(date) ? moment(date, 'YYYY-MM-DD').format('MMM YYYY') : date;
-};
-
-export const timeBetween = (date_start: string, date_end: string) => {
-  const momentStart = moment(date_start);
-
-  return Date.parse(date_end) ? moment(date_end).from(momentStart, true) : momentStart.fromNow();
-};

package/src/helpers/get-modal-position-relative-to-screen.ts

@@ -1,86 +0,0 @@
-import { PositionContainer } from './get-modal-position';
-
-export type GetModalPositionRelativeToScreenParams = {
-  position: PositionContainer;
-  windowOffset: number;
-};
-
-export const getModalPositionRelativeToScreen = ({
-  position,
-  windowOffset,
-}: GetModalPositionRelativeToScreenParams): Record<string, string> => {
-  switch (position) {
-    case PositionContainer.CENTER:
-      return {
-        top: '50%',
-        left: '50%',
-        transform: 'translate(-50%, -50%)',
-      };
-
-    case PositionContainer.TOP:
-    case PositionContainer.TOP_CENTER:
-      return {
-        top: `${windowOffset}px`,
-        left: '50%',
-        transform: 'translateX(-50%)',
-      };
-
-    case PositionContainer.TOP_LEFT:
-    case PositionContainer.LEFT_TOP:
-      return {
-        top: `${windowOffset}px`,
-        left: `${windowOffset}px`,
-      };
-
-    case PositionContainer.TOP_RIGHT:
-    case PositionContainer.RIGHT_TOP:
-      return {
-        top: `${windowOffset}px`,
-        right: `${windowOffset}px`,
-      };
-
-    case PositionContainer.BOTTOM:
-    case PositionContainer.BOTTOM_CENTER:
-      return {
-        bottom: `${windowOffset}px`,
-        left: '50%',
-        transform: 'translateX(-50%)',
-      };
-
-    case PositionContainer.LEFT_BOTTOM:
-    case PositionContainer.BOTTOM_LEFT:
-      return {
-        bottom: `${windowOffset}px`,
-        left: `${windowOffset}px`,
-      };
-
-    case PositionContainer.RIGHT_BOTTOM:
-    case PositionContainer.BOTTOM_RIGHT:
-      return {
-        bottom: `${windowOffset}px`,
-        right: `${windowOffset}px`,
-      };
-
-    case PositionContainer.LEFT:
-    case PositionContainer.LEFT_CENTER:
-      return {
-        top: '50%',
-        left: `${windowOffset}px`,
-        transform: 'translateY(-50%)',
-      };
-
-    case PositionContainer.RIGHT:
-    case PositionContainer.RIGHT_CENTER:
-      return {
-        top: '50%',
-        right: `${windowOffset}px`,
-        transform: 'translateY(-50%)',
-      };
-  }
-
-  return {
-    top: '50%',
-    left: '50%',
-    transform: 'translate(-50%, -50%)',
-  };
-};