From 97856e83ad07af2fa06faf1f55e818cec6ea4b98 Mon Sep 17 00:00:00 2001
From: artem ash <artemisprimedev@gmail.com>
Date: Sat, 3 Feb 2024 10:59:16 -0800
Subject: [PATCH] @0.2.9: typo inherits text alignment

---
 pkgs/luxdefi-ui/package.json                           |  2 +-
 pkgs/luxdefi-ui/style/lux-tw-base-layer.css            |  4 ++++
 .../tailwind/typo-plugin/get-plugin-styles.js          | 10 +++++++++-
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/pkgs/luxdefi-ui/package.json b/pkgs/luxdefi-ui/package.json
index dc7e83af..6889b56b 100644
--- a/pkgs/luxdefi-ui/package.json
+++ b/pkgs/luxdefi-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@luxdefi/ui",
-  "version": "0.2.8",
+  "version": "0.2.9",
   "description": "Library that contains shared UI primitives, styles, and core types",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
diff --git a/pkgs/luxdefi-ui/style/lux-tw-base-layer.css b/pkgs/luxdefi-ui/style/lux-tw-base-layer.css
index 313998f7..7a29f9fa 100644
--- a/pkgs/luxdefi-ui/style/lux-tw-base-layer.css
+++ b/pkgs/luxdefi-ui/style/lux-tw-base-layer.css
@@ -9,6 +9,10 @@
     /* required on iOS */
   }
   
+  .text-align-inherit {
+    text-align: inherit;
+  }
+
   :root, .lux-light-theme {
     --lx-fg-0: hsl(0 0% 0%);
     --lx-fg-body: hsl(0 0% 10%);
diff --git a/pkgs/luxdefi-ui/tailwind/typo-plugin/get-plugin-styles.js b/pkgs/luxdefi-ui/tailwind/typo-plugin/get-plugin-styles.js
index 8c6d60d5..f20be58c 100644
--- a/pkgs/luxdefi-ui/tailwind/typo-plugin/get-plugin-styles.js
+++ b/pkgs/luxdefi-ui/tailwind/typo-plugin/get-plugin-styles.js
@@ -31,7 +31,9 @@ const defaultCSS = {
 
   color: 'var(--tw-prose-body)',
 // YUCK  maxWidth: '65ch',
-  p: {}, // Required to maintain correct order when merging
+  p: {
+    textAlign: 'inherit'
+  }, // Required to maintain correct order when merging
   'p:first-child': {},
   'p:last-child': {},
   a: {
@@ -87,25 +89,31 @@ const defaultCSS = {
   h1: {
     color: 'var(--tw-prose-headings)',
     fontWeight: '800',
+    textAlign: 'inherit'
   },
   h2: {
     color: 'var(--tw-prose-headings)',
     fontWeight: '700',
+    textAlign: 'inherit'
   },
   h3: {
     color: 'var(--tw-prose-headings)',
     fontWeight: '600',
+    textAlign: 'inherit'
   },
   h4: {
     color: 'var(--tw-prose-headings)',
     fontWeight: '600',
+    textAlign: 'inherit'
   },
   h5: {
     color: 'var(--tw-prose-headings)',
     fontWeight: '600',
+    textAlign: 'inherit'
   },
   h6: {
     color: 'var(--tw-prose-headings)',
+    textAlign: 'inherit'
   },
   img: {},
   'img:first-child': {