frst-components 0.20.0 → 0.20.2

package/src/components/form-elements/textfield/textFieldStyle.ts

@@ -1,213 +0,0 @@
-import styled, { css } from 'styled-components'
-
-interface TextFieldProps {
-  type?: string
-  as?: string
-  isClicked?: boolean
-  erroe?: boolean
-}
-
-const placeholderStyle = (color: string) => css`
-    ::-webkit-input-placeholder {
-        color: ${({ theme }) => theme.colors[color]};
-    }
-
-    ::-moz-placeholder {
-        color: ${({ theme }) => theme.colors[color]};
-    }
-
-    :-ms-input-placeholder
-        color: ${({ theme }) => theme.colors[color]};
-    }
-
-    :-moz-placeholder
-        color: ${({ theme }) => theme.colors[color]};
-    }
-`
-
-export const TextFieldContainer = styled.div<{ isClicked }>`
-  width: ${(props) => props.theme.width || '100%'};
-  height: 48px;
-  background: ${({ theme }) => theme.colors.neutralsGrey6};
-  border: 1px solid ${({ theme }) => theme.colors.neutralsGrey5};
-  box-sizing: border-box;
-  border-radius: 8px;
-  outline: none;
-  transition: all 0.2s linear;
-  
-  margin: 8px 0;
-  display: flex;
-  align-items: center;
-  overflow: hidden;
-
-  ${({ isClicked }) =>
-    isClicked &&
-    `
-        box-shadow: 0px 0px 0px 2px rgba(102, 51, 102, 0.4) !important;
-        border: 1px solid #663366 !important;`}
-
-  ${(props) =>
-    props.theme.multiline &&
-    css`
-      width: ${(props) => props.theme.width || '100%'};
-      height: ${(props) => props.theme.height || '100%'};
-      min-height: ${(props) => props.theme.height || '100%'};
-      display: block;
-      padding: 0;
-      overflow: hidden;
-    `}
-
-
-    ${(props) =>
-    props.theme.hovered &&
-    css`
-      border: 1px solid ${({ theme }) => theme.colors.linkOnfocus};
-    `}
-
-    ${(props) =>
-    props.theme.focused &&
-    css`
-      box-shadow: 0px 0px 0px 2px rgba(6, 69, 173, 0.4);
-      border: 1px solid ${({ theme }) => theme.colors.linkPressed};
-    `}
-
-    ${(props) =>
-    props.theme.disabled &&
-    css`
-      background: ${({ theme }) => theme.colors.neutralsGrey7};
-      border: 1px solid ${({ theme }) => theme.colors.neutralsGrey5};
-    `}
-
-    ${(props) =>
-    props.theme.error &&
-    css`
-      background: #ffe0e0;
-      box-shadow: none;
-      border: 1px solid ${({ theme }) => theme.colors.messageError1};
-      color: ${({ theme }) => theme.colors.neutralsGrey3};
-    `}
-
-    span {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-`
-
-export const TextField = styled.input.attrs<TextFieldProps>(({ type, as }) => ({
-  type: type || 'text',
-  as: as || 'input'
-}))<{ as: string }>`
-  width: 100%;
-  height: 100%;
-  padding: 15px 16px;
-  border: none;
-  background-color: transparent;
-
-  font-family: 'PT Sans';
-  font-style: normal;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 18px;
-  color: ${({ theme }) => theme.colors.neutralsGrey1};
-
-  ${placeholderStyle('neutralsGrey3')}
-
-  ${({ as }) =>
-    as === 'textarea' &&
-    css`
-      height: ${(props) => props.theme.height || '100%'};
-      resize: none;
-      overflow: auto;
-      min-height: 100%;
-    `}
-    
-    ${(props) =>
-    props.theme.disabled &&
-    css`
-      color: ${({ theme }) => theme.colors.neutralsGrey4};
-      ${placeholderStyle('neutralsGrey4')}
-    `}
-    ${(props) =>
-    props.theme.error &&
-    css`
-      color: ${({ theme }) => theme.colors.messageError1};
-      ${placeholderStyle('linkError')}
-    `}
-`
-
-export const Label = styled.label<{ isClicked }>`
-  font-family: 'PT Sans';
-  font-style: normal;
-  font-weight: 400;
-  font-size: 16px;
-  line-height: 21px;
-  color: ${({ theme }) => theme.colors.neutralsGrey1};
-
-  ${(props) =>
-    props.theme.hovered &&
-    css`
-      color: ${({ theme }) => theme.colors.linkOnfocus};
-    `}
-
-  ${(props) =>
-    props.theme.focused &&
-    css`
-      color: ${({ theme }) => theme.colors.linkOnfocus};
-    `}
-
-    ${(props) =>
-    props.theme.disabled &&
-    css`
-      color: ${({ theme }) => theme.colors.neutralsGrey3};
-    `}
-
-    ${(props) =>
-    props.theme.error &&
-    css`
-      color: ${({ theme }) => theme.colors.messageError1};
-    `}
-
-    ${({ isClicked }) =>
-    isClicked &&
-    `
-        color: #663366 !important;
-    `}
-`
-
-export const HelperText = styled.span`
-  font-family: 'Work Sans';
-  font-style: normal;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 14px;
-  color: ${({ theme }) => theme.colors.neutralsGrey3};
-
-  ${(props) =>
-    props.theme.error &&
-    css`
-      color: ${({ theme }) => theme.colors.messageError1};
-    `}
-`
-
-export const InputIconButton = styled.button`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 40px;
-  height: 40px;
-  min-width: 40px;
-  min-height: 40px;
-  margin-right: -10px;
-  background-color: transparent !important;
-  border: none !important;
-  border-radius: 50%;
-  outline: none;
-  transition: all 0.1s linear;
-  cursor: pointer;
-  margin-right: 16px;
-`
-
-export const StartIcon = styled.span`
-  margin-left: 16px;
-`

package/src/components/global-menu/components/customMenu/index.tsx

@@ -1 +0,0 @@
-export default function CustomMenu() {}

package/src/components/global-menu/globalMenu.d.ts

@@ -1,66 +0,0 @@
-import React from 'react'
-
-export type enumVariant = 'default' | 'LXP' | 'custom'
-export type enumLanguages = 'pt-BR' | 'es' | 'en-US' | 'pt-PT'
-
-export type itemClick = {
-  id: string
-  label: string
-  iconBegin?: any
-  onClick: (e) => void
-  active?: boolean
-  subMenu?: Array<itemClick>
-}
-
-export type options = {
-  id: string
-  startIcon: any
-  label: string
-  endIcon: any
-  onClick: (e) => void
-  options: Array<options>
-}
-
-export type typeUser = {
-  avatar: string
-  name: string
-  textIsMe?: string
-  company: string
-  handleClickProfile: () => void
-  menuItems?: any
-}
-
-export interface IGlobalMenu {
-  variant?: enumVariant
-
-  menu?: Array<itemClick>
-  customMenu?: Array<itemClick>
-  user?: typeUser
-  search?: IFieldSearch
-
-  notification?: any
-
-  languages: Array<enumLanguages>
-  languageSelected: enumLanguages
-  onChangeLanguage?: (e) => void
-
-  onClickLogo?: () => void
-  onClickExit?: () => void
-
-  onClickSite?: () => void
-  onClickLinkedin?: () => void
-  onClickInstagram?: () => void
-  onClickYoutube?: () => void
-  onClickSpotify?: () => void
-  onClickPodCast?: () => void
-  onClickProfileMenuText?: () => void
-
-  profileMenuText?: string
-  textNotification?: string
-
-  style: React.CSSProperties
-  showSearchField: boolean
-  marginTopSubMenu?: boolean
-
-  customMenuOptions?: any
-}