Data component adjustments

packages/primevue/src/datatable/style/DataTableStyle.js

@@ -520,23 +520,23 @@ p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
 }
 
 .p-datatable.p-datatable-lg .p-datatable-header {
-    padding: 0.9375rem 1.25rem;
+    padding: 1rem 1.25rem;
 }
 
 .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
-    padding: 0.9375rem 1.25rem;
+    padding: 1rem 1.25rem;
 }
 
 .p-datatable.p-datatable-lg .p-datatable-tbody>tr>td {
-    padding: 0.9375rem 1.25rem;
+    padding: 1rem 1.25rem;
 }
 
 .p-datatable.p-datatable-lg .p-datatable-tfoot>tr>td {
-    padding: 0.9375rem 1.25rem;
+    padding: 1rem 1.25rem;
 }
 
 .p-datatable.p-datatable-lg .p-datatable-footer {
-    padding: 0.9375rem 1.25rem;
+    padding: 1rem 1.25rem;
 }
 
 .p-datatable-row-toggle-button {

packages/themes/src/presets/material/organizationchart/index.js

@@ -11,8 +11,8 @@ export default {
         color: '{content.color}',
         selectedColor: '{highlight.color}',
         hoverColor: '{content.hover.color}',
-        padding: '0.75rem 1rem',
-        toggleablePadding: '0.75rem 1rem 1.25rem 1rem',
+        padding: '1rem 1.25rem',
+        toggleablePadding: '1rem 1.25rem 1.5rem 1.25rem',
         borderRadius: '{content.border.radius}'
     },
     nodeToggleButton: {
@@ -21,7 +21,7 @@ export default {
         borderColor: '{content.border.color}',
         color: '{text.muted.color}',
         hoverColor: '{text.color}',
-        size: '1.5rem',
+        size: '1.75rem',
         borderRadius: '50%',
         focusRing: {
             width: '{focus.ring.width}',

packages/themes/src/presets/material/timeline/index.js

@@ -13,20 +13,31 @@ export default {
         }
     },
     eventMarker: {
-        size: '1.125rem',
+        size: '1.5rem',
         borderRadius: '50%',
         borderWidth: '2px',
-        background: '{content.background}',
-        borderColor: '{content.border.color}',
+        background: '{primary.color}',
         content: {
             borderRadius: '50%',
-            size: '0.375rem',
+            size: '0',
             background: '{primary.color}',
-            insetShadow: '0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12)'
+            insetShadow: 'none'
         }
     },
     eventConnector: {
         color: '{content.border.color}',
         size: '2px'
+    },
+    colorScheme: {
+        light: {
+            eventMarker: {
+                borderColor: '{surface.0}'
+            }
+        },
+        dark: {
+            eventMarker: {
+                borderColor: '{surface.900}'
+            }
+        }
     }
 };