From cdf7bc4ed49adfaa1373f7f8c87de2fe321cf19b Mon Sep 17 00:00:00 2001
From: nflnkr <105123049+nflnkr@users.noreply.github.com>
Date: Fri, 1 Sep 2023 15:30:37 +0300
Subject: [PATCH] minor fixes

---
 lib/components/theme.ts |  2 ++
 package.json            |  2 +-
 src/App.tsx             | 28 ++++++++++++++++++++++++++++
 3 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/lib/components/theme.ts b/lib/components/theme.ts
index d2c904c..c05ccb0 100644
--- a/lib/components/theme.ts
+++ b/lib/components/theme.ts
@@ -557,6 +557,7 @@ declare module "@mui/material/styles" {
         p1: React.CSSProperties;
         price: React.CSSProperties;
         oldPrice: React.CSSProperties;
+        t1: React.CSSProperties;
         "pena-card-header1": React.CSSProperties;
         "pena-h1": React.CSSProperties;
         "pena-h3": React.CSSProperties;
@@ -566,6 +567,7 @@ declare module "@mui/material/styles" {
         p1?: React.CSSProperties;
         price?: React.CSSProperties;
         oldPrice?: React.CSSProperties;
+        t1?: React.CSSProperties;
         "pena-card-header1"?: React.CSSProperties;
         "pena-h1"?: React.CSSProperties;
         "pena-h3"?: React.CSSProperties;
diff --git a/package.json b/package.json
index 3358ab7..e64ee19 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@frontend/kitui",
-    "version": "1.0.48",
+    "version": "1.0.49",
     "description": "test",
     "main": "./dist/index.js",
     "module": "./dist/index.js",
diff --git a/src/App.tsx b/src/App.tsx
index 7c47fb6..3657acb 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -109,10 +109,38 @@ export function App() {
                         page={1}
                     />}
                 />
+                <ComponentWithCode
+                    code={`<Typography variant="infographic">Some text</Typography>`}
+                    element={<Typography variant="infographic">Lorem ipsum dolor sit amet</Typography>}
+                />
+                <ComponentWithCode
+                    code={`<Typography variant="p1">Some text</Typography>`}
+                    element={<Typography variant="p1">Lorem ipsum dolor sit amet</Typography>}
+                />
+                <ComponentWithCode
+                    code={`<Typography variant="price">Some text</Typography>`}
+                    element={<Typography variant="price">Lorem ipsum dolor sit amet</Typography>}
+                />
+                <ComponentWithCode
+                    code={`<Typography variant="oldPrice">Some text</Typography>`}
+                    element={<Typography variant="oldPrice">Lorem ipsum dolor sit amet</Typography>}
+                />
+                <ComponentWithCode
+                    code={`<Typography variant="t1">Some text</Typography>`}
+                    element={<Typography variant="t1">Lorem ipsum dolor sit amet</Typography>}
+                />
+                <ComponentWithCode
+                    code={`<Typography variant="pena-card-header1">Some text</Typography>`}
+                    element={<Typography variant="pena-card-header1">Lorem ipsum dolor sit amet</Typography>}
+                />
                 <ComponentWithCode
                     code={`<Typography variant="pena-h1">Some text</Typography>`}
                     element={<Typography variant="pena-h1">Lorem ipsum dolor sit amet</Typography>}
                 />
+                <ComponentWithCode
+                    code={`<Typography variant="pena-h3">Some text</Typography>`}
+                    element={<Typography variant="pena-h3">Lorem ipsum dolor sit amet</Typography>}
+                />
                 <Typography variant="h4">Colors</Typography>
                 <Typography variant="body2">Click text to copy</Typography>
                 <Box sx={{