From 20abb7f837a5a94fa52ea5d2853fc42582d135bc Mon Sep 17 00:00:00 2001
From: Philipp Kunz <gitlab@philkunz.com>
Date: Thu, 5 Dec 2024 20:20:29 +0100
Subject: [PATCH] fix(styling): Consolidated shared styles for consistent font
 applied across various components.

---
 changelog.md                      | 6 ++++++
 ts/00_commitinfo_data.ts          | 2 +-
 ts_web/00_commitinfo_data.ts      | 2 +-
 ts_web/elements/contentinvoice.ts | 4 +++-
 ts_web/elements/letterheader.ts   | 2 ++
 ts_web/elements/pagecontent.ts    | 3 ++-
 ts_web/elements/pagefooter.ts     | 2 ++
 ts_web/elements/pageheader.ts     | 2 ++
 ts_web/style.ts                   | 7 +++++++
 9 files changed, 26 insertions(+), 4 deletions(-)
 create mode 100644 ts_web/style.ts

diff --git a/changelog.md b/changelog.md
index a9da30d..054d884 100644
--- a/changelog.md
+++ b/changelog.md
@@ -1,5 +1,11 @@
 # Changelog
 
+## 2024-12-05 - 1.6.4 - fix(styling)
+Consolidated shared styles for consistent font applied across various components.
+
+- Added a shared style file for consistent font family across components
+- Applied shared style to contentinvoice, letterheader, pagecontent, pagefooter, and pageheader components
+
 ## 2024-12-05 - 1.6.3 - fix(ui)
 Corrects font family in contentinvoice element.
 
diff --git a/ts/00_commitinfo_data.ts b/ts/00_commitinfo_data.ts
index 53e5a84..aecf9a5 100644
--- a/ts/00_commitinfo_data.ts
+++ b/ts/00_commitinfo_data.ts
@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-document',
-  version: '1.6.3',
+  version: '1.6.4',
   description: 'A sophisticated framework for dynamically generating and rendering business documents like invoices with modern web technologies, featuring PDF creation, templating, and automation.'
 }
diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts
index 53e5a84..aecf9a5 100644
--- a/ts_web/00_commitinfo_data.ts
+++ b/ts_web/00_commitinfo_data.ts
@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-document',
-  version: '1.6.3',
+  version: '1.6.4',
   description: 'A sophisticated framework for dynamically generating and rendering business documents like invoices with modern web technologies, featuring PDF creation, templating, and automation.'
 }
diff --git a/ts_web/elements/contentinvoice.ts b/ts_web/elements/contentinvoice.ts
index 9daedf6..44377d7 100644
--- a/ts_web/elements/contentinvoice.ts
+++ b/ts_web/elements/contentinvoice.ts
@@ -16,6 +16,8 @@ import {
 } from '@design.estate/dees-element';
 import * as plugins from '../plugins.js';
 
+import { dedocumentSharedStyle } from '../style.js';
+
 
 declare global {
   interface HTMLElementTagNameMap {
@@ -56,10 +58,10 @@ export class DeContentInvoice extends DeesElement {
 
   public static styles = [
     domtools.elementBasic.staticStyles,
+    dedocumentSharedStyle,
     css`
       :host {
         color: #333;
-        font-family: 'Exo 2';
       }
 
       .trimmedContent {
diff --git a/ts_web/elements/letterheader.ts b/ts_web/elements/letterheader.ts
index c21219f..f301a1c 100644
--- a/ts_web/elements/letterheader.ts
+++ b/ts_web/elements/letterheader.ts
@@ -11,6 +11,7 @@ import {
 } from '@design.estate/dees-element';
 
 import * as plugins from '../plugins.js';
+import { dedocumentSharedStyle } from '../style.js';
 
 declare global {
   interface HTMLElementTagNameMap {
@@ -49,6 +50,7 @@ export class DeLetterHeader extends DeesElement {
 
   public static styles = [
     domtools.elementBasic.staticStyles,
+    dedocumentSharedStyle,
     css`
       :host {
         color: #333;
diff --git a/ts_web/elements/pagecontent.ts b/ts_web/elements/pagecontent.ts
index e21eb32..0cf8693 100644
--- a/ts_web/elements/pagecontent.ts
+++ b/ts_web/elements/pagecontent.ts
@@ -11,6 +11,7 @@ import {
 } from '@design.estate/dees-element';
 
 import * as plugins from '../plugins.js';
+import { dedocumentSharedStyle } from '../style.js';
 
 declare global {
   interface HTMLElementTagNameMap {
@@ -46,10 +47,10 @@ export class DePageContent extends DeesElement {
 
   public static styles = [
     domtools.elementBasic.staticStyles,
+    dedocumentSharedStyle,
     css`
       :host {
         color: #333;
-        font-family: inherit;
       }
 
       .content {
diff --git a/ts_web/elements/pagefooter.ts b/ts_web/elements/pagefooter.ts
index bdc5458..a306b01 100644
--- a/ts_web/elements/pagefooter.ts
+++ b/ts_web/elements/pagefooter.ts
@@ -11,6 +11,7 @@ import {
 } from '@design.estate/dees-element';
 
 import * as plugins from '../plugins.js';
+import { dedocumentSharedStyle } from '../style.js';
 
 declare global {
   interface HTMLElementTagNameMap {
@@ -52,6 +53,7 @@ export class DePageFooter extends DeesElement {
 
   public static styles = [
     domtools.elementBasic.staticStyles,
+    dedocumentSharedStyle,
     css`
       :host {
         color: #333;
diff --git a/ts_web/elements/pageheader.ts b/ts_web/elements/pageheader.ts
index fe35ef3..e637b55 100644
--- a/ts_web/elements/pageheader.ts
+++ b/ts_web/elements/pageheader.ts
@@ -11,6 +11,7 @@ import {
 } from '@design.estate/dees-element';
 
 import * as plugins from '../plugins.js';
+import { dedocumentSharedStyle } from '../style.js';
 
 declare global {
   interface HTMLElementTagNameMap {
@@ -52,6 +53,7 @@ export class DePageHeader extends DeesElement {
 
   public static styles = [
     domtools.elementBasic.staticStyles,
+    dedocumentSharedStyle,
     css`
       :host {
         color: #333;
diff --git a/ts_web/style.ts b/ts_web/style.ts
new file mode 100644
index 0000000..b2eba4a
--- /dev/null
+++ b/ts_web/style.ts
@@ -0,0 +1,7 @@
+import { css } from '@design.estate/dees-element';
+
+export const dedocumentSharedStyle = css`
+  :host {
+    font-family: 'Exo 2';
+  }
+`;
\ No newline at end of file