@ansiversa/components 0.0.121 → 0.0.122

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/package.json +1 -1
  2. package/src/resume-templates/ResumeTemplateClassic.astro +1 -1
  3. package/src/resume-templates/ResumeTemplateExecutiveTimeline.astro +1 -1
  4. package/src/resume-templates/ResumeTemplateMinimal.astro +2 -15
  5. package/src/resume-templates/ResumeTemplateModernTwoTone.astro +1 -1
  6. package/src/styles/global.css +22 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ansiversa/components",
3
- "version": "0.0.121",
3
+ "version": "0.0.122",
4
4
  "description": "Shared UI components and layouts for the Ansiversa ecosystem",
5
5
  "type": "module",
6
6
  "exports": {
package/src/resume-templates/ResumeTemplateClassic.astro CHANGED
@@ -47,7 +47,7 @@ const declaration = data.declaration ?? {};
47
47
  const hasDeclaration = Boolean(declaration.text || declaration.place || declaration.name);
48
48
  ---
49
49
 
50
- <div class="resume-template bg-slate-100 text-slate-900 print:bg-white">
50
+ <div class="resume-template av-print-white bg-slate-100 text-slate-900 print:bg-white">
51
51
  <main class="mx-auto max-w-4xl p-4 sm:p-6">
52
52
  <section class="rounded-2xl bg-white p-6 shadow-sm ring-1 ring-slate-200 sm:p-10 print:shadow-none print:ring-0">
53
53
  <header class="av-print-avoid-break flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
package/src/resume-templates/ResumeTemplateExecutiveTimeline.astro CHANGED
@@ -41,7 +41,7 @@ const declaration = data.declaration ?? {};
41
41
  const hasDeclaration = Boolean(declaration.text || declaration.place || declaration.name);
42
42
  ---
43
43
 
44
- <div class="resume-template bg-slate-100 text-slate-900 print:bg-white">
44
+ <div class="resume-template av-print-white bg-slate-100 text-slate-900 print:bg-white">
45
45
  <main class="mx-auto max-w-4xl p-4 sm:p-6">
46
46
  <section class="rounded-2xl bg-white p-7 shadow-sm ring-1 ring-slate-200 sm:p-10 print:shadow-none print:ring-0">
47
47
  <header class="av-print-avoid-break flex flex-col gap-5 sm:flex-row sm:items-end sm:justify-between">
package/src/resume-templates/ResumeTemplateMinimal.astro CHANGED
@@ -41,20 +41,7 @@ const showSkillsAs = data.settings?.showSkillsAs ?? "levels";
41
41
  const declaration = data.declaration ?? {};
42
42
  const hasDeclaration = Boolean(declaration.text || declaration.place || declaration.name);
43
43
  ---
44
-
45
- <style>
46
- @media print {
47
- .resume-template a {
48
- text-decoration: none;
49
- color: inherit;
50
- }
51
- .resume-template {
52
- background: white;
53
- }
54
- }
55
- </style>
56
-
57
- <div class="resume-template bg-slate-100 text-slate-900 print:bg-white">
44
+ <div class="resume-template av-print-white bg-slate-100 text-slate-900 print:bg-white">
58
45
  <main class="mx-auto max-w-4xl p-4 sm:p-6">
59
46
  <section class="rounded-2xl bg-white p-8 shadow-sm ring-1 ring-slate-200 sm:p-12 print:shadow-none print:ring-0">
60
47
  <header class="space-y-4">
@@ -67,7 +54,7 @@ const hasDeclaration = Boolean(declaration.text || declaration.place || declarat
67
54
  <div class="text-sm text-slate-700 sm:text-right">
68
55
  <div class="flex flex-col gap-1">
69
56
  {contactLinks.map((item) => (
70
- <a class="underline underline-offset-4 hover:text-slate-900" href={item.href}>
57
+ <a class="underline underline-offset-4 hover:text-slate-900 print:no-underline" href={item.href}>
71
58
  {item.label}
72
59
  </a>
73
60
  ))}
package/src/resume-templates/ResumeTemplateModernTwoTone.astro CHANGED
@@ -46,7 +46,7 @@ const declaration = data.declaration ?? {};
46
46
  const hasDeclaration = Boolean(declaration.text || declaration.place || declaration.name);
47
47
  ---
48
48
 
49
- <div class="resume-template bg-slate-100 text-slate-900 print:bg-white">
49
+ <div class="resume-template av-print-white bg-slate-100 text-slate-900 print:bg-white">
50
50
  <main class="mx-auto max-w-4xl p-4 sm:p-6">
51
51
  <section class="overflow-hidden rounded-2xl bg-white shadow-sm ring-1 ring-slate-200 print:shadow-none print:ring-0">
52
52
  <div class="grid lg:grid-cols-12 print:grid-cols-1">
package/src/styles/global.css CHANGED
@@ -106,6 +106,15 @@
106
106
  scrollbar-color: rgba(148, 163, 184, 0.6) transparent;
107
107
  }
108
108
 
109
+ @media print {
110
+ html,
111
+ body {
112
+ background: #fff !important;
113
+ background-image: none !important;
114
+ color: #000 !important;
115
+ }
116
+ }
117
+
109
118
  body::-webkit-scrollbar {
110
119
  width: 8px;
111
120
  }
@@ -1980,6 +1989,19 @@
1980
1989
  page-break-inside: avoid;
1981
1990
  }
1982
1991
 
1992
+ @media print {
1993
+ .av-print-hide {
1994
+ display: none !important;
1995
+ }
1996
+
1997
+ .av-print-white {
1998
+ background: #fff !important;
1999
+ color: #000 !important;
2000
+ box-shadow: none !important;
2001
+ background-image: none !important;
2002
+ }
2003
+ }
2004
+
1983
2005
  /* Loading bar utility */
1984
2006
  .av-loading-bar {
1985
2007
  height: 4px;