kyd-shared-badge 0.1.20 → 0.1.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kyd-shared-badge",
-  "version": "0.1.20",
+  "version": "0.1.21",
   "private": false,
   "main": "./src/index.ts",
   "module": "./src/index.ts",

package/src/SharedBadgeDisplay.tsx

@@ -66,13 +66,12 @@ interface ScoreCardProps {
   score: number;
   description: string;
   descriptor?: string;
-  icon: IconType;
   scoreType: 'number' | 'risk' | 'descriptor';
   isRecruiter?: boolean;
-  iconImageSrc?: string; // optional image-based icon
+  iconImageSrc: string;
 }
 
-const ScoreCard = ({ title, score, description, descriptor, icon: Icon, scoreType, isRecruiter = false, iconImageSrc }: ScoreCardProps) => {
+const ScoreCard = ({ title, score, description, descriptor, scoreType, isRecruiter = false, iconImageSrc }: ScoreCardProps) => {
     const isDescriptor = scoreType === 'descriptor';
     const scoreHex = isDescriptor ? undefined : getScoreColor(score);
     const scoreClass = isDescriptor ? 'text-neutral-400' : '';
@@ -96,12 +95,7 @@ const ScoreCard = ({ title, score, description, descriptor, icon: Icon, scoreTyp
           style={isRecruiter ? { backgroundColor: 'var(--content-card-background)', borderColor: 'var(--icon-button-secondary)' } : undefined}
         >
             <div className={`text-3xl mb-4 ${scoreClass}`} style={scoreHex ? { color: scoreHex } : undefined}>
-                {iconImageSrc ? (
-                  // eslint-disable-next-line @next/next/no-img-element
-                  <Image src={iconImageSrc} alt="icon" className="h-8 w-8 object-contain" />
-                ) : (
-                  <Icon />
-                )}
+              <Image src={iconImageSrc} alt="icon" className="h-8 w-8 object-contain" />
             </div>
             <h3 className={`font-semibold text-xl ${isDescriptor ? 'text-neutral-400' : ''}`} style={isRecruiter ? { color: 'var(--text-main)' } : undefined}>{title}</h3>
             <p className={`text-4xl font-bold ${scoreClass}`} style={scoreHex ? { color: scoreHex } : undefined}>{displayScore}</p>
@@ -158,26 +152,23 @@ const SharedBadgeDisplay = ({ badgeData, type = 'individual' }: { badgeData: Pub
                   title="KYD Technical™" 
                   score={devTrustScore?.score || 0}
                   description={devTrustScore?.description || ''}
-                  icon={FiThumbsUp}
-                      scoreType='number'
-                      isRecruiter={isRecruiter}
-                      iconImageSrc={getTechnicalIconSrc(devTrustScore?.score || 0)}
+                  scoreType='number'
+                  isRecruiter={isRecruiter}
+                  iconImageSrc={getTechnicalIconSrc(devTrustScore?.score || 0)}
                 />
                 <ScoreCard 
                   title="KYD Risk™" 
                   score={riskScore?.score || 0}
                   description={riskScore?.description || ''}
-                  icon={FiShield}
-                      scoreType='risk'
-                      isRecruiter={isRecruiter}
-                      iconImageSrc={getRiskIconSrc(riskScore?.score || 0)}
+                  scoreType='risk'
+                  isRecruiter={isRecruiter}
+                  iconImageSrc={getRiskIconSrc(riskScore?.score || 0)}
                 />
                 <ScoreCard 
                   title={<span>KYD AI™ <span className="text-xs font-semibold bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200 px-2 py-1 rounded-full align-middle">Beta</span></span>}
                   score={0}
                   description={aiUsageScore?.description || 'Analysis of AI tool usage and transparency.'}
                   descriptor={aiUsageScore?.descriptor}
-                  icon={FiCpu}
                   scoreType='descriptor'
                   isRecruiter={isRecruiter}
                   iconImageSrc={getAiIconSrc(aiUsageScore?.descriptor)}

package/src/colors.ts

@@ -1,5 +1,5 @@
 const red = '#EC6662'
 const yellow = '#ffbb54'
-const green = '#49a08a'
+const green = '#02a389'
 
 export { red, yellow, green }