jsonresume-theme-marketing-narrative 0.2.3 → 0.2.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # jsonresume-theme-marketing-narrative
 
+## 0.2.4
+
+### Patch Changes
+
+- @jsonresume/core@0.3.2
+
 ## 0.2.3
 
 ### Patch Changes

package/dist/index.css

@@ -0,0 +1 @@
+:root{--resume-font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;--resume-font-serif: Cambria, Georgia, "Times New Roman", serif;--resume-font-mono: "Courier New", Courier, monospace;--resume-size-name: 36px;--resume-size-heading: 16px;--resume-size-subheading: 14px;--resume-size-body: 11px;--resume-size-small: 10px;--resume-weight-normal: 400;--resume-weight-medium: 500;--resume-weight-semibold: 600;--resume-weight-bold: 700;--resume-line-height-tight: 1.2;--resume-line-height-normal: 1.5;--resume-line-height-relaxed: 1.75;--resume-color-primary: #1a1a1a;--resume-color-secondary: #4a4a4a;--resume-color-accent: #2563eb;--resume-color-background: #ffffff;--resume-color-border: #e5e7eb;--resume-space-section: 24px;--resume-space-item: 16px;--resume-space-tight: 8px;--resume-space-margin: 48px;--resume-max-width: 660px;--resume-column-gap: 24px;--resume-radius-sm: 4px;--resume-radius-md: 8px;--resume-radius-lg: 12px;--resume-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--resume-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1)}[data-theme=modern]{--resume-color-primary: #0f172a;--resume-color-secondary: #475569;--resume-color-accent: #8b5cf6;--resume-font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}[data-theme=classic]{--resume-color-primary: #000000;--resume-color-secondary: #333333;--resume-color-accent: #0066cc;--resume-font-sans: Georgia, "Times New Roman", serif}[data-theme=minimal]{--resume-color-primary: #18181b;--resume-color-secondary: #71717a;--resume-color-accent: #000000;--resume-space-section: 32px;--resume-space-item: 20px}[data-theme=high-contrast]{--resume-color-primary: #000000;--resume-color-secondary: #000000;--resume-color-accent: #0000ff;--resume-color-background: #ffffff;--resume-color-border: #000000}@media print{:root{--resume-space-section: 18px;--resume-space-item: 12px}@page{size:A4;margin:.5in}.resume-section{page-break-inside:avoid}.resume-item{break-inside:avoid}p,li{widows:3;orphans:3}.resume-description{hyphens:auto}.no-print{display:none!important}}[dir=rtl]{text-align:right}[dir=rtl] .resume-item{padding-left:0;padding-right:var(--resume-space-tight)}

package/dist/index.js

@@ -41,38 +41,46 @@ var isPropValid = /* @__PURE__ */ memoize(
 function getDefaultExportFromCjs(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
 }
-var shallowequal = function shallowEqual(objA, objB, compare, compareContext) {
-  var ret = compare ? compare.call(compareContext, objA, objB) : void 0;
-  if (ret !== void 0) {
-    return !!ret;
-  }
-  if (objA === objB) {
-    return true;
-  }
-  if (typeof objA !== "object" || !objA || typeof objB !== "object" || !objB) {
-    return false;
-  }
-  var keysA = Object.keys(objA);
-  var keysB = Object.keys(objB);
-  if (keysA.length !== keysB.length) {
-    return false;
-  }
-  var bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB);
-  for (var idx = 0; idx < keysA.length; idx++) {
-    var key = keysA[idx];
-    if (!bHasOwnProperty(key)) {
+var shallowequal;
+var hasRequiredShallowequal;
+function requireShallowequal() {
+  if (hasRequiredShallowequal) return shallowequal;
+  hasRequiredShallowequal = 1;
+  shallowequal = function shallowEqual(objA, objB, compare, compareContext) {
+    var ret = compare ? compare.call(compareContext, objA, objB) : void 0;
+    if (ret !== void 0) {
+      return !!ret;
+    }
+    if (objA === objB) {
+      return true;
+    }
+    if (typeof objA !== "object" || !objA || typeof objB !== "object" || !objB) {
       return false;
     }
-    var valueA = objA[key];
-    var valueB = objB[key];
-    ret = compare ? compare.call(compareContext, valueA, valueB, key) : void 0;
-    if (ret === false || ret === void 0 && valueA !== valueB) {
+    var keysA = Object.keys(objA);
+    var keysB = Object.keys(objB);
+    if (keysA.length !== keysB.length) {
       return false;
     }
-  }
-  return true;
-};
-const p = /* @__PURE__ */ getDefaultExportFromCjs(shallowequal);
+    var bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB);
+    for (var idx = 0; idx < keysA.length; idx++) {
+      var key = keysA[idx];
+      if (!bHasOwnProperty(key)) {
+        return false;
+      }
+      var valueA = objA[key];
+      var valueB = objB[key];
+      ret = compare ? compare.call(compareContext, valueA, valueB, key) : void 0;
+      if (ret === false || ret === void 0 && valueA !== valueB) {
+        return false;
+      }
+    }
+    return true;
+  };
+  return shallowequal;
+}
+var shallowequalExports = requireShallowequal();
+const p = /* @__PURE__ */ getDefaultExportFromCjs(shallowequalExports);
 var MS = "-ms-";
 var MOZ = "-moz-";
 var WEBKIT = "-webkit-";
@@ -1519,6 +1527,7 @@ function formatDateRange({
   };
   const formatDate = (dateStr) => {
     if (!dateStr) return getPresentLabel();
+    const isDateOnlyIso = typeof dateStr === "string" && /^\d{4}(-\d{2}){0,2}$/.test(dateStr);
     const date = typeof dateStr === "string" ? new Date(dateStr) : dateStr;
     if (isNaN(date.getTime())) return dateStr;
     const monthFormats = {
@@ -1530,6 +1539,9 @@ function formatDateRange({
       ...monthFormats[format],
       year: "numeric"
     };
+    if (isDateOnlyIso) {
+      options.timeZone = "UTC";
+    }
     if (numberingSystem) {
       options.numberingSystem = numberingSystem;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jsonresume-theme-marketing-narrative",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "description": "Marketing professionals - your narrative and campaigns are the focus",
   "main": "./dist/index.js",
   "type": "module",
@@ -19,7 +19,7 @@
   },
   "dependencies": {
     "styled-components": "^6.1.19",
-    "@jsonresume/core": "0.3.1"
+    "@jsonresume/core": "0.3.2"
   },
   "exports": {
     ".": {
@@ -33,7 +33,7 @@
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^4.3.4",
-    "vite": "^5.4.21"
+    "vite": "^6.4.3"
   },
   "scripts": {
     "build": "vite build"

package/dist/style.css

@@ -1,139 +0,0 @@
-/**
- * Resume Core Design Tokens
- * Framework-agnostic CSS variables for theming
- * Based on 2025 resume best practices and ATS compatibility research
- */
-
-:root {
-  /* Typography - ATS-friendly fonts */
-  --resume-font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  --resume-font-serif: Cambria, Georgia, "Times New Roman", serif;
-  --resume-font-mono: "Courier New", Courier, monospace;
-
-  /* Font Sizes - Optimal readability */
-  --resume-size-name: 36px;        /* Large, prominent name */
-  --resume-size-heading: 16px;     /* Section titles */
-  --resume-size-subheading: 14px;  /* Job titles, degrees */
-  --resume-size-body: 11px;        /* Body text, descriptions */
-  --resume-size-small: 10px;       /* Dates, locations, metadata */
-
-  /* Font Weights */
-  --resume-weight-normal: 400;
-  --resume-weight-medium: 500;
-  --resume-weight-semibold: 600;
-  --resume-weight-bold: 700;
-
-  /* Line Heights */
-  --resume-line-height-tight: 1.2;
-  --resume-line-height-normal: 1.5;
-  --resume-line-height-relaxed: 1.75;
-
-  /* Colors - Professional Theme (default) */
-  --resume-color-primary: #1a1a1a;
-  --resume-color-secondary: #4a4a4a;
-  --resume-color-accent: #2563eb;
-  --resume-color-background: #ffffff;
-  --resume-color-border: #e5e7eb;
-
-  /* Spacing - Consistent rhythm */
-  --resume-space-section: 24px;   /* Between major sections */
-  --resume-space-item: 16px;      /* Between list items */
-  --resume-space-tight: 8px;      /* Within items */
-  --resume-space-margin: 48px;    /* Page margins */
-
-  /* Layout - Optimal line length */
-  --resume-max-width: 660px;      /* ~80 chars at body size */
-  --resume-column-gap: 24px;
-
-  /* Border Radius */
-  --resume-radius-sm: 4px;
-  --resume-radius-md: 8px;
-  --resume-radius-lg: 12px;
-
-  /* Shadows - Subtle depth */
-  --resume-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  --resume-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
-}
-
-/* Modern Theme Variant */
-[data-theme="modern"] {
-  --resume-color-primary: #0f172a;
-  --resume-color-secondary: #475569;
-  --resume-color-accent: #8b5cf6;
-  --resume-font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
-}
-
-/* Classic Theme Variant */
-[data-theme="classic"] {
-  --resume-color-primary: #000000;
-  --resume-color-secondary: #333333;
-  --resume-color-accent: #0066cc;
-  --resume-font-sans: Georgia, "Times New Roman", serif;
-}
-
-/* Minimal Theme Variant */
-[data-theme="minimal"] {
-  --resume-color-primary: #18181b;
-  --resume-color-secondary: #71717a;
-  --resume-color-accent: #000000;
-  --resume-space-section: 32px;
-  --resume-space-item: 20px;
-}
-
-/* High Contrast Variant (Accessibility) */
-[data-theme="high-contrast"] {
-  --resume-color-primary: #000000;
-  --resume-color-secondary: #000000;
-  --resume-color-accent: #0000ff;
-  --resume-color-background: #ffffff;
-  --resume-color-border: #000000;
-}
-
-/* Print Styles - ATS-Friendly PDF Export */
-@media print {
-  :root {
-    /* Optimize for print */
-    --resume-space-section: 18px;
-    --resume-space-item: 12px;
-  }
-
-  @page {
-    size: A4;
-    margin: 0.5in;
-  }
-
-  /* Prevent awkward breaks */
-  .resume-section {
-    page-break-inside: avoid;
-  }
-
-  .resume-item {
-    break-inside: avoid;
-  }
-
-  /* Widows and orphans control */
-  p, li {
-    widows: 3;
-    orphans: 3;
-  }
-
-  /* Hyphenation for long words */
-  .resume-description {
-    hyphens: auto;
-  }
-
-  /* Hide interactive elements */
-  .no-print {
-    display: none !important;
-  }
-}
-
-/* RTL Support */
-[dir="rtl"] {
-  text-align: right;
-}
-
-[dir="rtl"] .resume-item {
-  padding-left: 0;
-  padding-right: var(--resume-space-tight);
-}

package/src/styles.js

@@ -1,225 +0,0 @@
-import styled from 'styled-components';
-import { SectionTitle, ContactInfo } from '@jsonresume/core';
-
-export const Layout = styled.div`
-  max-width: 900px;
-  margin: 0 auto;
-  padding: 60px 50px;
-  background: white;
-  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
-    sans-serif;
-  color: #1f2937;
-  line-height: 1.9;
-
-  @media print {
-    padding: 40px;
-  }
-`;
-
-export const Header = styled.header`
-  margin-bottom: 60px;
-  text-align: center;
-`;
-
-export const Name = styled.h1`
-  font-size: 48px;
-  font-weight: 700;
-  color: #111827;
-  margin: 0 0 12px 0;
-  letter-spacing: -0.5px;
-`;
-
-export const Label = styled.div`
-  font-size: 18px;
-  color: #e11d48;
-  margin-bottom: 24px;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-`;
-
-export const StyledContactInfo = styled(ContactInfo)`
-  font-size: 15px;
-  justify-content: center;
-  margin-bottom: 30px;
-
-  a {
-    font-size: 15px;
-    color: #e11d48;
-    transition: opacity 0.2s;
-
-    &:hover {
-      opacity: 0.7;
-    }
-  }
-`;
-
-export const Summary = styled.div`
-  font-size: 17px;
-  line-height: 2;
-  color: #374151;
-  margin: 30px auto 0;
-  max-width: 800px;
-  font-weight: 400;
-  text-align: left;
-`;
-
-export const StyledSectionTitle = styled(SectionTitle)`
-  font-size: 24px;
-  font-weight: 700;
-  color: #e11d48;
-  margin: 50px 0 30px 0;
-  padding-bottom: 12px;
-  border-bottom: 3px solid #e11d48;
-  text-transform: uppercase;
-  letter-spacing: 1px;
-`;
-
-export const StoryItem = styled.div`
-  margin-bottom: 45px;
-  padding-bottom: 40px;
-  border-bottom: 1px solid #e5e7eb;
-
-  &:last-child {
-    margin-bottom: 0;
-    border-bottom: none;
-    padding-bottom: 0;
-  }
-`;
-
-export const StoryHeader = styled.div`
-  margin-bottom: 20px;
-`;
-
-export const Position = styled.h3`
-  font-size: 22px;
-  font-weight: 600;
-  color: #111827;
-  margin: 0 0 8px 0;
-  line-height: 1.4;
-`;
-
-export const CompanyAndDate = styled.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: baseline;
-  gap: 16px;
-  margin-bottom: 16px;
-
-  @media (max-width: 640px) {
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 6px;
-  }
-`;
-
-export const Company = styled.div`
-  font-size: 17px;
-  color: #e11d48;
-  font-weight: 600;
-`;
-
-export const DateText = styled.div`
-  font-size: 15px;
-  color: #6b7280;
-  font-weight: 500;
-  white-space: nowrap;
-`;
-
-export const Narrative = styled.div`
-  font-size: 16px;
-  line-height: 2;
-  color: #4b5563;
-  margin: 20px 0;
-`;
-
-export const Achievements = styled.div`
-  margin: 20px 0 0 0;
-`;
-
-export const AchievementItem = styled.div`
-  margin: 16px 0;
-  padding-left: 24px;
-  position: relative;
-  color: #374151;
-  line-height: 1.9;
-  font-size: 15px;
-
-  &:before {
-    content: '▸';
-    position: absolute;
-    left: 0;
-    color: #e11d48;
-    font-weight: 700;
-  }
-`;
-
-export const EducationItem = styled.div`
-  margin-bottom: 32px;
-  padding-bottom: 30px;
-  border-bottom: 1px solid #f3f4f6;
-
-  &:last-child {
-    margin-bottom: 0;
-    border-bottom: none;
-    padding-bottom: 0;
-  }
-`;
-
-export const Institution = styled.h3`
-  font-size: 20px;
-  font-weight: 600;
-  color: #111827;
-  margin: 0 0 10px 0;
-`;
-
-export const Degree = styled.div`
-  font-size: 16px;
-  color: #4b5563;
-  margin-bottom: 8px;
-  line-height: 1.8;
-`;
-
-export const EducationDate = styled.div`
-  font-size: 15px;
-  color: #6b7280;
-  font-weight: 500;
-`;
-
-export const SkillsGrid = styled.div`
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
-  gap: 24px;
-`;
-
-export const SkillCategory = styled.div`
-  padding: 20px;
-  background: #fef2f2;
-  border-radius: 8px;
-  border-left: 4px solid #e11d48;
-`;
-
-export const SkillName = styled.h4`
-  font-size: 16px;
-  font-weight: 600;
-  color: #e11d48;
-  margin: 0 0 12px 0;
-`;
-
-export const SkillTags = styled.div`
-  font-size: 15px;
-  color: #6b7280;
-  line-height: 1.8;
-`;
-
-export const QuoteBlock = styled.blockquote`
-  font-size: 17px;
-  line-height: 2;
-  color: #4b5563;
-  font-style: italic;
-  margin: 20px 0;
-  padding: 24px 30px;
-  background: #fef2f2;
-  border-left: 4px solid #e11d48;
-  border-radius: 4px;
-`;