From 664a0cfb3163ea002b9fb4979ccd2a0ed30584ef Mon Sep 17 00:00:00 2001
From: nflnkr <105123049+nflnkr@users.noreply.github.com>
Date: Mon, 4 Sep 2023 16:00:45 +0300
Subject: [PATCH] add button variant

---
 lib/components/theme.ts | 18 +++++++++++++++++-
 package.json            |  2 +-
 src/App.tsx             |  4 ++++
 3 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/lib/components/theme.ts b/lib/components/theme.ts
index c05ccb0..dae5a6a 100644
--- a/lib/components/theme.ts
+++ b/lib/components/theme.ts
@@ -278,6 +278,21 @@ export const penaMuiTheme = createTheme({
                         }
                     }),
                 },
+                {
+                    props: {
+                        variant: "pena-text",
+                    },
+                    style: ({ theme }) => ({
+                        color: theme.palette.purple.main,
+                        padding: 0,
+                        textTransform: "none",
+                        textDecoration: "underline",
+                        textUnderlineOffset: "7px",
+                        fontSize: "16px",
+                        fontWeight: 500,
+                        lineHeight: "20px",
+                    }),
+                },
             ],
             defaultProps: {
                 disableTouchRipple: true,
@@ -441,7 +456,7 @@ export const penaMuiTheme = createTheme({
             fontWeight: 400,
             fontSize: "18px",
             lineHeight: "21.33px",
-        }, 
+        },
         fontFamily: [
             "Rubik",
             "-apple-system",
@@ -530,6 +545,7 @@ declare module '@mui/material/Button' {
         "pena-navitem-dark": true;
         "pena-contained-white1": true;
         "pena-contained-white2": true;
+        "pena-text": true;
     }
 }
 
diff --git a/package.json b/package.json
index e64ee19..95df6cd 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@frontend/kitui",
-    "version": "1.0.49",
+    "version": "1.0.50",
     "description": "test",
     "main": "./dist/index.js",
     "module": "./dist/index.js",
diff --git a/src/App.tsx b/src/App.tsx
index 3657acb..e74e536 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -65,6 +65,10 @@ export function App() {
                     code={`<Button variant="pena-navitem-light">Подробнее</Button>`}
                     element={<Button variant="pena-navitem-light">Подробнее</Button>}
                 />
+                <ComponentWithCode
+                    code={`<Button variant="pena-text">Подробнее</Button>`}
+                    element={<Button variant="pena-text">Подробнее</Button>}
+                />
                 <ComponentWithCode
                     code={`<PenaLink>Подробнее</PenaLink>`}
                     element={<PenaLink href="/">Подробнее</PenaLink>}