Material overlays

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

@@ -4,17 +4,17 @@ export default {
         roundedBorderRadius: '2rem',
         gap: '0.5rem',
         paddingX: '1rem',
-        paddingY: '{form.field.padding.y}',
+        paddingY: '0.625rem',
         iconOnlyWidth: '3rem',
         sm: {
             fontSize: '0.875rem',
             paddingX: '0.875rem',
-            paddingY: '0.625rem'
+            paddingY: '0.5rem'
         },
         lg: {
             fontSize: '1.125rem',
-            paddingX: '1.25rem',
-            paddingY: '1rem'
+            paddingX: '1.125rem',
+            paddingY: '0.75rem'
         },
         label: {
             fontWeight: '500'

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

@@ -8,13 +8,13 @@ export default {
         color: '{content.color}',
         borderRadius: '{content.border.radius}',
         shadow: '{overlay.popover.shadow}',
-        padding: '{overlay.popover.padding}'
+        padding: '0.5rem'
     },
     header: {
         background: '{content.background}',
         borderColor: '{content.border.color}',
         color: '{content.color}',
-        padding: '0 0 0.75rem 0',
+        padding: '0 0 0.5rem 0',
         fontWeight: '500',
         gap: '0.5rem'
     },
@@ -58,7 +58,7 @@ export default {
         gap: '{overlay.popover.padding}'
     },
     dayView: {
-        margin: '0.75rem 0 0 0'
+        margin: '0.5rem 0 0 0'
     },
     weekDay: {
         padding: '0.5rem',
@@ -76,7 +76,7 @@ export default {
         width: '2.5rem',
         height: '2.5rem',
         borderRadius: '50%',
-        padding: '0.5rem',
+        padding: '0.125rem',
         focusRing: {
             width: '{focus.ring.width}',
             style: '{focus.ring.style}',
@@ -86,23 +86,23 @@ export default {
         }
     },
     monthView: {
-        margin: '0.75rem 0 0 0'
+        margin: '0.5rem 0 0 0'
     },
     month: {
         borderRadius: '{content.border.radius}'
     },
     yearView: {
-        margin: '0.75rem 0 0 0'
+        margin: '0.5rem 0 0 0'
     },
     year: {
         borderRadius: '{content.border.radius}'
     },
     buttonbar: {
-        padding: '0.75rem 0 0 0',
+        padding: '0.5rem 0 0 0',
         borderColor: '{content.border.color}'
     },
     timePicker: {
-        padding: '0.75rem 0 0 0',
+        padding: '0.5rem 0 0 0',
         borderColor: '{content.border.color}',
         gap: '0.5rem',
         buttonGap: '0.25rem'

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

@@ -9,14 +9,14 @@ export default {
     header: {
         background: 'transparent',
         color: '{text.color}',
-        padding: '1.125rem',
+        padding: '1.25rem',
         borderWidth: '0',
         borderRadius: '0',
         gap: '0.5rem'
     },
     content: {
         highlightBorderColor: '{primary.color}',
-        padding: '0 1.125rem 1.125rem 1.125rem'
+        padding: '0 1.25rem 1.25rem 1.25rem'
     },
     file: {
         padding: '1rem',

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

@@ -1,23 +1,11 @@
 export default {
     root: {
+        background: '{surface.600}',
+        color: '{surface.0}',
         maxWidth: '12.5rem',
         gutter: '0.25rem',
         shadow: '{overlay.popover.shadow}',
         padding: '0.5rem 0.75rem',
         borderRadius: '{overlay.popover.border.radius}'
-    },
-    colorScheme: {
-        light: {
-            root: {
-                background: '{surface.700}',
-                color: '{surface.0}'
-            }
-        },
-        dark: {
-            root: {
-                background: '{surface.700}',
-                color: '{surface.0}'
-            }
-        }
     }
 };