@veracity/vui 2.0.3 → 2.0.5

package/src/input/consts.ts

@@ -1,14 +1,14 @@
 import { InputStateMapping } from './input.types'
 
-export const greyLightColor = 'grey.10'
-export const greyColor = 'grey.80'
-export const redColor = 'red.80'
+export const greyLightColor = 'warmGrey.90'
+export const greyColor = 'sandstone.60'
+export const redColor = 'energyRed.45'
 
 export const inputStateMapping: InputStateMapping = {
   error: {
     colorScheme: 'red',
     iconProps: {
-      color: 'red.80',
+      color: 'energyRed.45',
       icon: 'falExclamationTriangle'
     }
   },
@@ -17,13 +17,13 @@ export const inputStateMapping: InputStateMapping = {
     iconProps: {
       animation: 'vui-spin 0.6s linear infinite',
       name: 'fadSpinnerThird',
-      pathFill: ['blue.20', 'blue.50']
+      pathFill: ['seaBlue.90', 'seaBlue.28']
     }
   },
   success: {
     colorScheme: 'green',
     iconProps: {
-      color: 'green.80',
+      color: 'landGreen.30',
       icon: 'falCheck'
     }
   }

package/src/input/input.tsx

@@ -79,8 +79,9 @@ export const Input = vui<'div', InputProps>((props, ref) => {
   const [count, setCount] = useState(getInitialCount(props))
   const [valueInternal, setValueInternal] = useState(defaultValue || '')
   const states = { ...inputStateMapping, ...stateMapping }
+
   const computedColorScheme = filterUndefined({
-    colorScheme: colorScheme ?? (isInvalid ? redColor : undefined) ?? states[state]?.colorScheme
+    colorScheme: colorScheme ?? (isInvalid ? 'red' : undefined) ?? states[state]?.colorScheme
   })
 
   const styles = useStyleConfig('Input', { ...computedColorScheme, ...props })