add button variant

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;
     }
 }
 

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",

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>}