From 2924e3d42a35c97856da3dec9b56e6bead57422e Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Tue, 1 Oct 2024 11:02:25 +0300 Subject: [PATCH] Material overlays --- .../themes/src/presets/material/button/index.js | 8 ++++---- .../src/presets/material/datepicker/index.js | 16 ++++++++-------- .../src/presets/material/fileupload/index.js | 4 ++-- .../themes/src/presets/material/tooltip/index.js | 16 ++-------------- 4 files changed, 16 insertions(+), 28 deletions(-) diff --git a/packages/themes/src/presets/material/button/index.js b/packages/themes/src/presets/material/button/index.js index a5a2736bb..ee7078c3e 100644 --- a/packages/themes/src/presets/material/button/index.js +++ b/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' diff --git a/packages/themes/src/presets/material/datepicker/index.js b/packages/themes/src/presets/material/datepicker/index.js index ecc40b866..ca70f094f 100644 --- a/packages/themes/src/presets/material/datepicker/index.js +++ b/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' diff --git a/packages/themes/src/presets/material/fileupload/index.js b/packages/themes/src/presets/material/fileupload/index.js index 6b0f42a6a..b8596750a 100644 --- a/packages/themes/src/presets/material/fileupload/index.js +++ b/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', diff --git a/packages/themes/src/presets/material/tooltip/index.js b/packages/themes/src/presets/material/tooltip/index.js index 7e5b8f050..4963e7567 100644 --- a/packages/themes/src/presets/material/tooltip/index.js +++ b/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}' - } - } } };