import { generateColors } from './system' ; test . each ( [ [ { surface : '#fafafa' , 'on-surface' : '#222' , primary : '#0d3880' , 'primary-active' : '#1e40af' , red : 'red' , 'purple-200' : '#DDD6FE' , 'purple-500' : '#8B5CF6' , 'purple-800' : '#5B21B6' , } , { 'on-primary' : '#e8ecf4' , 'on-primary-active' : '#e6e9f2' , 'on-primary-disabled' : '#eaeef5' , 'on-primary-focus' : '#e6ebf3' , 'on-primary-hover' : '#e7ecf4' , 'on-primary-selected' : '#e5eaf3' , 'on-purple-200' : '#130f26' , 'on-purple-200-active' : '#000' , 'on-purple-200-disabled' : '#1c1c1c' , 'on-purple-200-focus' : '#000' , 'on-purple-200-hover' : '#000' , 'on-purple-200-selected' : '#000' , 'on-purple-500' : '#000' , 'on-purple-500-active' : '#000' , 'on-purple-500-disabled' : '#e6e1f2' , 'on-purple-500-focus' : '#000' , 'on-purple-500-hover' : '#000' , 'on-purple-500-selected' : '#000' , 'on-purple-800' : '#eae6f2' , 'on-purple-800-active' : '#ece8f3' , 'on-purple-800-disabled' : '#ece8f3' , 'on-purple-800-focus' : '#e9e4f1' , 'on-purple-800-hover' : '#eae5f1' , 'on-purple-800-selected' : '#e8e3f1' , 'on-surface' : '#222' , 'on-surface-active' : '#191919' , 'on-surface-disabled' : '#1c1c1c' , 'on-surface-focus' : '#1a1a1a' , 'on-surface-hover' : '#1b1b1b' , 'on-surface-selected' : '#1a1a1a' , primary : '#0d3880' , 'primary-active' : '#1e40af' , 'primary-disabled' : '#082452' , 'primary-focus' : '#124cae' , 'primary-hover' : '#0f4297' , 'primary-selected' : '#1351ba' , 'purple-200' : '#DDD6FE' , 'purple-200-active' : '#9f8bfc' , 'purple-200-disabled' : '#ffffff' , 'purple-200-focus' : '#b4a4fd' , 'purple-200-hover' : '#c8bdfd' , 'purple-200-selected' : '#a998fc' , 'purple-500' : '#8B5CF6' , 'purple-500-active' : '#bfa4fa' , 'purple-500-disabled' : '#692cf3' , 'purple-500-focus' : '#ad8cf9' , 'purple-500-hover' : '#9c74f7' , 'purple-500-selected' : '#b698f9' , 'purple-800' : '#5B21B6' , 'purple-800-active' : '#8146dd' , 'purple-800-disabled' : '#45198b' , 'purple-800-focus' : '#7230da' , 'purple-800-hover' : '#6625cc' , 'purple-800-selected' : '#7a3bdc' , red : 'red' , surface : '#fafafa' , 'surface-active' : '#d4d4d4' , 'surface-disabled' : '#ffffff' , 'surface-focus' : '#e1e1e1' , 'surface-hover' : '#ededed' , 'surface-selected' : '#dadada' , } , ] , ] ) ( 'generateColors(%j) => %j' , ( colors , expected ) => { expect ( generateColors ( colors ) ) . toStrictEqual ( expected ) ; } ) ;