@takuhon/ui 0.4.0 → 0.6.0

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.
Files changed (6) hide show
  1. package/dist/Recommendations.module-HQSBHXLM.module.css +83 -0
  2. package/dist/TestScores.module-PG7VGFS6.module.css +68 -0
  3. package/dist/index.d.ts +42 -16
  4. package/dist/index.js +355 -148
  5. package/dist/index.js.map +1 -1
  6. package/package.json +2 -2
package/dist/Recommendations.module-HQSBHXLM.module.css ADDED
@@ -0,0 +1,83 @@
1
+ .section {
2
+ display: flex;
3
+ flex-direction: column;
4
+ gap: var(--takuhon-space-3);
5
+ margin-top: var(--takuhon-space-5);
6
+ }
7
+
8
+ .heading {
9
+ margin: 0;
10
+ font-size: var(--takuhon-font-size-xl);
11
+ color: var(--takuhon-color-text);
12
+ }
13
+
14
+ .list {
15
+ list-style: none;
16
+ margin: 0;
17
+ padding: 0;
18
+ display: flex;
19
+ flex-direction: column;
20
+ gap: var(--takuhon-space-3);
21
+ }
22
+
23
+ .item {
24
+ display: flex;
25
+ flex-direction: column;
26
+ gap: var(--takuhon-space-2);
27
+ padding: var(--takuhon-space-3);
28
+ background-color: var(--takuhon-color-surface);
29
+ border: 1px solid var(--takuhon-color-border);
30
+ border-radius: var(--takuhon-radius-md);
31
+ }
32
+
33
+ .body {
34
+ margin: 0;
35
+ }
36
+
37
+ .quote {
38
+ margin: 0;
39
+ font-size: var(--takuhon-font-size-base);
40
+ line-height: var(--takuhon-line-height);
41
+ color: var(--takuhon-color-text);
42
+ }
43
+
44
+ .attribution {
45
+ margin: 0;
46
+ display: flex;
47
+ flex-wrap: wrap;
48
+ align-items: baseline;
49
+ gap: var(--takuhon-space-2);
50
+ }
51
+
52
+ .author {
53
+ font-weight: 600;
54
+ color: var(--takuhon-color-text);
55
+ font-size: var(--takuhon-font-size-base);
56
+ }
57
+
58
+ .link {
59
+ color: inherit;
60
+ text-decoration: none;
61
+ }
62
+
63
+ .link:hover,
64
+ .link:focus-visible {
65
+ text-decoration: underline;
66
+ color: var(--takuhon-color-primary);
67
+ }
68
+
69
+ .link:focus-visible {
70
+ outline: 2px solid var(--takuhon-color-primary);
71
+ outline-offset: 2px;
72
+ }
73
+
74
+ .headline {
75
+ font-size: var(--takuhon-font-size-sm);
76
+ color: var(--takuhon-color-text-muted);
77
+ }
78
+
79
+ .meta {
80
+ margin: 0;
81
+ font-size: var(--takuhon-font-size-sm);
82
+ color: var(--takuhon-color-text-muted);
83
+ }
package/dist/TestScores.module-PG7VGFS6.module.css ADDED
@@ -0,0 +1,68 @@
1
+ .section {
2
+ display: flex;
3
+ flex-direction: column;
4
+ gap: var(--takuhon-space-3);
5
+ margin-top: var(--takuhon-space-5);
6
+ }
7
+
8
+ .heading {
9
+ margin: 0;
10
+ font-size: var(--takuhon-font-size-xl);
11
+ color: var(--takuhon-color-text);
12
+ }
13
+
14
+ .list {
15
+ list-style: none;
16
+ margin: 0;
17
+ padding: 0;
18
+ display: flex;
19
+ flex-direction: column;
20
+ gap: var(--takuhon-space-3);
21
+ }
22
+
23
+ .item {
24
+ display: flex;
25
+ flex-direction: column;
26
+ gap: var(--takuhon-space-1);
27
+ }
28
+
29
+ .title {
30
+ margin: 0;
31
+ font-weight: 600;
32
+ color: var(--takuhon-color-text);
33
+ font-size: var(--takuhon-font-size-base);
34
+ }
35
+
36
+ .link {
37
+ color: inherit;
38
+ text-decoration: none;
39
+ }
40
+
41
+ .link:hover,
42
+ .link:focus-visible {
43
+ text-decoration: underline;
44
+ color: var(--takuhon-color-primary);
45
+ }
46
+
47
+ .link:focus-visible {
48
+ outline: 2px solid var(--takuhon-color-primary);
49
+ outline-offset: 2px;
50
+ }
51
+
52
+ .meta {
53
+ margin: 0;
54
+ font-size: var(--takuhon-font-size-sm);
55
+ color: var(--takuhon-color-text-muted);
56
+ }
57
+
58
+ .score {
59
+ font-weight: 600;
60
+ color: var(--takuhon-color-text);
61
+ }
62
+
63
+ .description {
64
+ margin: 0;
65
+ font-size: var(--takuhon-font-size-base);
66
+ line-height: var(--takuhon-line-height);
67
+ color: var(--takuhon-color-text);
68
+ }
package/dist/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { LocalizedTakuhon, LocalizedProfile, LocalizedLink, LocalizedCareer, LocalizedEducation, LocalizedCertification, LocalizedMembership, LocalizedVolunteering, LocalizedHonor, LocalizedPublication, LocalizedLanguage, LocalizedCourse, LocalizedPatent, LocalizedProject, Skill, Contact, LocaleTag } from '@takuhon/core';
1
+ import { LocalizedTakuhon, LocalizedProfile, LocalizedLink, LocaleTag, LocalizedCareer, LocalizedEducation, LocalizedCertification, LocalizedMembership, LocalizedVolunteering, LocalizedHonor, LocalizedRecommendation, LocalizedPublication, LocalizedLanguage, LocalizedTestScore, LocalizedCourse, LocalizedPatent, LocalizedProject, Skill, Contact } from '@takuhon/core';
2
2
 
3
3
  interface TakuhonProfileProps {
4
4
  data: LocalizedTakuhon;
@@ -12,73 +12,99 @@ declare function ProfileHeader({ profile }: ProfileHeaderProps): React.JSX.Eleme
12
12
 
13
13
  interface LinksListProps {
14
14
  links: LocalizedLink[];
15
+ locale?: LocaleTag;
15
16
  }
16
- declare function LinksList({ links }: LinksListProps): React.JSX.Element | null;
17
+ declare function LinksList({ links, locale }: LinksListProps): React.JSX.Element | null;
17
18
 
18
19
  interface CareerTimelineProps {
19
20
  careers: LocalizedCareer[];
21
+ locale?: LocaleTag;
20
22
  }
21
- declare function CareerTimeline({ careers }: CareerTimelineProps): React.JSX.Element | null;
23
+ declare function CareerTimeline({ careers, locale, }: CareerTimelineProps): React.JSX.Element | null;
22
24
 
23
25
  interface EducationTimelineProps {
24
26
  education: LocalizedEducation[];
27
+ locale?: LocaleTag;
25
28
  }
26
- declare function EducationTimeline({ education }: EducationTimelineProps): React.JSX.Element | null;
29
+ declare function EducationTimeline({ education, locale, }: EducationTimelineProps): React.JSX.Element | null;
27
30
 
28
31
  interface CertificationsProps {
29
32
  certifications: LocalizedCertification[];
33
+ locale?: LocaleTag;
30
34
  }
31
- declare function Certifications({ certifications }: CertificationsProps): React.JSX.Element | null;
35
+ declare function Certifications({ certifications, locale, }: CertificationsProps): React.JSX.Element | null;
32
36
 
33
37
  interface MembershipsProps {
34
38
  memberships: LocalizedMembership[];
39
+ locale?: LocaleTag;
35
40
  }
36
- declare function Memberships({ memberships }: MembershipsProps): React.JSX.Element | null;
41
+ declare function Memberships({ memberships, locale, }: MembershipsProps): React.JSX.Element | null;
37
42
 
38
43
  interface VolunteeringProps {
39
44
  volunteering: LocalizedVolunteering[];
45
+ locale?: LocaleTag;
40
46
  }
41
- declare function Volunteering({ volunteering }: VolunteeringProps): React.JSX.Element | null;
47
+ declare function Volunteering({ volunteering, locale, }: VolunteeringProps): React.JSX.Element | null;
42
48
 
43
49
  interface HonorsListProps {
44
50
  honors: LocalizedHonor[];
51
+ locale?: LocaleTag;
45
52
  }
46
- declare function HonorsList({ honors }: HonorsListProps): React.JSX.Element | null;
53
+ declare function HonorsList({ honors, locale }: HonorsListProps): React.JSX.Element | null;
54
+
55
+ interface RecommendationsProps {
56
+ recommendations: LocalizedRecommendation[];
57
+ locale?: LocaleTag;
58
+ }
59
+ declare function Recommendations({ recommendations, locale, }: RecommendationsProps): React.JSX.Element | null;
47
60
 
48
61
  interface PublicationsProps {
49
62
  publications: LocalizedPublication[];
63
+ locale?: LocaleTag;
50
64
  }
51
- declare function Publications({ publications }: PublicationsProps): React.JSX.Element | null;
65
+ declare function Publications({ publications, locale, }: PublicationsProps): React.JSX.Element | null;
52
66
 
53
67
  interface LanguagesProps {
54
68
  languages: LocalizedLanguage[];
69
+ locale?: LocaleTag;
70
+ }
71
+ declare function Languages({ languages, locale }: LanguagesProps): React.JSX.Element | null;
72
+
73
+ interface TestScoresProps {
74
+ testScores: LocalizedTestScore[];
75
+ locale?: LocaleTag;
55
76
  }
56
- declare function Languages({ languages }: LanguagesProps): React.JSX.Element | null;
77
+ declare function TestScores({ testScores, locale, }: TestScoresProps): React.JSX.Element | null;
57
78
 
58
79
  interface CoursesProps {
59
80
  courses: LocalizedCourse[];
81
+ locale?: LocaleTag;
60
82
  }
61
- declare function Courses({ courses }: CoursesProps): React.JSX.Element | null;
83
+ declare function Courses({ courses, locale }: CoursesProps): React.JSX.Element | null;
62
84
 
63
85
  interface PatentsProps {
64
86
  patents: LocalizedPatent[];
87
+ locale?: LocaleTag;
65
88
  }
66
- declare function Patents({ patents }: PatentsProps): React.JSX.Element | null;
89
+ declare function Patents({ patents, locale }: PatentsProps): React.JSX.Element | null;
67
90
 
68
91
  interface ProjectsListProps {
69
92
  projects: LocalizedProject[];
93
+ locale?: LocaleTag;
70
94
  }
71
- declare function ProjectsList({ projects }: ProjectsListProps): React.JSX.Element | null;
95
+ declare function ProjectsList({ projects, locale, }: ProjectsListProps): React.JSX.Element | null;
72
96
 
73
97
  interface SkillsListProps {
74
98
  skills: Skill[];
99
+ locale?: LocaleTag;
75
100
  }
76
- declare function SkillsList({ skills }: SkillsListProps): React.JSX.Element | null;
101
+ declare function SkillsList({ skills, locale }: SkillsListProps): React.JSX.Element | null;
77
102
 
78
103
  interface ContactInfoProps {
79
104
  contact: Contact;
105
+ locale?: LocaleTag;
80
106
  }
81
- declare function ContactInfo({ contact }: ContactInfoProps): React.JSX.Element | null;
107
+ declare function ContactInfo({ contact, locale, }: ContactInfoProps): React.JSX.Element | null;
82
108
 
83
109
  declare function Footer(): React.JSX.Element;
84
110
 
@@ -98,4 +124,4 @@ interface TakuhonHeadProps {
98
124
  }
99
125
  declare function TakuhonHead({ data, siteUrl, pageUrl }: TakuhonHeadProps): React.JSX.Element;
100
126
 
101
- export { CareerTimeline, type CareerTimelineProps, Certifications, type CertificationsProps, ContactInfo, type ContactInfoProps, Courses, type CoursesProps, EducationTimeline, type EducationTimelineProps, Footer, HonorsList, type HonorsListProps, Languages, type LanguagesProps, LinksList, type LinksListProps, LocaleSwitcher, type LocaleSwitcherProps, Memberships, type MembershipsProps, Patents, type PatentsProps, ProfileHeader, type ProfileHeaderProps, ProjectsList, type ProjectsListProps, Publications, type PublicationsProps, SkillsList, type SkillsListProps, TakuhonHead, type TakuhonHeadProps, TakuhonProfile, type TakuhonProfileProps, Volunteering, type VolunteeringProps };
127
+ export { CareerTimeline, type CareerTimelineProps, Certifications, type CertificationsProps, ContactInfo, type ContactInfoProps, Courses, type CoursesProps, EducationTimeline, type EducationTimelineProps, Footer, HonorsList, type HonorsListProps, Languages, type LanguagesProps, LinksList, type LinksListProps, LocaleSwitcher, type LocaleSwitcherProps, Memberships, type MembershipsProps, Patents, type PatentsProps, ProfileHeader, type ProfileHeaderProps, ProjectsList, type ProjectsListProps, Publications, type PublicationsProps, Recommendations, type RecommendationsProps, SkillsList, type SkillsListProps, TakuhonHead, type TakuhonHeadProps, TakuhonProfile, type TakuhonProfileProps, TestScores, type TestScoresProps, Volunteering, type VolunteeringProps };