@liguelead/design-system 0.0.8 → 0.0.10

package/components/TextField/TextField.types.ts

@@ -1,21 +1,22 @@
-import { FieldValues, UseFormRegisterReturn } from 'react-hook-form'
-import { TextFieldSize } from './TextField.sizes'
-import React from 'react'
-
-export interface TextFieldProps<TFieldValues extends FieldValues = FieldValues>
-    extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
-    label: string
-    value?: string
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void
-    handleLeftIcon?: () => void
-    handleRightIcon?: () => void
-    helperText?: string
-    size?: TextFieldSize
-    className?: string
-    disabled?: boolean
-    leftIcon?: React.ReactNode
-    rightIcon?: React.ReactNode
-    error?: TFieldValues
-    type?: 'text' | 'password' | 'email' | 'number'
-    register?: UseFormRegisterReturn<string>
-}
+import { FieldValues, UseFormRegisterReturn } from 'react-hook-form'
+import { TextFieldSize } from './TextField.sizes'
+import React from 'react'
+
+export interface TextFieldProps<TFieldValues extends FieldValues = FieldValues>
+    extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    label: string
+    value?: string
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void
+    handleLeftIcon?: () => void
+    handleRightIcon?: () => void
+    helperText?: string
+    size?: TextFieldSize
+    className?: string
+    placeholder?: string
+    disabled?: boolean
+    leftIcon?: React.ReactNode
+    rightIcon?: React.ReactNode
+    error?: TFieldValues
+    type?: 'text' | 'password' | 'email' | 'number'
+    register?: UseFormRegisterReturn<string>
+}

package/components/TextField/index.ts

@@ -1,2 +1,2 @@
-export { default } from './TextField'
-export type { TextFieldProps } from './TextField.types'
+export { default } from './TextField'
+export type { TextFieldProps } from './TextField.types'

package/components/TextField/utils/getState.ts

@@ -0,0 +1,7 @@
+const getState = (disabled: boolean, error: boolean) => {
+    if (disabled) return 'disabled'
+    if (error) return 'error'
+    return 'default'
+}
+
+export default getState

package/components/ThemeProvider/ThemeProvider.tsx

@@ -1,21 +1,21 @@
-import { ThemeProvider as StyledTheme } from 'styled-components'
-import { themes } from '@liguelead/foundation'
-import { globalStyle as Reset } from './style'
-
-interface ThemeProviderProps {
-    children: React.ReactNode
-    theme?: 'spa'
-}
-
-const ThemeProvider = ({ children, theme }: ThemeProviderProps) => {
-    const appliedTheme = theme ? themes[theme] : themes['spa']
-
-    return (
-        <StyledTheme theme={appliedTheme}>
-            <Reset />
-            {children}
-        </StyledTheme>
-    )
-}
-
-export default ThemeProvider
+import { ThemeProvider as StyledTheme } from 'styled-components'
+import { themes } from '@liguelead/foundation'
+import { globalStyle as Reset } from './style'
+
+interface ThemeProviderProps {
+    children: React.ReactNode
+    theme?: 'spa'
+}
+
+const ThemeProvider = ({ children, theme }: ThemeProviderProps) => {
+    const appliedTheme = theme ? themes[theme] : themes['spa']
+
+    return (
+        <StyledTheme theme={appliedTheme}>
+            <Reset />
+            {children}
+        </StyledTheme>
+    )
+}
+
+export default ThemeProvider

package/components/ThemeProvider/index.ts

@@ -1 +1 @@
-export { default } from './ThemeProvider'
+export { default } from './ThemeProvider'