kyd-shared-badge 0.3.111 → 0.3.112

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kyd-shared-badge",
3
- "version": "0.3.111",
3
+ "version": "0.3.112",
4
4
  "private": false,
5
5
  "main": "./src/index.ts",
6
6
  "module": "./src/index.ts",
@@ -102,8 +102,8 @@ const ReportHeader = ({ badgeId, developerName, updatedAt, score = 0, badgeImage
102
102
  <div className={`flex gap-3 ${rightBadgeLayout ? 'flex-col md:flex-row items-center justify-between' : 'flex-col'}`}>
103
103
  {/* Info section: Title, Candidate, Details and Summary */}
104
104
  <div className={`w-full ${rightBadgeLayout ? 'md:flex-1' : ''}`}>
105
- <div className='space-y-2'>
106
- <span className='flex gap-2 w-full items-end text-start justify-start'>
105
+ <div className='space-y-1'>
106
+ <span className='flex gap-2 w-full items-end text-start justify-start mb-2'>
107
107
  <h2 className={'text-xl font-light'} style={{ color: 'var(--text-main)' }}>KYD Candidate:</h2>
108
108
  <div className={'text-xl font-bold'} style={{ color: 'var(--text-main)' }}>{developerName || 'N/A'}</div>
109
109
  </span>
@@ -111,14 +111,13 @@ const ReportHeader = ({ badgeId, developerName, updatedAt, score = 0, badgeImage
111
111
  <h3 className='text-sm font-semibold text-[--text-secondary]'>Date:</h3>
112
112
  <span className='text-sm text-[--text-main]'>{formatLocalDate(updatedAt)}</span>
113
113
  </span>
114
- <div className={'text-sm'}>
115
114
  {Array.isArray(countries) && countries.length > 0 && (
116
115
  (() => {
117
116
  const countryNames = countries
118
117
  .map(code => countriesLib.getName((code || '').toUpperCase(), 'en') || code)
119
118
  .filter(Boolean);
120
119
  return (
121
- <p className={'flex items-center gap-1'}>
120
+ <p className={'flex items-center gap-1 text-sm'}>
122
121
  <span className={'font-semibold'} style={{ color: 'var(--text-secondary)' }}>
123
122
  {countryNames.length > 1 ? 'Countries:' : 'Country:'}
124
123
  </span>
@@ -138,7 +137,7 @@ const ReportHeader = ({ badgeId, developerName, updatedAt, score = 0, badgeImage
138
137
  })()
139
138
  )}
140
139
  {sources.length > 0 && (
141
- <p className={'flex items-center gap-2 mt-2'}>
140
+ <p className='flex items-center gap-2 mt-2 text-sm'>
142
141
  <a href="#appendix-connected" className={'inline-flex items-center gap-2 group'} style={{ color: 'var(--text-secondary)' }}>
143
142
  <span className={'font-semibold'}>Sources:</span>
144
143
  <span className={'flex items-center gap-2'}>
@@ -151,7 +150,6 @@ const ReportHeader = ({ badgeId, developerName, updatedAt, score = 0, badgeImage
151
150
  </a>
152
151
  </p>
153
152
  )}
154
- </div>
155
153
  {(enterpriseMatch?.description || matchLabel) ? (
156
154
  <div className={'hidden md:block text-sm space-y-2 pt-4'} style={{ borderTop: '1px solid var(--icon-button-secondary)' }}>
157
155
  <div className="flex items-center justify-between">