From 54fdc0447a9ec0f6387e488291d646371540fb3a Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Sat, 25 May 2024 13:21:50 +0300
Subject: [PATCH] Update ScrollTop visuals

---
 components/lib/scrolltop/BaseScrollTop.vue |  2 +-
 components/lib/scrolltop/ScrollTop.d.ts    |  2 +-
 doc/scrolltop/ElementDoc.vue               | 48 ++--------------------
 3 files changed, 6 insertions(+), 46 deletions(-)

diff --git a/components/lib/scrolltop/BaseScrollTop.vue b/components/lib/scrolltop/BaseScrollTop.vue
index 369a88a61..d02be4ea8 100644
--- a/components/lib/scrolltop/BaseScrollTop.vue
+++ b/components/lib/scrolltop/BaseScrollTop.vue
@@ -25,7 +25,7 @@ export default {
         buttonProps: {
             type: Object,
             default: () => {
-                return { severity: 'secondary' };
+                return { rounded: true };
             }
         }
     },
diff --git a/components/lib/scrolltop/ScrollTop.d.ts b/components/lib/scrolltop/ScrollTop.d.ts
index 9cfbf5c67..8c0fb34d8 100644
--- a/components/lib/scrolltop/ScrollTop.d.ts
+++ b/components/lib/scrolltop/ScrollTop.d.ts
@@ -132,7 +132,7 @@ export interface ScrollTopProps {
     /**
      * Used to pass all properties of the ButtonProps to the Button component.
      * @type {ButtonProps}
-     * @defaultValue { severity: 'secondary', rounded: true }
+     * @defaultValue { rounded: true }
      */
     buttonProps?: object | undefined;
     /**
diff --git a/doc/scrolltop/ElementDoc.vue b/doc/scrolltop/ElementDoc.vue
index a46b343a4..245e850bc 100644
--- a/doc/scrolltop/ElementDoc.vue
+++ b/doc/scrolltop/ElementDoc.vue
@@ -11,17 +11,7 @@
                 dictum sit amet. Tristique senectus et netus et malesuada fames ac turpis egestas. Et tortor consequat id porta nibh venenatis cras sed. Diam maecenas ultricies mi eget mauris. Eget egestas purus viverra accumsan in nisl nisi.
                 Suscipit adipiscing bibendum est ultricies integer. Mattis aliquam faucibus purus in massa tempor nec.
             </p>
-            <ScrollTop
-                target="parent"
-                :threshold="100"
-                icon="pi pi-arrow-up"
-                :pt="{
-                    button: {
-                        root: 'w-8 h-8 rounded bg-primary text-primary-contrast',
-                        icon: 'text-base w-4 h-4'
-                    }
-                }"
-            />
+            <ScrollTop target="parent" :threshold="100" icon="pi pi-arrow-up" :buttonProps="{ severity: 'contrast', raised: true, rounded: true }" />
         </ScrollPanel>
     </div>
     <DocSectionCode :code="code" />
@@ -41,17 +31,7 @@ export default {
         dictum sit amet. Tristique senectus et netus et malesuada fames ac turpis egestas. Et tortor consequat id porta nibh venenatis cras sed. Diam maecenas ultricies mi eget mauris. Eget egestas purus viverra accumsan in nisl nisi.
         Suscipit adipiscing bibendum est ultricies integer. Mattis aliquam faucibus purus in massa tempor nec.
     </p>
-    <ScrollTop
-        target="parent"
-        :threshold="100"
-        icon="pi pi-arrow-up"
-        :pt="{
-            button: {
-                root: 'w-8 h-8 rounded bg-primary text-primary-contrast',
-                icon: 'text-base w-4 h-4'
-            }
-        }"
-    />
+    <ScrollTop target="parent" :threshold="100" icon="pi pi-arrow-up" :buttonProps="{ severity: 'contrast', raised: true, rounded: true }" />
 </ScrollPanel>
 `,
                 options: `
@@ -65,17 +45,7 @@ export default {
                 dictum sit amet. Tristique senectus et netus et malesuada fames ac turpis egestas. Et tortor consequat id porta nibh venenatis cras sed. Diam maecenas ultricies mi eget mauris. Eget egestas purus viverra accumsan in nisl nisi.
                 Suscipit adipiscing bibendum est ultricies integer. Mattis aliquam faucibus purus in massa tempor nec.
             </p>
-            <ScrollTop
-                target="parent"
-                :threshold="100"
-                icon="pi pi-arrow-up"
-                :pt="{
-                    button: {
-                        root: 'w-8 h-8 rounded bg-primary text-primary-contrast',
-                        icon: 'text-base w-4 h-4'
-                    }
-                }"
-            />
+            <ScrollTop target="parent" :threshold="100" icon="pi pi-arrow-up" :buttonProps="{ severity: 'contrast', raised: true, rounded: true }" />
         </ScrollPanel>
     </div>
 </template>
@@ -91,17 +61,7 @@ export default {
                 dictum sit amet. Tristique senectus et netus et malesuada fames ac turpis egestas. Et tortor consequat id porta nibh venenatis cras sed. Diam maecenas ultricies mi eget mauris. Eget egestas purus viverra accumsan in nisl nisi.
                 Suscipit adipiscing bibendum est ultricies integer. Mattis aliquam faucibus purus in massa tempor nec.
             </p>
-            <ScrollTop
-                target="parent"
-                :threshold="100"
-                icon="pi pi-arrow-up"
-                :pt="{
-                    button: {
-                        root: 'w-8 h-8 rounded bg-primary text-primary-contrast',
-                        icon: 'text-base w-4 h-4'
-                    }
-                }"
-            />
+            <ScrollTop target="parent" :threshold="100" icon="pi pi-arrow-up" :buttonProps="{ severity: 'contrast', raised: true, rounded: true }" />
         </ScrollPanel>
     </div>
 </template>