From b175cfdc2039fae3b72f683be8dad2d318adad38 Mon Sep 17 00:00:00 2001
From: GitHub Actions Bot <>
Date: Mon, 28 Oct 2024 11:34:34 +0000
Subject: [PATCH 1/3] Update API doc

---
 apps/showcase/doc/common/apidoc/index.json  | 17 +++++++++++++++++
 packages/themes/types/treeselect/index.d.ts | 11 +++++++++++
 2 files changed, 28 insertions(+)

diff --git a/apps/showcase/doc/common/apidoc/index.json b/apps/showcase/doc/common/apidoc/index.json
index 985f0642d..08a1fe723 100644
--- a/apps/showcase/doc/common/apidoc/index.json
+++ b/apps/showcase/doc/common/apidoc/index.json
@@ -98643,6 +98643,14 @@
                             "default": "",
                             "description": "Used to pass tokens of the tree section"
                         },
+                        {
+                            "name": "clearIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the clear icon section"
+                        },
                         {
                             "name": "emptyMessage",
                             "optional": true,
@@ -98994,6 +99002,15 @@
                             "default": "",
                             "description": "Padding of tree"
                         },
+                        {
+                            "name": "clearIcon.color",
+                            "token": "treeselect.clear.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of clear icon"
+                        },
                         {
                             "name": "emptyMessage.padding",
                             "token": "treeselect.empty.message.padding",
diff --git a/packages/themes/types/treeselect/index.d.ts b/packages/themes/types/treeselect/index.d.ts
index a26d89d90..7cd9fc33b 100644
--- a/packages/themes/types/treeselect/index.d.ts
+++ b/packages/themes/types/treeselect/index.d.ts
@@ -262,6 +262,17 @@ export interface TreeSelectDesignTokens extends ColorSchemeDesignToken<TreeSelec
          */
         padding?: string;
     };
+    /**
+     * Used to pass tokens of the clear icon section
+     */
+    clearIcon?: {
+        /**
+         * Color of clear icon
+         *
+         * @designToken treeselect.clear.icon.color
+         */
+        color?: string;
+    };
     /**
      * Used to pass tokens of the empty message section
      */

From 1a2f6cceb12df452a93b29479b759f218bfad31a Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Mon, 28 Oct 2024 14:36:27 +0300
Subject: [PATCH 2/3] Fixed #6657 - Deprecate plain button in favor of Contrast

---
 apps/showcase/doc/button/RaisedTextDoc.vue     |  8 ++++----
 apps/showcase/doc/button/TextDoc.vue           |  8 ++++----
 .../primevue/src/button/style/ButtonStyle.js   | 18 ++++++++++++++++++
 .../themes/src/presets/aura/button/index.js    | 10 ++++++++++
 .../themes/src/presets/lara/button/index.js    | 10 ++++++++++
 .../src/presets/material/button/index.js       | 10 ++++++++++
 .../themes/src/presets/nora/button/index.js    | 10 ++++++++++
 7 files changed, 66 insertions(+), 8 deletions(-)

diff --git a/apps/showcase/doc/button/RaisedTextDoc.vue b/apps/showcase/doc/button/RaisedTextDoc.vue
index 7967cb05c..0b21edfea 100644
--- a/apps/showcase/doc/button/RaisedTextDoc.vue
+++ b/apps/showcase/doc/button/RaisedTextDoc.vue
@@ -10,7 +10,7 @@
         <Button label="Warn" severity="warn" text raised />
         <Button label="Help" severity="help" text raised />
         <Button label="Danger" severity="danger" text raised />
-        <Button label="Plain" plain text raised />
+        <Button label="Contrast" severity="contrast" text raised />
     </div>
     <DocSectionCode :code="code" />
 </template>
@@ -28,7 +28,7 @@ export default {
 <Button label="Warn" severity="warn" text raised />
 <Button label="Help" severity="help" text raised />
 <Button label="Danger" severity="danger" text raised />
-<Button label="Plain" plain text raised />
+<Button label="Contrast" severity="contrast" text raised />
 `,
                 options: `
 <template>
@@ -40,7 +40,7 @@ export default {
         <Button label="Warn" severity="warn" text raised />
         <Button label="Help" severity="help" text raised />
         <Button label="Danger" severity="danger" text raised />
-        <Button label="Plain" plain text raised />
+        <Button label="Contrast" severity="contrast" text raised />
     </div>
 </template>
 
@@ -57,7 +57,7 @@ export default {
         <Button label="Warn" severity="warn" text raised />
         <Button label="Help" severity="help" text raised />
         <Button label="Danger" severity="danger" text raised />
-        <Button label="Plain" plain text raised />
+        <Button label="Contrast" severity="contrast" text raised />
     </div>
 </template>
 
diff --git a/apps/showcase/doc/button/TextDoc.vue b/apps/showcase/doc/button/TextDoc.vue
index f4324300d..3d352b8cd 100644
--- a/apps/showcase/doc/button/TextDoc.vue
+++ b/apps/showcase/doc/button/TextDoc.vue
@@ -10,7 +10,7 @@
         <Button label="Warn" severity="warn" text />
         <Button label="Help" severity="help" text />
         <Button label="Danger" severity="danger" text />
-        <Button label="Plain" plain text />
+        <Button label="Contrast" severity="contrast" text />
     </div>
     <DocSectionCode :code="code" />
 </template>
@@ -28,7 +28,7 @@ export default {
 <Button label="Warn" severity="warn" text />
 <Button label="Help" severity="help" text />
 <Button label="Danger" severity="danger" text />
-<Button label="Plain" plain text />
+<Button label="Contrast" severity="contrast" text />
 `,
                 options: `
 <template>
@@ -40,7 +40,7 @@ export default {
         <Button label="Warn" severity="warn" text />
         <Button label="Help" severity="help" text />
         <Button label="Danger" severity="danger" text />
-        <Button label="Plain" plain text />
+        <Button label="Contrast" severity="contrast" text />
     </div>
 </template>
 
@@ -57,7 +57,7 @@ export default {
         <Button label="Warn" severity="warn" text />
         <Button label="Help" severity="help" text />
         <Button label="Danger" severity="danger" text />
-        <Button label="Plain" plain text />
+        <Button label="Contrast" severity="contrast" text />
     </div>
 </template>
 
diff --git a/packages/primevue/src/button/style/ButtonStyle.js b/packages/primevue/src/button/style/ButtonStyle.js
index d0fa7bffd..63fa8bb34 100644
--- a/packages/primevue/src/button/style/ButtonStyle.js
+++ b/packages/primevue/src/button/style/ButtonStyle.js
@@ -559,6 +559,24 @@ const theme = ({ dt }) => `
     color: ${dt('button.text.danger.color')};
 }
 
+.p-button-text.p-button-contrast {
+    background: transparent;
+    border-color: transparent;
+    color: ${dt('button.text.contrast.color')};
+}
+
+.p-button-text.p-button-contrast:not(:disabled):hover {
+    background: ${dt('button.text.contrast.hover.background')};
+    border-color: transparent;
+    color: ${dt('button.text.contrast.color')};
+}
+
+.p-button-text.p-button-contrast:not(:disabled):active {
+    background: ${dt('button.text.contrast.active.background')};
+    border-color: transparent;
+    color: ${dt('button.text.contrast.color')};
+}
+
 .p-button-text.p-button-plain {
     background: transparent;
     border-color: transparent;
diff --git a/packages/themes/src/presets/aura/button/index.js b/packages/themes/src/presets/aura/button/index.js
index ba501593d..dc7a9abed 100644
--- a/packages/themes/src/presets/aura/button/index.js
+++ b/packages/themes/src/presets/aura/button/index.js
@@ -244,6 +244,11 @@ export default {
                     activeBackground: '{red.100}',
                     color: '{red.500}'
                 },
+                contrast: {
+                    hoverBackground: '{surface.50}',
+                    activeBackground: '{surface.100}',
+                    color: '{surface.950}'
+                },
                 plain: {
                     hoverBackground: '{surface.50}',
                     activeBackground: '{surface.100}',
@@ -471,6 +476,11 @@ export default {
                     activeBackground: 'color-mix(in srgb, {red.400}, transparent 84%)',
                     color: '{red.400}'
                 },
+                contrast: {
+                    hoverBackground: '{surface.800}',
+                    activeBackground: '{surface.700}',
+                    color: '{surface.0}'
+                },
                 plain: {
                     hoverBackground: '{surface.800}',
                     activeBackground: '{surface.700}',
diff --git a/packages/themes/src/presets/lara/button/index.js b/packages/themes/src/presets/lara/button/index.js
index 294a33ec8..4198b3dd2 100644
--- a/packages/themes/src/presets/lara/button/index.js
+++ b/packages/themes/src/presets/lara/button/index.js
@@ -244,6 +244,11 @@ export default {
                     activeBackground: '{red.100}',
                     color: '{red.500}'
                 },
+                contrast: {
+                    hoverBackground: '{surface.50}',
+                    activeBackground: '{surface.100}',
+                    color: '{surface.950}'
+                },
                 plain: {
                     hoverBackground: '{surface.50}',
                     activeBackground: '{surface.100}',
@@ -471,6 +476,11 @@ export default {
                     activeBackground: 'color-mix(in srgb, {red.400}, transparent 84%)',
                     color: '{red.400}'
                 },
+                contrast: {
+                    hoverBackground: '{surface.800}',
+                    activeBackground: '{surface.700}',
+                    color: '{surface.0}'
+                },
                 plain: {
                     hoverBackground: '{surface.800}',
                     activeBackground: '{surface.700}',
diff --git a/packages/themes/src/presets/material/button/index.js b/packages/themes/src/presets/material/button/index.js
index 448cba3a5..1c1c100a7 100644
--- a/packages/themes/src/presets/material/button/index.js
+++ b/packages/themes/src/presets/material/button/index.js
@@ -244,6 +244,11 @@ export default {
                     activeBackground: '{red.100}',
                     color: '{red.500}'
                 },
+                contrast: {
+                    hoverBackground: '{surface.50}',
+                    activeBackground: '{surface.100}',
+                    color: '{surface.950}'
+                },
                 plain: {
                     hoverBackground: '{surface.50}',
                     activeBackground: '{surface.100}',
@@ -471,6 +476,11 @@ export default {
                     activeBackground: 'color-mix(in srgb, {red.400}, transparent 84%)',
                     color: '{red.400}'
                 },
+                contrast: {
+                    hoverBackground: '{surface.800}',
+                    activeBackground: '{surface.700}',
+                    color: '{surface.0}'
+                },
                 plain: {
                     hoverBackground: '{surface.800}',
                     activeBackground: '{surface.700}',
diff --git a/packages/themes/src/presets/nora/button/index.js b/packages/themes/src/presets/nora/button/index.js
index 5af916271..6f22942f0 100644
--- a/packages/themes/src/presets/nora/button/index.js
+++ b/packages/themes/src/presets/nora/button/index.js
@@ -244,6 +244,11 @@ export default {
                     activeBackground: '{red.100}',
                     color: '{red.600}'
                 },
+                contrast: {
+                    hoverBackground: '{surface.50}',
+                    activeBackground: '{surface.100}',
+                    color: '{surface.950}'
+                },
                 plain: {
                     hoverBackground: '{surface.50}',
                     activeBackground: '{surface.100}',
@@ -471,6 +476,11 @@ export default {
                     activeBackground: 'color-mix(in srgb, {red.400}, transparent 84%)',
                     color: '{red.500}'
                 },
+                contrast: {
+                    hoverBackground: '{surface.800}',
+                    activeBackground: '{surface.700}',
+                    color: '{surface.0}'
+                },
                 plain: {
                     hoverBackground: '{surface.800}',
                     activeBackground: '{surface.700}',

From 5e15cff836c9ed36e94b0330296d9a8220bc077e Mon Sep 17 00:00:00 2001
From: GitHub Actions Bot <>
Date: Mon, 28 Oct 2024 11:37:42 +0000
Subject: [PATCH 3/3] Update API doc

---
 apps/showcase/doc/common/apidoc/index.json | 27 ++++++++++++++++++++++
 packages/themes/types/button/index.d.ts    | 23 ++++++++++++++++++
 2 files changed, 50 insertions(+)

diff --git a/apps/showcase/doc/common/apidoc/index.json b/apps/showcase/doc/common/apidoc/index.json
index 08a1fe723..efb39727d 100644
--- a/apps/showcase/doc/common/apidoc/index.json
+++ b/apps/showcase/doc/common/apidoc/index.json
@@ -76868,6 +76868,33 @@
                             "default": "",
                             "description": "Danger color of text"
                         },
+                        {
+                            "name": "contrast.hoverBackground",
+                            "token": "button.text.contrast.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Contrast hover background of text"
+                        },
+                        {
+                            "name": "contrast.activeBackground",
+                            "token": "button.text.contrast.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Contrast active background of text"
+                        },
+                        {
+                            "name": "contrast.color",
+                            "token": "button.text.contrast.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Contrast color of text"
+                        },
                         {
                             "name": "plain.hoverBackground",
                             "token": "button.text.plain.hover.background",
diff --git a/packages/themes/types/button/index.d.ts b/packages/themes/types/button/index.d.ts
index 1b51ffccb..d9e2cf2a5 100644
--- a/packages/themes/types/button/index.d.ts
+++ b/packages/themes/types/button/index.d.ts
@@ -1189,6 +1189,29 @@ export interface ButtonDesignTokens extends ColorSchemeDesignToken<ButtonDesignT
              */
             color?: string;
         };
+        /**
+         * Contrast of text
+         */
+        contrast?: {
+            /**
+             * Contrast hover background of text
+             *
+             * @designToken button.text.contrast.hover.background
+             */
+            hoverBackground?: string;
+            /**
+             * Contrast active background of text
+             *
+             * @designToken button.text.contrast.active.background
+             */
+            activeBackground?: string;
+            /**
+             * Contrast color of text
+             *
+             * @designToken button.text.contrast.color
+             */
+            color?: string;
+        };
         /**
          * Plain of text
          */