From c0cfc0b01fccaf669e690c91d126158a15310630 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Toprak=20Ko=C3=A7?= <hello@toprak.dev>
Date: Fri, 10 Nov 2023 17:33:02 +0300
Subject: [PATCH] Added plain prop into classes and updated demos (#5279)

---
 components/doc/button/raisedtextdoc.js | 1 +
 components/doc/button/textdoc.js       | 1 +
 components/lib/button/ButtonBase.js    | 2 +-
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/doc/button/raisedtextdoc.js b/components/doc/button/raisedtextdoc.js
index 20630a3bef..9b8309acc9 100644
--- a/components/doc/button/raisedtextdoc.js
+++ b/components/doc/button/raisedtextdoc.js
@@ -64,6 +64,7 @@ export default function RaisedTextDemo() {
                 <Button label="Warning" severity="warning" text raised />
                 <Button label="Help" severity="help" text raised />
                 <Button label="Danger" severity="danger" text raised />
+                <Button label="Plain" plain text raised />
             </div>
             <DocSectionCode code={code} />
         </>
diff --git a/components/doc/button/textdoc.js b/components/doc/button/textdoc.js
index af8e838792..c5500fb7d3 100644
--- a/components/doc/button/textdoc.js
+++ b/components/doc/button/textdoc.js
@@ -64,6 +64,7 @@ export default function TextDemo() {
                 <Button label="Warning" severity="warning" text />
                 <Button label="Help" severity="help" text />
                 <Button label="Danger" severity="danger" text />
+                <Button label="Plain" plain text />
             </div>
             <DocSectionCode code={code} />
         </>
diff --git a/components/lib/button/ButtonBase.js b/components/lib/button/ButtonBase.js
index d4409853e7..f1677a01bb 100644
--- a/components/lib/button/ButtonBase.js
+++ b/components/lib/button/ButtonBase.js
@@ -12,7 +12,7 @@ const classes = {
         }),
     label: 'p-button-label p-c',
     root: ({ props, size, disabled }) =>
-        classNames('p-button p-component', {
+        classNames('p-button p-component', props?.plain ? 'p-button-plain' : '', {
             'p-button-icon-only': (props.icon || props.loading) && !props.label && !props.children,
             'p-button-vertical': (props.iconPos === 'top' || props.iconPos === 'bottom') && props.label,
             'p-disabled': disabled,