From 6c0e96fdcc7c410bd5e3203932f61e298e71ff5b Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Tue, 14 Jan 2025 14:52:34 +0300
Subject: [PATCH 1/8] Fixed #7092 - Change showClearButton as false and use
 FilterFillIcon for row filtering

---
 packages/primevue/src/column/BaseColumn.vue      | 2 +-
 packages/primevue/src/column/Column.d.ts         | 2 +-
 packages/primevue/src/datatable/ColumnFilter.vue | 6 ++++--
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/primevue/src/column/BaseColumn.vue b/packages/primevue/src/column/BaseColumn.vue
index 045400038..8b0a889b5 100644
--- a/packages/primevue/src/column/BaseColumn.vue
+++ b/packages/primevue/src/column/BaseColumn.vue
@@ -80,7 +80,7 @@ export default {
         },
         showClearButton: {
             type: Boolean,
-            default: true
+            default: false
         },
         showApplyButton: {
             type: Boolean,
diff --git a/packages/primevue/src/column/Column.d.ts b/packages/primevue/src/column/Column.d.ts
index e181a769f..fbc578ee0 100755
--- a/packages/primevue/src/column/Column.d.ts
+++ b/packages/primevue/src/column/Column.d.ts
@@ -431,7 +431,7 @@ export interface ColumnProps {
     showFilterOperator?: boolean | undefined;
     /**
      * Displays a button to clear the column filtering.
-     * @defaultValue true
+     * @defaultValue false
      */
     showClearButton?: boolean | undefined;
     /**
diff --git a/packages/primevue/src/datatable/ColumnFilter.vue b/packages/primevue/src/datatable/ColumnFilter.vue
index fc1e04d22..ec7bd5df6 100644
--- a/packages/primevue/src/datatable/ColumnFilter.vue
+++ b/packages/primevue/src/datatable/ColumnFilter.vue
@@ -17,7 +17,7 @@
             v-bind="{ ...getColumnPT('pcColumnFilterButton', ptmFilterMenuParams), ...filterButtonProps.filter }"
         >
             <template #icon="slotProps">
-                <component :is="filterIconTemplate || 'FilterIcon'" :class="slotProps.class" v-bind="getColumnPT('filterMenuIcon')" />
+                <component :is="filterIconTemplate || hasRowFilter() ? 'FilterFillIcon' : 'FilterIcon'" :class="slotProps.class" v-bind="getColumnPT('filterMenuIcon')" />
             </template>
         </Button>
         <Button
@@ -170,6 +170,7 @@ import { FilterOperator } from '@primevue/core/api';
 import BaseComponent from '@primevue/core/basecomponent';
 import { ConnectedOverlayScrollHandler } from '@primevue/core/utils';
 import FilterIcon from '@primevue/icons/filter';
+import FilterFillIcon from '@primevue/icons/filterfill';
 import FilterSlashIcon from '@primevue/icons/filterslash';
 import PlusIcon from '@primevue/icons/plus';
 import TrashIcon from '@primevue/icons/trash';
@@ -212,7 +213,7 @@ export default {
         },
         showClearButton: {
             type: Boolean,
-            default: true
+            default: false
         },
         showApplyButton: {
             type: Boolean,
@@ -718,6 +719,7 @@ export default {
         Button,
         Portal,
         FilterSlashIcon,
+        FilterFillIcon,
         FilterIcon,
         TrashIcon,
         PlusIcon

From d406c265593a1d420c4b8236e2b82ba64d8ef468 Mon Sep 17 00:00:00 2001
From: GitHub Actions Bot <>
Date: Tue, 14 Jan 2025 11:53:57 +0000
Subject: [PATCH 2/8] Update API doc

---
 apps/showcase/doc/common/apidoc/index.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/showcase/doc/common/apidoc/index.json b/apps/showcase/doc/common/apidoc/index.json
index 6914604e6..6feafbf5a 100644
--- a/apps/showcase/doc/common/apidoc/index.json
+++ b/apps/showcase/doc/common/apidoc/index.json
@@ -13463,7 +13463,7 @@
                             "optional": true,
                             "readonly": false,
                             "type": "boolean",
-                            "default": "true",
+                            "default": "false",
                             "description": "Displays a button to clear the column filtering."
                         },
                         {

From e427f85a6bd135c641b9d2830d8707fd034a9dc7 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Tue, 14 Jan 2025 14:59:22 +0300
Subject: [PATCH 3/8] Fixed #7086 - Refactor ToggleButton Implementation and
 Design Tokens

---
 .../togglebutton/style/ToggleButtonStyle.js   | 46 +++++++++----------
 .../src/presets/aura/togglebutton/index.js    | 18 +++++---
 .../src/presets/lara/togglebutton/index.js    | 12 +++--
 .../presets/material/togglebutton/index.js    | 12 +++--
 .../src/presets/nora/togglebutton/index.js    | 12 +++--
 packages/themes/types/togglebutton/index.d.ts | 34 +++++++++++---
 6 files changed, 89 insertions(+), 45 deletions(-)

diff --git a/packages/primevue/src/togglebutton/style/ToggleButtonStyle.js b/packages/primevue/src/togglebutton/style/ToggleButtonStyle.js
index f7d08c33c..95fe26261 100644
--- a/packages/primevue/src/togglebutton/style/ToggleButtonStyle.js
+++ b/packages/primevue/src/togglebutton/style/ToggleButtonStyle.js
@@ -5,8 +5,6 @@ const theme = ({ dt }) => `
     display: inline-flex;
     cursor: pointer;
     user-select: none;
-    align-items: center;
-    justify-content: center;
     overflow: hidden;
     position: relative;
     color: ${dt('togglebutton.color')};
@@ -24,35 +22,16 @@ const theme = ({ dt }) => `
 }
 
 .p-togglebutton-content {
-    position: relative;
     display: inline-flex;
+    flex: 1 1 auto;
     align-items: center;
     justify-content: center;
     gap: ${dt('togglebutton.gap')};
-}
-
-.p-togglebutton-label,
-.p-togglebutton-icon {
-    position: relative;
-    transition: none;
-}
-
-.p-togglebutton::before {
-    content: "";
+    padding: ${dt('togglebutton.content.padding')};
     background: transparent;
+    border-radius: ${dt('togglebutton.content.border.radius')};
     transition: background ${dt('togglebutton.transition.duration')}, color ${dt('togglebutton.transition.duration')}, border-color ${dt('togglebutton.transition.duration')},
             outline-color ${dt('togglebutton.transition.duration')}, box-shadow ${dt('togglebutton.transition.duration')};
-    position: absolute;
-    inset-inline-start: ${dt('togglebutton.content.left')};
-    inset-block-start: ${dt('togglebutton.content.top')};
-    width: calc(100% - calc(2 * ${dt('togglebutton.content.left')}));
-    height: calc(100% - calc(2 * ${dt('togglebutton.content.top')}));
-    border-radius: ${dt('togglebutton.border.radius')};
-}
-
-.p-togglebutton.p-togglebutton-checked::before {
-    background: ${dt('togglebutton.content.checked.background')};
-    box-shadow: ${dt('togglebutton.content.checked.shadow')};
 }
 
 .p-togglebutton:not(:disabled):not(.p-togglebutton-checked):hover {
@@ -66,6 +45,11 @@ const theme = ({ dt }) => `
     color: ${dt('togglebutton.checked.color')};
 }
 
+.p-togglebutton-checked .p-togglebutton-content {
+    background: ${dt('togglebutton.content.checked.background')};
+    box-shadow: ${dt('togglebutton.content.checked.shadow')};
+}
+
 .p-togglebutton:focus-visible {
     box-shadow: ${dt('togglebutton.focus.ring.shadow')};
     outline: ${dt('togglebutton.focus.ring.width')} ${dt('togglebutton.focus.ring.style')} ${dt('togglebutton.focus.ring.color')};
@@ -84,6 +68,12 @@ const theme = ({ dt }) => `
     color: ${dt('togglebutton.disabled.color')};
 }
 
+.p-togglebutton-label,
+.p-togglebutton-icon {
+    position: relative;
+    transition: none;
+}
+
 .p-togglebutton-icon {
     color: ${dt('togglebutton.icon.color')};
 }
@@ -105,10 +95,18 @@ const theme = ({ dt }) => `
     font-size: ${dt('togglebutton.sm.font.size')};
 }
 
+.p-togglebutton-sm .p-togglebutton-content {
+    padding: ${dt('togglebutton.content.sm.padding')};
+}
+
 .p-togglebutton-lg {
     padding: ${dt('togglebutton.lg.padding')};
     font-size: ${dt('togglebutton.lg.font.size')};
 }
+
+.p-togglebutton-lg .p-togglebutton-content {
+    padding: ${dt('togglebutton.content.lg.padding')};
+}
 `;
 
 const classes = {
diff --git a/packages/themes/src/presets/aura/togglebutton/index.js b/packages/themes/src/presets/aura/togglebutton/index.js
index 608d29106..0531c68c8 100644
--- a/packages/themes/src/presets/aura/togglebutton/index.js
+++ b/packages/themes/src/presets/aura/togglebutton/index.js
@@ -1,6 +1,6 @@
 export default {
     root: {
-        padding: '0.5rem 1rem',
+        padding: '0.25rem',
         borderRadius: '{content.border.radius}',
         gap: '0.5rem',
         fontWeight: '500',
@@ -18,20 +18,26 @@ export default {
         transitionDuration: '{form.field.transition.duration}',
         sm: {
             fontSize: '{form.field.sm.font.size}',
-            padding: '0.375rem 0.75rem'
+            padding: '0.25rem'
         },
         lg: {
             fontSize: '{form.field.lg.font.size}',
-            padding: '0.625rem 1.25rem'
+            padding: '0.25rem'
         }
     },
     icon: {
         disabledColor: '{form.field.disabled.color}'
     },
     content: {
-        left: '0.25rem',
-        top: '0.25rem',
-        checkedShadow: '0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04)'
+        padding: '0.25rem 0.75rem',
+        borderRadius: '{content.border.radius}',
+        checkedShadow: '0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04)',
+        sm: {
+            padding: '0.25rem 0.75rem'
+        },
+        lg: {
+            padding: '0.25rem 0.75rem'
+        }
     },
     colorScheme: {
         light: {
diff --git a/packages/themes/src/presets/lara/togglebutton/index.js b/packages/themes/src/presets/lara/togglebutton/index.js
index 554bd8464..4321de60a 100644
--- a/packages/themes/src/presets/lara/togglebutton/index.js
+++ b/packages/themes/src/presets/lara/togglebutton/index.js
@@ -39,10 +39,16 @@ export default {
         disabledColor: '{form.field.disabled.color}'
     },
     content: {
-        left: '0.25rem',
-        top: '0.25rem',
         checkedBackground: 'transparent',
-        checkedShadow: 'none'
+        checkedShadow: 'none',
+        padding: '0',
+        borderRadius: '0',
+        sm: {
+            padding: '0'
+        },
+        lg: {
+            padding: '0'
+        }
     },
     colorScheme: {
         light: {
diff --git a/packages/themes/src/presets/material/togglebutton/index.js b/packages/themes/src/presets/material/togglebutton/index.js
index 817b094c3..88f644dd7 100644
--- a/packages/themes/src/presets/material/togglebutton/index.js
+++ b/packages/themes/src/presets/material/togglebutton/index.js
@@ -38,10 +38,16 @@ export default {
         disabledColor: '{form.field.disabled.color}'
     },
     content: {
-        left: '0.25rem',
-        top: '0.25rem',
         checkedBackground: 'transparent',
-        checkedShadow: 'none'
+        checkedShadow: 'none',
+        padding: '0',
+        borderRadius: '0',
+        sm: {
+            padding: '0'
+        },
+        lg: {
+            padding: '0'
+        }
     },
     colorScheme: {
         light: {
diff --git a/packages/themes/src/presets/nora/togglebutton/index.js b/packages/themes/src/presets/nora/togglebutton/index.js
index 03606ddf9..18bad7828 100644
--- a/packages/themes/src/presets/nora/togglebutton/index.js
+++ b/packages/themes/src/presets/nora/togglebutton/index.js
@@ -39,10 +39,16 @@ export default {
         disabledColor: '{form.field.disabled.color}'
     },
     content: {
-        left: '0.25rem',
-        top: '0.25rem',
         checkedBackground: 'transparent',
-        checkedShadow: 'none'
+        checkedShadow: 'none',
+        padding: '0',
+        borderRadius: '0',
+        sm: {
+            padding: '0'
+        },
+        lg: {
+            padding: '0'
+        }
     },
     colorScheme: {
         light: {
diff --git a/packages/themes/types/togglebutton/index.d.ts b/packages/themes/types/togglebutton/index.d.ts
index bcfcfd57b..7c6ece7d0 100644
--- a/packages/themes/types/togglebutton/index.d.ts
+++ b/packages/themes/types/togglebutton/index.d.ts
@@ -221,17 +221,17 @@ export interface ToggleButtonDesignTokens extends ColorSchemeDesignToken<ToggleB
      */
     content?: {
         /**
-         * Left of content
+         * Padding of the content
          *
-         * @designToken togglebutton.content.left
+         * @designToken togglebutton.content.padding
          */
-        left?: string;
+        padding?: string;
         /**
-         * Top of content
+         * Border radius of the content
          *
-         * @designToken togglebutton.content.top
+         * @designToken togglebutton.border.radius
          */
-        top?: string;
+        borderRadius?: string;
         /**
          * Checked shadow of content
          *
@@ -244,5 +244,27 @@ export interface ToggleButtonDesignTokens extends ColorSchemeDesignToken<ToggleB
          * @designToken togglebutton.content.checked.background
          */
         checkedBackground?: string;
+        /**
+         * Sm of content
+         */
+        sm?: {
+            /**
+             * Sm padding of content
+             *
+             * @designToken togglebutton.content.sm.padding
+             */
+            padding?: string;
+        };
+        /**
+         * Lg of root
+         */
+        lg?: {
+            /**
+             * Lg padding of content
+             *
+             * @designToken togglebutton.content.lg.padding
+             */
+            padding?: string;
+        };
     };
 }

From a983a7fc712b8e1cd55e8c0ccd4ab7bbfa6d4de7 Mon Sep 17 00:00:00 2001
From: GitHub Actions Bot <>
Date: Tue, 14 Jan 2025 12:00:46 +0000
Subject: [PATCH 4/8] Update API doc

---
 apps/showcase/doc/common/apidoc/index.json    | 30 +++++++++++++++----
 packages/themes/types/togglebutton/index.d.ts | 20 ++++++-------
 pnpm-lock.yaml                                | 20 ++++++++-----
 3 files changed, 46 insertions(+), 24 deletions(-)

diff --git a/apps/showcase/doc/common/apidoc/index.json b/apps/showcase/doc/common/apidoc/index.json
index 6feafbf5a..c0e384c0c 100644
--- a/apps/showcase/doc/common/apidoc/index.json
+++ b/apps/showcase/doc/common/apidoc/index.json
@@ -98288,22 +98288,22 @@
                             "description": "Checked color of icon"
                         },
                         {
-                            "name": "content.left",
-                            "token": "togglebutton.content.left",
+                            "name": "content.padding",
+                            "token": "togglebutton.content.padding",
                             "optional": true,
                             "readonly": false,
                             "type": "string",
                             "default": "",
-                            "description": "Left of content"
+                            "description": "Padding of content"
                         },
                         {
-                            "name": "content.top",
-                            "token": "togglebutton.content.top",
+                            "name": "content.borderRadius",
+                            "token": "togglebutton.content.border.radius",
                             "optional": true,
                             "readonly": false,
                             "type": "string",
                             "default": "",
-                            "description": "Top of content"
+                            "description": "Border radius of content"
                         },
                         {
                             "name": "content.checkedShadow",
@@ -98314,6 +98314,24 @@
                             "default": "",
                             "description": "Checked shadow of content"
                         },
+                        {
+                            "name": "sm.padding",
+                            "token": "togglebutton.content.sm.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Sm padding of content"
+                        },
+                        {
+                            "name": "lg.padding",
+                            "token": "togglebutton.content.lg.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Lg padding of content"
+                        },
                         {
                             "name": "content.checkedBackground",
                             "token": "togglebutton.content.checked.background",
diff --git a/packages/themes/types/togglebutton/index.d.ts b/packages/themes/types/togglebutton/index.d.ts
index 7c6ece7d0..b1dadc869 100644
--- a/packages/themes/types/togglebutton/index.d.ts
+++ b/packages/themes/types/togglebutton/index.d.ts
@@ -221,15 +221,15 @@ export interface ToggleButtonDesignTokens extends ColorSchemeDesignToken<ToggleB
      */
     content?: {
         /**
-         * Padding of the content
+         * Padding of content
          *
          * @designToken togglebutton.content.padding
          */
         padding?: string;
         /**
-         * Border radius of the content
+         * Border radius of content
          *
-         * @designToken togglebutton.border.radius
+         * @designToken togglebutton.content.border.radius
          */
         borderRadius?: string;
         /**
@@ -238,12 +238,6 @@ export interface ToggleButtonDesignTokens extends ColorSchemeDesignToken<ToggleB
          * @designToken togglebutton.content.checked.shadow
          */
         checkedShadow?: string;
-        /**
-         * Checked background of content
-         *
-         * @designToken togglebutton.content.checked.background
-         */
-        checkedBackground?: string;
         /**
          * Sm of content
          */
@@ -256,7 +250,7 @@ export interface ToggleButtonDesignTokens extends ColorSchemeDesignToken<ToggleB
             padding?: string;
         };
         /**
-         * Lg of root
+         * Lg of content
          */
         lg?: {
             /**
@@ -266,5 +260,11 @@ export interface ToggleButtonDesignTokens extends ColorSchemeDesignToken<ToggleB
              */
             padding?: string;
         };
+        /**
+         * Checked background of content
+         *
+         * @designToken togglebutton.content.checked.background
+         */
+        checkedBackground?: string;
     };
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 08a8c3f05..480e76202 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -231,7 +231,7 @@ importers:
     devDependencies:
       '@nuxt/devtools':
         specifier: ^0.8.5
-        version: 0.8.5(nuxt@3.3.2(@types/node@18.19.70)(db0@0.2.1)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.30.1)(terser@5.37.0)(typescript@5.7.3))(rollup@4.30.1)
+        version: 0.8.5(nuxt@3.3.2(@types/node@18.19.70)(db0@0.2.1)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.30.1)(terser@5.37.0)(typescript@5.7.3))(rollup@4.30.1)(vite@6.0.7(@types/node@18.19.70)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))
       '@nuxt/eslint-config':
         specifier: ^0.2.0
         version: 0.2.0(eslint@8.57.1)
@@ -8234,12 +8234,13 @@ snapshots:
 
   '@nuxt/devalue@2.0.2': {}
 
-  '@nuxt/devtools-kit@0.8.5(magicast@0.3.5)(nuxt@3.3.2(@types/node@18.19.70)(db0@0.2.1)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.30.1)(terser@5.37.0)(typescript@5.7.3))(rollup@4.30.1)':
+  '@nuxt/devtools-kit@0.8.5(magicast@0.3.5)(nuxt@3.3.2(@types/node@18.19.70)(db0@0.2.1)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.30.1)(terser@5.37.0)(typescript@5.7.3))(rollup@4.30.1)(vite@6.0.7(@types/node@18.19.70)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))':
     dependencies:
       '@nuxt/kit': 3.15.1(magicast@0.3.5)(rollup@4.30.1)
       '@nuxt/schema': 3.15.1
       execa: 7.2.0
       nuxt: 3.3.2(@types/node@18.19.70)(db0@0.2.1)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.30.1)(terser@5.37.0)(typescript@5.7.3)
+      vite: 6.0.7(@types/node@18.19.70)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)
     transitivePeerDependencies:
       - magicast
       - rollup
@@ -8258,10 +8259,10 @@ snapshots:
       rc9: 2.1.2
       semver: 7.6.3
 
-  '@nuxt/devtools@0.8.5(nuxt@3.3.2(@types/node@18.19.70)(db0@0.2.1)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.30.1)(terser@5.37.0)(typescript@5.7.3))(rollup@4.30.1)':
+  '@nuxt/devtools@0.8.5(nuxt@3.3.2(@types/node@18.19.70)(db0@0.2.1)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.30.1)(terser@5.37.0)(typescript@5.7.3))(rollup@4.30.1)(vite@6.0.7(@types/node@18.19.70)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))':
     dependencies:
       '@antfu/utils': 0.7.10
-      '@nuxt/devtools-kit': 0.8.5(magicast@0.3.5)(nuxt@3.3.2(@types/node@18.19.70)(db0@0.2.1)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.30.1)(terser@5.37.0)(typescript@5.7.3))(rollup@4.30.1)
+      '@nuxt/devtools-kit': 0.8.5(magicast@0.3.5)(nuxt@3.3.2(@types/node@18.19.70)(db0@0.2.1)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.30.1)(terser@5.37.0)(typescript@5.7.3))(rollup@4.30.1)(vite@6.0.7(@types/node@18.19.70)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))
       '@nuxt/devtools-wizard': 0.8.5
       '@nuxt/kit': 3.15.1(magicast@0.3.5)(rollup@4.30.1)
       birpc: 0.2.19
@@ -8292,8 +8293,9 @@ snapshots:
       simple-git: 3.27.0
       sirv: 2.0.4
       unimport: 3.14.6(rollup@4.30.1)
-      vite-plugin-inspect: 0.7.42(@nuxt/kit@3.15.1(magicast@0.3.5)(rollup@4.30.1))(rollup@4.30.1)
-      vite-plugin-vue-inspector: 3.7.2
+      vite: 6.0.7(@types/node@18.19.70)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)
+      vite-plugin-inspect: 0.7.42(@nuxt/kit@3.15.1(magicast@0.3.5)(rollup@4.30.1))(rollup@4.30.1)(vite@6.0.7(@types/node@18.19.70)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))
+      vite-plugin-vue-inspector: 3.7.2(vite@6.0.7(@types/node@18.19.70)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))
       wait-on: 7.2.0
       which: 3.0.1
       ws: 8.18.0
@@ -14002,7 +14004,7 @@ snapshots:
       optionator: 0.9.4
       typescript: 5.7.3
 
-  vite-plugin-inspect@0.7.42(@nuxt/kit@3.15.1(magicast@0.3.5)(rollup@4.30.1))(rollup@4.30.1):
+  vite-plugin-inspect@0.7.42(@nuxt/kit@3.15.1(magicast@0.3.5)(rollup@4.30.1))(rollup@4.30.1)(vite@6.0.7(@types/node@18.19.70)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)):
     dependencies:
       '@antfu/utils': 0.7.10
       '@rollup/pluginutils': 5.1.4(rollup@4.30.1)
@@ -14012,13 +14014,14 @@ snapshots:
       open: 9.1.0
       picocolors: 1.1.1
       sirv: 2.0.4
+      vite: 6.0.7(@types/node@18.19.70)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)
     optionalDependencies:
       '@nuxt/kit': 3.15.1(magicast@0.3.5)(rollup@4.30.1)
     transitivePeerDependencies:
       - rollup
       - supports-color
 
-  vite-plugin-vue-inspector@3.7.2:
+  vite-plugin-vue-inspector@3.7.2(vite@6.0.7(@types/node@18.19.70)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)):
     dependencies:
       '@babel/core': 7.26.0
       '@babel/plugin-proposal-decorators': 7.25.9(@babel/core@7.26.0)
@@ -14029,6 +14032,7 @@ snapshots:
       '@vue/compiler-dom': 3.5.13
       kolorist: 1.8.0
       magic-string: 0.30.17
+      vite: 6.0.7(@types/node@18.19.70)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)
     transitivePeerDependencies:
       - supports-color
 

From dcaeb764118dcb46369789ff09ed1580adef13b3 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Tue, 14 Jan 2025 15:10:50 +0300
Subject: [PATCH 5/8] Fixed #6738 - DataTable: size variant still using
 hardcode size

---
 .../src/datatable/style/DataTableStyle.js     |  20 ++--
 .../src/presets/aura/datatable/index.js       |  38 +++++-
 .../src/presets/lara/datatable/index.js       |  38 +++++-
 .../src/presets/material/datatable/index.js   |  38 +++++-
 .../src/presets/nora/datatable/index.js       |  38 +++++-
 packages/themes/types/datatable/index.d.ts    | 110 ++++++++++++++++++
 6 files changed, 256 insertions(+), 26 deletions(-)

diff --git a/packages/primevue/src/datatable/style/DataTableStyle.js b/packages/primevue/src/datatable/style/DataTableStyle.js
index 525db9d6b..69e1225ed 100644
--- a/packages/primevue/src/datatable/style/DataTableStyle.js
+++ b/packages/primevue/src/datatable/style/DataTableStyle.js
@@ -511,43 +511,43 @@ const theme = ({ dt }) => `
 }
 
 .p-datatable.p-datatable-sm .p-datatable-header {
-    padding: 0.375rem 0.5rem;
+    padding: ${dt('datatable.header.sm.padding')};
 }
 
 .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
-    padding: 0.375rem 0.5rem;
+    padding: ${dt('datatable.header.cell.sm.padding')};
 }
 
 .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
-    padding: 0.375rem 0.5rem;
+    padding: ${dt('datatable.body.cell.sm.padding')};
 }
 
 .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
-    padding: 0.375rem 0.5rem;
+    padding: ${dt('datatable.footer.cell.sm.padding')};
 }
 
 .p-datatable.p-datatable-sm .p-datatable-footer {
-    padding: 0.375rem 0.5rem;
+    padding: ${dt('datatable.footer.sm.padding')};
 }
 
 .p-datatable.p-datatable-lg .p-datatable-header {
-    padding: 1rem 1.25rem;
+    padding: ${dt('datatable.header.lg.padding')};
 }
 
 .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
-    padding: 1rem 1.25rem;
+    padding: ${dt('datatable.header.cell.lg.padding')};
 }
 
 .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
-    padding: 1rem 1.25rem;
+    padding: ${dt('datatable.body.lg.padding')};
 }
 
 .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
-    padding: 1rem 1.25rem;
+    padding: ${dt('datatable.footer.cell.lg.padding')};
 }
 
 .p-datatable.p-datatable-lg .p-datatable-footer {
-    padding: 1rem 1.25rem;
+    padding: ${dt('datatable.footer.lg.padding')};
 }
 
 .p-datatable-row-toggle-button {
diff --git a/packages/themes/src/presets/aura/datatable/index.js b/packages/themes/src/presets/aura/datatable/index.js
index 2c0235551..44aae65bf 100644
--- a/packages/themes/src/presets/aura/datatable/index.js
+++ b/packages/themes/src/presets/aura/datatable/index.js
@@ -7,7 +7,13 @@ export default {
         borderColor: '{datatable.border.color}',
         color: '{content.color}',
         borderWidth: '0 0 1px 0',
-        padding: '0.75rem 1rem'
+        padding: '0.75rem 1rem',
+        sm: {
+            padding: '0.375rem 0.5rem'
+        },
+        lg: {
+            padding: '1rem 1.25rem'
+        }
     },
     headerCell: {
         background: '{content.background}',
@@ -25,6 +31,12 @@ export default {
             color: '{focus.ring.color}',
             offset: '-1px',
             shadow: '{focus.ring.shadow}'
+        },
+        sm: {
+            padding: '0.375rem 0.5rem'
+        },
+        lg: {
+            padding: '1rem 1.25rem'
         }
     },
     columnTitle: {
@@ -47,13 +59,25 @@ export default {
     },
     bodyCell: {
         borderColor: '{datatable.border.color}',
-        padding: '0.75rem 1rem'
+        padding: '0.75rem 1rem',
+        sm: {
+            padding: '0.375rem 0.5rem'
+        },
+        lg: {
+            padding: '1rem 1.25rem'
+        }
     },
     footerCell: {
         background: '{content.background}',
         borderColor: '{datatable.border.color}',
         color: '{content.color}',
-        padding: '0.75rem 1rem'
+        padding: '0.75rem 1rem',
+        sm: {
+            padding: '0.375rem 0.5rem'
+        },
+        lg: {
+            padding: '1rem 1.25rem'
+        }
     },
     columnFooter: {
         fontWeight: '600'
@@ -63,7 +87,13 @@ export default {
         borderColor: '{datatable.border.color}',
         color: '{content.color}',
         borderWidth: '0 0 1px 0',
-        padding: '0.75rem 1rem'
+        padding: '0.75rem 1rem',
+        sm: {
+            padding: '0.375rem 0.5rem'
+        },
+        lg: {
+            padding: '1rem 1.25rem'
+        }
     },
     dropPoint: {
         color: '{primary.color}'
diff --git a/packages/themes/src/presets/lara/datatable/index.js b/packages/themes/src/presets/lara/datatable/index.js
index 7b06a3667..96fe187df 100644
--- a/packages/themes/src/presets/lara/datatable/index.js
+++ b/packages/themes/src/presets/lara/datatable/index.js
@@ -5,7 +5,13 @@ export default {
     header: {
         borderColor: '{datatable.border.color}',
         borderWidth: '1px 0 1px 0',
-        padding: '0.75rem 1rem'
+        padding: '0.75rem 1rem',
+        sm: {
+            padding: '0.375rem 0.5rem'
+        },
+        lg: {
+            padding: '1rem 1.25rem'
+        }
     },
     headerCell: {
         selectedBackground: '{highlight.background}',
@@ -20,6 +26,12 @@ export default {
             color: '{focus.ring.color}',
             offset: '{focus.ring.offset}',
             shadow: 'inset {focus.ring.shadow}'
+        },
+        sm: {
+            padding: '0.375rem 0.5rem'
+        },
+        lg: {
+            padding: '1rem 1.25rem'
         }
     },
     columnTitle: {
@@ -42,11 +54,23 @@ export default {
     },
     bodyCell: {
         borderColor: '{datatable.border.color}',
-        padding: '0.75rem 1rem'
+        padding: '0.75rem 1rem',
+        sm: {
+            padding: '0.375rem 0.5rem'
+        },
+        lg: {
+            padding: '1rem 1.25rem'
+        }
     },
     footerCell: {
         borderColor: '{datatable.border.color}',
-        padding: '0.75rem 1rem'
+        padding: '0.75rem 1rem',
+        sm: {
+            padding: '0.375rem 0.5rem'
+        },
+        lg: {
+            padding: '1rem 1.25rem'
+        }
     },
     columnFooter: {
         fontWeight: '700'
@@ -54,7 +78,13 @@ export default {
     footer: {
         borderColor: '{datatable.border.color}',
         borderWidth: '0 0 1px 0',
-        padding: '0.75rem 1rem'
+        padding: '0.75rem 1rem',
+        sm: {
+            padding: '0.375rem 0.5rem'
+        },
+        lg: {
+            padding: '1rem 1.25rem'
+        }
     },
     dropPoint: {
         color: '{primary.color}'
diff --git a/packages/themes/src/presets/material/datatable/index.js b/packages/themes/src/presets/material/datatable/index.js
index 3309ff373..47f0a5db5 100644
--- a/packages/themes/src/presets/material/datatable/index.js
+++ b/packages/themes/src/presets/material/datatable/index.js
@@ -7,7 +7,13 @@ export default {
         borderColor: '{datatable.border.color}',
         color: '{content.color}',
         borderWidth: '0 0 1px 0',
-        padding: '0.75rem 1rem'
+        padding: '0.75rem 1rem',
+        sm: {
+            padding: '0.375rem 0.5rem'
+        },
+        lg: {
+            padding: '1rem 1.25rem'
+        }
     },
     headerCell: {
         background: '{content.background}',
@@ -25,6 +31,12 @@ export default {
             color: '{focus.ring.color}',
             offset: '-1px',
             shadow: '{focus.ring.shadow}'
+        },
+        sm: {
+            padding: '0.375rem 0.5rem'
+        },
+        lg: {
+            padding: '1rem 1.25rem'
         }
     },
     columnTitle: {
@@ -47,13 +59,25 @@ export default {
     },
     bodyCell: {
         borderColor: '{datatable.border.color}',
-        padding: '0.75rem 1rem'
+        padding: '0.75rem 1rem',
+        sm: {
+            padding: '0.375rem 0.5rem'
+        },
+        lg: {
+            padding: '1rem 1.25rem'
+        }
     },
     footerCell: {
         background: '{content.background}',
         borderColor: '{datatable.border.color}',
         color: '{content.color}',
-        padding: '0.75rem 1rem'
+        padding: '0.75rem 1rem',
+        sm: {
+            padding: '0.375rem 0.5rem'
+        },
+        lg: {
+            padding: '1rem 1.25rem'
+        }
     },
     columnFooter: {
         fontWeight: '600'
@@ -63,7 +87,13 @@ export default {
         borderColor: '{datatable.border.color}',
         color: '{content.color}',
         borderWidth: '0 0 1px 0',
-        padding: '0.75rem 1rem'
+        padding: '0.75rem 1rem',
+        sm: {
+            padding: '0.375rem 0.5rem'
+        },
+        lg: {
+            padding: '1rem 1.25rem'
+        }
     },
     dropPoint: {
         color: '{primary.color}'
diff --git a/packages/themes/src/presets/nora/datatable/index.js b/packages/themes/src/presets/nora/datatable/index.js
index 0399ce410..5f56d15d3 100644
--- a/packages/themes/src/presets/nora/datatable/index.js
+++ b/packages/themes/src/presets/nora/datatable/index.js
@@ -7,7 +7,13 @@ export default {
         borderColor: '{datatable.border.color}',
         color: '{content.color}',
         borderWidth: '1px 0 1px 0',
-        padding: '0.75rem 1rem'
+        padding: '0.75rem 1rem',
+        sm: {
+            padding: '0.375rem 0.5rem'
+        },
+        lg: {
+            padding: '1rem 1.25rem'
+        }
     },
     headerCell: {
         background: '{content.background}',
@@ -25,6 +31,12 @@ export default {
             color: '{focus.ring.color}',
             offset: '-1px',
             shadow: '{focus.ring.shadow}'
+        },
+        sm: {
+            padding: '0.375rem 0.5rem'
+        },
+        lg: {
+            padding: '1rem 1.25rem'
         }
     },
     columnTitle: {
@@ -47,13 +59,25 @@ export default {
     },
     bodyCell: {
         borderColor: '{datatable.border.color}',
-        padding: '0.75rem 1rem'
+        padding: '0.75rem 1rem',
+        sm: {
+            padding: '0.375rem 0.5rem'
+        },
+        lg: {
+            padding: '1rem 1.25rem'
+        }
     },
     footerCell: {
         background: '{content.background}',
         borderColor: '{datatable.border.color}',
         color: '{content.color}',
-        padding: '0.75rem 1rem'
+        padding: '0.75rem 1rem',
+        sm: {
+            padding: '0.375rem 0.5rem'
+        },
+        lg: {
+            padding: '1rem 1.25rem'
+        }
     },
     columnFooter: {
         fontWeight: '700'
@@ -63,7 +87,13 @@ export default {
         borderColor: '{datatable.border.color}',
         color: '{content.color}',
         borderWidth: '0 0 1px 0',
-        padding: '0.75rem 1rem'
+        padding: '0.75rem 1rem',
+        sm: {
+            padding: '0.375rem 0.5rem'
+        },
+        lg: {
+            padding: '1rem 1.25rem'
+        }
     },
     dropPoint: {
         color: '{primary.color}'
diff --git a/packages/themes/types/datatable/index.d.ts b/packages/themes/types/datatable/index.d.ts
index 5ae65b9d1..4f7e48a7b 100644
--- a/packages/themes/types/datatable/index.d.ts
+++ b/packages/themes/types/datatable/index.d.ts
@@ -62,6 +62,28 @@ export interface DataTableDesignTokens extends ColorSchemeDesignToken<DataTableD
          * @designToken datatable.header.padding
          */
         padding?: string;
+        /**
+         * Sm of header
+         */
+        sm?: {
+            /**
+             * Sm padding of header
+             *
+             * @designToken datatable.header.sm.padding
+             */
+            padding?: string;
+        };
+        /**
+         * Lg of header
+         */
+        lg?: {
+            /**
+             * Lg padding of header
+             *
+             * @designToken datatable.header.lg.padding
+             */
+            padding?: string;
+        };
     };
     /**
      * Used to pass tokens of the header cell section
@@ -156,6 +178,28 @@ export interface DataTableDesignTokens extends ColorSchemeDesignToken<DataTableD
              */
             shadow?: string;
         };
+        /**
+         * Sm of header cell
+         */
+        sm?: {
+            /**
+             * Sm padding of header cell
+             *
+             * @designToken datatable.header.cell.sm.padding
+             */
+            padding?: string;
+        };
+        /**
+         * Lg of header cell
+         */
+        lg?: {
+            /**
+             * Lg padding of header cell
+             *
+             * @designToken datatable.header.cell.lg.padding
+             */
+            padding?: string;
+        };
     };
     /**
      * Used to pass tokens of the column title section
@@ -272,6 +316,28 @@ export interface DataTableDesignTokens extends ColorSchemeDesignToken<DataTableD
          * @designToken datatable.body.cell.selected.border.color
          */
         selectedBorderColor?: string;
+        /**
+         * Sm of body cell
+         */
+        sm?: {
+            /**
+             * Sm padding of body cell
+             *
+             * @designToken datatable.body.cell.sm.padding
+             */
+            padding?: string;
+        };
+        /**
+         * Lg of body cell
+         */
+        lg?: {
+            /**
+             * Lg padding of body cell
+             *
+             * @designToken datatable.body.cell.lg.padding
+             */
+            padding?: string;
+        };
     };
     /**
      * Used to pass tokens of the footer cell section
@@ -301,6 +367,28 @@ export interface DataTableDesignTokens extends ColorSchemeDesignToken<DataTableD
          * @designToken datatable.footer.cell.padding
          */
         padding?: string;
+        /**
+         * Sm of footer cell
+         */
+        sm?: {
+            /**
+             * Sm padding of footer cell
+             *
+             * @designToken datatable.footer.cell.sm.padding
+             */
+            padding?: string;
+        };
+        /**
+         * Lg of footer cell
+         */
+        lg?: {
+            /**
+             * Lg padding of footer cell
+             *
+             * @designToken datatable.footer.cell.lg.padding
+             */
+            padding?: string;
+        };
     };
     /**
      * Used to pass tokens of the column footer section
@@ -347,6 +435,28 @@ export interface DataTableDesignTokens extends ColorSchemeDesignToken<DataTableD
          * @designToken datatable.footer.padding
          */
         padding?: string;
+        /**
+         * Sm of footer
+         */
+        sm?: {
+            /**
+             * Sm padding of footer
+             *
+             * @designToken datatable.footer.sm.padding
+             */
+            padding?: string;
+        };
+        /**
+         * Lg of footer
+         */
+        lg?: {
+            /**
+             * Lg padding of footer
+             *
+             * @designToken datatable.footer.lg.padding
+             */
+            padding?: string;
+        };
     };
     /**
      * Used to pass tokens of the drop point section

From c9cb026edeb1827b3ee7000bda9acaa9e97c95f2 Mon Sep 17 00:00:00 2001
From: GitHub Actions Bot <>
Date: Tue, 14 Jan 2025 12:12:08 +0000
Subject: [PATCH 6/8] Update API doc

---
 apps/showcase/doc/common/apidoc/index.json | 90 ++++++++++++++++++++++
 packages/themes/types/datatable/index.d.ts | 12 +--
 pnpm-lock.yaml                             | 20 ++---
 3 files changed, 104 insertions(+), 18 deletions(-)

diff --git a/apps/showcase/doc/common/apidoc/index.json b/apps/showcase/doc/common/apidoc/index.json
index c0e384c0c..ed1837acc 100644
--- a/apps/showcase/doc/common/apidoc/index.json
+++ b/apps/showcase/doc/common/apidoc/index.json
@@ -80226,6 +80226,24 @@
                             "default": "",
                             "description": "Padding of header"
                         },
+                        {
+                            "name": "sm.padding",
+                            "token": "datatable.header.sm.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Sm padding of header"
+                        },
+                        {
+                            "name": "lg.padding",
+                            "token": "datatable.header.lg.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Lg padding of header"
+                        },
                         {
                             "name": "headerCell.background",
                             "token": "datatable.header.cell.background",
@@ -80352,6 +80370,24 @@
                             "default": "",
                             "description": "Focus ring shadow of header cell"
                         },
+                        {
+                            "name": "sm.padding",
+                            "token": "datatable.header.cell.sm.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Sm padding of header cell"
+                        },
+                        {
+                            "name": "lg.padding",
+                            "token": "datatable.header.cell.lg.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Lg padding of header cell"
+                        },
                         {
                             "name": "columnTitle.fontWeight",
                             "token": "datatable.column.title.font.weight",
@@ -80487,6 +80523,24 @@
                             "default": "",
                             "description": "Padding of body cell"
                         },
+                        {
+                            "name": "sm.padding",
+                            "token": "datatable.body.cell.sm.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Sm padding of body cell"
+                        },
+                        {
+                            "name": "lg.padding",
+                            "token": "datatable.body.cell.lg.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Lg padding of body cell"
+                        },
                         {
                             "name": "bodyCell.selectedBorderColor",
                             "token": "datatable.body.cell.selected.border.color",
@@ -80532,6 +80586,24 @@
                             "default": "",
                             "description": "Padding of footer cell"
                         },
+                        {
+                            "name": "sm.padding",
+                            "token": "datatable.footer.cell.sm.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Sm padding of footer cell"
+                        },
+                        {
+                            "name": "lg.padding",
+                            "token": "datatable.footer.cell.lg.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Lg padding of footer cell"
+                        },
                         {
                             "name": "columnFooter.fontWeight",
                             "token": "datatable.column.footer.font.weight",
@@ -80586,6 +80658,24 @@
                             "default": "",
                             "description": "Padding of footer"
                         },
+                        {
+                            "name": "sm.padding",
+                            "token": "datatable.footer.sm.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Sm padding of footer"
+                        },
+                        {
+                            "name": "lg.padding",
+                            "token": "datatable.footer.lg.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Lg padding of footer"
+                        },
                         {
                             "name": "dropPoint.color",
                             "token": "datatable.drop.point.color",
diff --git a/packages/themes/types/datatable/index.d.ts b/packages/themes/types/datatable/index.d.ts
index 4f7e48a7b..74ebbb994 100644
--- a/packages/themes/types/datatable/index.d.ts
+++ b/packages/themes/types/datatable/index.d.ts
@@ -310,12 +310,6 @@ export interface DataTableDesignTokens extends ColorSchemeDesignToken<DataTableD
          * @designToken datatable.body.cell.padding
          */
         padding?: string;
-        /**
-         * Selected border color of body cell
-         *
-         * @designToken datatable.body.cell.selected.border.color
-         */
-        selectedBorderColor?: string;
         /**
          * Sm of body cell
          */
@@ -338,6 +332,12 @@ export interface DataTableDesignTokens extends ColorSchemeDesignToken<DataTableD
              */
             padding?: string;
         };
+        /**
+         * Selected border color of body cell
+         *
+         * @designToken datatable.body.cell.selected.border.color
+         */
+        selectedBorderColor?: string;
     };
     /**
      * Used to pass tokens of the footer cell section
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 480e76202..08a8c3f05 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -231,7 +231,7 @@ importers:
     devDependencies:
       '@nuxt/devtools':
         specifier: ^0.8.5
-        version: 0.8.5(nuxt@3.3.2(@types/node@18.19.70)(db0@0.2.1)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.30.1)(terser@5.37.0)(typescript@5.7.3))(rollup@4.30.1)(vite@6.0.7(@types/node@18.19.70)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))
+        version: 0.8.5(nuxt@3.3.2(@types/node@18.19.70)(db0@0.2.1)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.30.1)(terser@5.37.0)(typescript@5.7.3))(rollup@4.30.1)
       '@nuxt/eslint-config':
         specifier: ^0.2.0
         version: 0.2.0(eslint@8.57.1)
@@ -8234,13 +8234,12 @@ snapshots:
 
   '@nuxt/devalue@2.0.2': {}
 
-  '@nuxt/devtools-kit@0.8.5(magicast@0.3.5)(nuxt@3.3.2(@types/node@18.19.70)(db0@0.2.1)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.30.1)(terser@5.37.0)(typescript@5.7.3))(rollup@4.30.1)(vite@6.0.7(@types/node@18.19.70)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))':
+  '@nuxt/devtools-kit@0.8.5(magicast@0.3.5)(nuxt@3.3.2(@types/node@18.19.70)(db0@0.2.1)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.30.1)(terser@5.37.0)(typescript@5.7.3))(rollup@4.30.1)':
     dependencies:
       '@nuxt/kit': 3.15.1(magicast@0.3.5)(rollup@4.30.1)
       '@nuxt/schema': 3.15.1
       execa: 7.2.0
       nuxt: 3.3.2(@types/node@18.19.70)(db0@0.2.1)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.30.1)(terser@5.37.0)(typescript@5.7.3)
-      vite: 6.0.7(@types/node@18.19.70)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)
     transitivePeerDependencies:
       - magicast
       - rollup
@@ -8259,10 +8258,10 @@ snapshots:
       rc9: 2.1.2
       semver: 7.6.3
 
-  '@nuxt/devtools@0.8.5(nuxt@3.3.2(@types/node@18.19.70)(db0@0.2.1)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.30.1)(terser@5.37.0)(typescript@5.7.3))(rollup@4.30.1)(vite@6.0.7(@types/node@18.19.70)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))':
+  '@nuxt/devtools@0.8.5(nuxt@3.3.2(@types/node@18.19.70)(db0@0.2.1)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.30.1)(terser@5.37.0)(typescript@5.7.3))(rollup@4.30.1)':
     dependencies:
       '@antfu/utils': 0.7.10
-      '@nuxt/devtools-kit': 0.8.5(magicast@0.3.5)(nuxt@3.3.2(@types/node@18.19.70)(db0@0.2.1)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.30.1)(terser@5.37.0)(typescript@5.7.3))(rollup@4.30.1)(vite@6.0.7(@types/node@18.19.70)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))
+      '@nuxt/devtools-kit': 0.8.5(magicast@0.3.5)(nuxt@3.3.2(@types/node@18.19.70)(db0@0.2.1)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.30.1)(terser@5.37.0)(typescript@5.7.3))(rollup@4.30.1)
       '@nuxt/devtools-wizard': 0.8.5
       '@nuxt/kit': 3.15.1(magicast@0.3.5)(rollup@4.30.1)
       birpc: 0.2.19
@@ -8293,9 +8292,8 @@ snapshots:
       simple-git: 3.27.0
       sirv: 2.0.4
       unimport: 3.14.6(rollup@4.30.1)
-      vite: 6.0.7(@types/node@18.19.70)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)
-      vite-plugin-inspect: 0.7.42(@nuxt/kit@3.15.1(magicast@0.3.5)(rollup@4.30.1))(rollup@4.30.1)(vite@6.0.7(@types/node@18.19.70)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))
-      vite-plugin-vue-inspector: 3.7.2(vite@6.0.7(@types/node@18.19.70)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))
+      vite-plugin-inspect: 0.7.42(@nuxt/kit@3.15.1(magicast@0.3.5)(rollup@4.30.1))(rollup@4.30.1)
+      vite-plugin-vue-inspector: 3.7.2
       wait-on: 7.2.0
       which: 3.0.1
       ws: 8.18.0
@@ -14004,7 +14002,7 @@ snapshots:
       optionator: 0.9.4
       typescript: 5.7.3
 
-  vite-plugin-inspect@0.7.42(@nuxt/kit@3.15.1(magicast@0.3.5)(rollup@4.30.1))(rollup@4.30.1)(vite@6.0.7(@types/node@18.19.70)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)):
+  vite-plugin-inspect@0.7.42(@nuxt/kit@3.15.1(magicast@0.3.5)(rollup@4.30.1))(rollup@4.30.1):
     dependencies:
       '@antfu/utils': 0.7.10
       '@rollup/pluginutils': 5.1.4(rollup@4.30.1)
@@ -14014,14 +14012,13 @@ snapshots:
       open: 9.1.0
       picocolors: 1.1.1
       sirv: 2.0.4
-      vite: 6.0.7(@types/node@18.19.70)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)
     optionalDependencies:
       '@nuxt/kit': 3.15.1(magicast@0.3.5)(rollup@4.30.1)
     transitivePeerDependencies:
       - rollup
       - supports-color
 
-  vite-plugin-vue-inspector@3.7.2(vite@6.0.7(@types/node@18.19.70)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)):
+  vite-plugin-vue-inspector@3.7.2:
     dependencies:
       '@babel/core': 7.26.0
       '@babel/plugin-proposal-decorators': 7.25.9(@babel/core@7.26.0)
@@ -14032,7 +14029,6 @@ snapshots:
       '@vue/compiler-dom': 3.5.13
       kolorist: 1.8.0
       magic-string: 0.30.17
-      vite: 6.0.7(@types/node@18.19.70)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)
     transitivePeerDependencies:
       - supports-color
 

From a89625515eb283c7448787993cbe8c05117d330b Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Tue, 14 Jan 2025 15:14:34 +0300
Subject: [PATCH 7/8] Fixed #7085 - ProgressSpinner Token Names Invalid

---
 .../style/ProgressSpinnerStyle.js             | 10 ++++----
 .../src/presets/aura/progressspinner/index.js | 16 ++++++-------
 .../src/presets/lara/progressspinner/index.js | 16 ++++++-------
 .../presets/material/progressspinner/index.js | 16 ++++++-------
 .../src/presets/nora/progressspinner/index.js | 16 ++++++-------
 .../themes/types/progressspinner/index.d.ts   | 24 +++++++++----------
 6 files changed, 49 insertions(+), 49 deletions(-)

diff --git a/packages/primevue/src/progressspinner/style/ProgressSpinnerStyle.js b/packages/primevue/src/progressspinner/style/ProgressSpinnerStyle.js
index 9e26450c8..d1ee160ed 100644
--- a/packages/primevue/src/progressspinner/style/ProgressSpinnerStyle.js
+++ b/packages/primevue/src/progressspinner/style/ProgressSpinnerStyle.js
@@ -31,7 +31,7 @@ const theme = ({ dt }) => `
 .p-progressspinner-circle {
     stroke-dasharray: 89, 200;
     stroke-dashoffset: 0;
-    stroke: ${dt('progressspinner.color.1')};
+    stroke: ${dt('progressspinner.colorOne')};
     animation: p-progressspinner-dash 1.5s ease-in-out infinite, p-progressspinner-color 6s ease-in-out infinite;
     stroke-linecap: round;
 }
@@ -58,17 +58,17 @@ const theme = ({ dt }) => `
 @keyframes p-progressspinner-color {
     100%,
     0% {
-        stroke: ${dt('progressspinner.color.1')};
+        stroke: ${dt('progressspinner.colorOne')};
     }
     40% {
-        stroke: ${dt('progressspinner.color.2')};
+        stroke: ${dt('progressspinner.colorTwo')};
     }
     66% {
-        stroke: ${dt('progressspinner.color.3')};
+        stroke: ${dt('progressspinner.colorThree')};
     }
     80%,
     90% {
-        stroke: ${dt('progressspinner.color.4')};
+        stroke: ${dt('progressspinner.colorFour')};
     }
 }
 `;
diff --git a/packages/themes/src/presets/aura/progressspinner/index.js b/packages/themes/src/presets/aura/progressspinner/index.js
index 30c1c4175..a136d7253 100644
--- a/packages/themes/src/presets/aura/progressspinner/index.js
+++ b/packages/themes/src/presets/aura/progressspinner/index.js
@@ -2,18 +2,18 @@ export default {
     colorScheme: {
         light: {
             root: {
-                'color.1': '{red.500}',
-                'color.2': '{blue.500}',
-                'color.3': '{green.500}',
-                'color.4': '{yellow.500}'
+                'colorOne': '{red.500}',
+                'colorTwo': '{blue.500}',
+                'colorThree': '{green.500}',
+                'colorFour': '{yellow.500}'
             }
         },
         dark: {
             root: {
-                'color.1': '{red.400}',
-                'color.2': '{blue.400}',
-                'color.3': '{green.400}',
-                'color.4': '{yellow.400}'
+                'colorOne': '{red.400}',
+                'colorTwo': '{blue.400}',
+                'colorThree': '{green.400}',
+                'colorFour': '{yellow.400}'
             }
         }
     }
diff --git a/packages/themes/src/presets/lara/progressspinner/index.js b/packages/themes/src/presets/lara/progressspinner/index.js
index 4620074b4..219c48bd4 100644
--- a/packages/themes/src/presets/lara/progressspinner/index.js
+++ b/packages/themes/src/presets/lara/progressspinner/index.js
@@ -2,18 +2,18 @@ export default {
     colorScheme: {
         light: {
             root: {
-                'color.1': '{pink.500}',
-                'color.2': '{sky.500}',
-                'color.3': '{emerald.500}',
-                'color.4': '{amber.500}'
+                colorOne: '{pink.500}',
+                colorTwo: '{sky.500}',
+                colorThree: '{emerald.500}',
+                colorFour: '{amber.500}'
             }
         },
         dark: {
             root: {
-                'color.1': '{pink.400}',
-                'color.2': '{sky.400}',
-                'color.3': '{emerald.400}',
-                'color.4': '{amber.400}'
+                colorOne: '{pink.400}',
+                colorTwo: '{sky.400}',
+                colorThree: '{emerald.400}',
+                colorFour: '{amber.400}'
             }
         }
     }
diff --git a/packages/themes/src/presets/material/progressspinner/index.js b/packages/themes/src/presets/material/progressspinner/index.js
index 30c1c4175..4bdc9eb51 100644
--- a/packages/themes/src/presets/material/progressspinner/index.js
+++ b/packages/themes/src/presets/material/progressspinner/index.js
@@ -2,18 +2,18 @@ export default {
     colorScheme: {
         light: {
             root: {
-                'color.1': '{red.500}',
-                'color.2': '{blue.500}',
-                'color.3': '{green.500}',
-                'color.4': '{yellow.500}'
+                colorOne: '{red.500}',
+                colorTwo: '{blue.500}',
+                colorThree: '{green.500}',
+                colorFour: '{yellow.500}'
             }
         },
         dark: {
             root: {
-                'color.1': '{red.400}',
-                'color.2': '{blue.400}',
-                'color.3': '{green.400}',
-                'color.4': '{yellow.400}'
+                colorOne: '{red.400}',
+                colorTwo: '{blue.400}',
+                colorThree: '{green.400}',
+                colorFour: '{yellow.400}'
             }
         }
     }
diff --git a/packages/themes/src/presets/nora/progressspinner/index.js b/packages/themes/src/presets/nora/progressspinner/index.js
index 30c1c4175..4bdc9eb51 100644
--- a/packages/themes/src/presets/nora/progressspinner/index.js
+++ b/packages/themes/src/presets/nora/progressspinner/index.js
@@ -2,18 +2,18 @@ export default {
     colorScheme: {
         light: {
             root: {
-                'color.1': '{red.500}',
-                'color.2': '{blue.500}',
-                'color.3': '{green.500}',
-                'color.4': '{yellow.500}'
+                colorOne: '{red.500}',
+                colorTwo: '{blue.500}',
+                colorThree: '{green.500}',
+                colorFour: '{yellow.500}'
             }
         },
         dark: {
             root: {
-                'color.1': '{red.400}',
-                'color.2': '{blue.400}',
-                'color.3': '{green.400}',
-                'color.4': '{yellow.400}'
+                colorOne: '{red.400}',
+                colorTwo: '{blue.400}',
+                colorThree: '{green.400}',
+                colorFour: '{yellow.400}'
             }
         }
     }
diff --git a/packages/themes/types/progressspinner/index.d.ts b/packages/themes/types/progressspinner/index.d.ts
index 02185e3da..556c1a1d7 100644
--- a/packages/themes/types/progressspinner/index.d.ts
+++ b/packages/themes/types/progressspinner/index.d.ts
@@ -16,28 +16,28 @@ export interface ProgressSpinnerDesignTokens extends ColorSchemeDesignToken<Prog
      */
     root?: {
         /**
-         * Color.1 of root
+         * Color 1 of root
          *
-         * @designToken progressspinner.color.1
+         * @designToken progressspinner.color.one
          */
-        'color.1'?: string;
+        colorOne?: string;
         /**
-         * Color.2 of root
+         * Color 2 of root
          *
-         * @designToken progressspinner.color.2
+         * @designToken progressspinner.color.two
          */
-        'color.2'?: string;
+        colorTwo?: string;
         /**
-         * Color.3 of root
+         * Color 3 of root
          *
-         * @designToken progressspinner.color.3
+         * @designToken progressspinner.color.three
          */
-        'color.3'?: string;
+        colorThree?: string;
         /**
-         * Color.4 of root
+         * Color 4 of root
          *
-         * @designToken progressspinner.color.4
+         * @designToken progressspinner.color.four
          */
-        'color.4'?: string;
+        colorFour?: string;
     };
 }

From 06cc520b72db8bcc84566fdf38d09c024a41dcbe Mon Sep 17 00:00:00 2001
From: GitHub Actions Bot <>
Date: Tue, 14 Jan 2025 12:15:53 +0000
Subject: [PATCH 8/8] Update API doc

---
 apps/showcase/doc/common/apidoc/index.json    | 24 +++++++++----------
 .../src/presets/aura/progressspinner/index.js | 16 ++++++-------
 .../themes/types/progressspinner/index.d.ts   |  8 +++----
 3 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/apps/showcase/doc/common/apidoc/index.json b/apps/showcase/doc/common/apidoc/index.json
index ed1837acc..2d0ec4bf0 100644
--- a/apps/showcase/doc/common/apidoc/index.json
+++ b/apps/showcase/doc/common/apidoc/index.json
@@ -92312,40 +92312,40 @@
                 "ProgressSpinnerDesignTokens": {
                     "props": [
                         {
-                            "name": "root.color.1",
-                            "token": "progressspinner.color.1",
+                            "name": "root.colorOne",
+                            "token": "progressspinner.color.one",
                             "optional": true,
                             "readonly": false,
                             "type": "string",
                             "default": "",
-                            "description": "Color.1 of root"
+                            "description": "Color one of root"
                         },
                         {
-                            "name": "root.color.2",
-                            "token": "progressspinner.color.2",
+                            "name": "root.colorTwo",
+                            "token": "progressspinner.color.two",
                             "optional": true,
                             "readonly": false,
                             "type": "string",
                             "default": "",
-                            "description": "Color.2 of root"
+                            "description": "Color two of root"
                         },
                         {
-                            "name": "root.color.3",
-                            "token": "progressspinner.color.3",
+                            "name": "root.colorThree",
+                            "token": "progressspinner.color.three",
                             "optional": true,
                             "readonly": false,
                             "type": "string",
                             "default": "",
-                            "description": "Color.3 of root"
+                            "description": "Color three of root"
                         },
                         {
-                            "name": "root.color.4",
-                            "token": "progressspinner.color.4",
+                            "name": "root.colorFour",
+                            "token": "progressspinner.color.four",
                             "optional": true,
                             "readonly": false,
                             "type": "string",
                             "default": "",
-                            "description": "Color.4 of root"
+                            "description": "Color four of root"
                         }
                     ]
                 }
diff --git a/packages/themes/src/presets/aura/progressspinner/index.js b/packages/themes/src/presets/aura/progressspinner/index.js
index a136d7253..4bdc9eb51 100644
--- a/packages/themes/src/presets/aura/progressspinner/index.js
+++ b/packages/themes/src/presets/aura/progressspinner/index.js
@@ -2,18 +2,18 @@ export default {
     colorScheme: {
         light: {
             root: {
-                'colorOne': '{red.500}',
-                'colorTwo': '{blue.500}',
-                'colorThree': '{green.500}',
-                'colorFour': '{yellow.500}'
+                colorOne: '{red.500}',
+                colorTwo: '{blue.500}',
+                colorThree: '{green.500}',
+                colorFour: '{yellow.500}'
             }
         },
         dark: {
             root: {
-                'colorOne': '{red.400}',
-                'colorTwo': '{blue.400}',
-                'colorThree': '{green.400}',
-                'colorFour': '{yellow.400}'
+                colorOne: '{red.400}',
+                colorTwo: '{blue.400}',
+                colorThree: '{green.400}',
+                colorFour: '{yellow.400}'
             }
         }
     }
diff --git a/packages/themes/types/progressspinner/index.d.ts b/packages/themes/types/progressspinner/index.d.ts
index 556c1a1d7..947e16450 100644
--- a/packages/themes/types/progressspinner/index.d.ts
+++ b/packages/themes/types/progressspinner/index.d.ts
@@ -16,25 +16,25 @@ export interface ProgressSpinnerDesignTokens extends ColorSchemeDesignToken<Prog
      */
     root?: {
         /**
-         * Color 1 of root
+         * Color one of root
          *
          * @designToken progressspinner.color.one
          */
         colorOne?: string;
         /**
-         * Color 2 of root
+         * Color two of root
          *
          * @designToken progressspinner.color.two
          */
         colorTwo?: string;
         /**
-         * Color 3 of root
+         * Color three of root
          *
          * @designToken progressspinner.color.three
          */
         colorThree?: string;
         /**
-         * Color 4 of root
+         * Color four of root
          *
          * @designToken progressspinner.color.four
          */