From 3d4ada0d038281802593224803c2f1fb097ee4e2 Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Wed, 15 May 2024 01:14:43 +0300 Subject: [PATCH] Message colors for Nora --- .../lib/themes/aura/inlinemessage/index.js | 24 +-- .../lib/themes/nora/inlinemessage/index.js | 86 +++++------ components/lib/themes/nora/message/index.js | 128 +++++++-------- components/lib/themes/nora/toast/index.js | 146 +++++++++--------- components/lib/toast/style/ToastStyle.js | 2 +- 5 files changed, 193 insertions(+), 193 deletions(-) diff --git a/components/lib/themes/aura/inlinemessage/index.js b/components/lib/themes/aura/inlinemessage/index.js index f09bd87b5..526ebf3f6 100644 --- a/components/lib/themes/aura/inlinemessage/index.js +++ b/components/lib/themes/aura/inlinemessage/index.js @@ -16,37 +16,37 @@ export default { background: 'color-mix(in srgb, {blue.50}, transparent 5%)', borderColor: '{blue.200}', color: '{blue.600}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)' + shadow: '0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)' }, success: { background: 'color-mix(in srgb, {green.50}, transparent 5%)', borderColor: '{green.200}', color: '{green.600}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)' + shadow: '0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)' }, warn: { background: 'color-mix(in srgb,{yellow.50}, transparent 5%)', borderColor: '{yellow.200}', color: '{yellow.600}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)' + shadow: '0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)' }, error: { background: 'color-mix(in srgb, {red.50}, transparent 5%)', borderColor: '{red.200}', color: '{red.600}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)' + shadow: '0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)' }, secondary: { background: '{surface.100}', borderColor: '{surface.200}', color: '{surface.600}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)' + shadow: '0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)' }, contrast: { background: '{surface.900}', borderColor: '{surface.950}', color: '{surface.50}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)' + shadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)' } }, dark: { @@ -54,37 +54,37 @@ export default { background: 'color-mix(in srgb, {blue.500}, transparent 84%)', borderColor: 'color-mix(in srgb, {blue.700}, transparent 64%)', color: '{blue.500}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)' + shadow: '0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)' }, success: { background: 'color-mix(in srgb, {green.500}, transparent 84%)', borderColor: 'color-mix(in srgb, {green.700}, transparent 64%)', color: '{green.500}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)' + shadow: '0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)' }, warn: { background: 'color-mix(in srgb, {yellow.500}, transparent 84%)', borderColor: 'color-mix(in srgb, {yellow.700}, transparent 64%)', color: '{yellow.500}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)' + shadow: '0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)' }, error: { background: 'color-mix(in srgb, {red.500}, transparent 84%)', borderColor: 'color-mix(in srgb, {red.700}, transparent 64%)', color: '{red.500}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)' + shadow: '0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)' }, secondary: { background: '{surface.800}', borderColor: '{surface.700}', color: '{surface.300}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)' + shadow: '0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)' }, contrast: { background: '{surface.0}', borderColor: '{surface.100}', color: '{surface.950}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)' + shadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)' } } } diff --git a/components/lib/themes/nora/inlinemessage/index.js b/components/lib/themes/nora/inlinemessage/index.js index f09bd87b5..9145ed926 100644 --- a/components/lib/themes/nora/inlinemessage/index.js +++ b/components/lib/themes/nora/inlinemessage/index.js @@ -5,7 +5,7 @@ export default { gap: '0.5rem' }, text: { - fontWeight: '500' + fontWeight: '600' }, icon: { size: '1rem' @@ -13,78 +13,78 @@ export default { colorScheme: { light: { info: { - background: 'color-mix(in srgb, {blue.50}, transparent 5%)', - borderColor: '{blue.200}', - color: '{blue.600}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)' + background: '{blue.800}', + borderColor: '{blue.800}', + color: '{blue.50}', + shadow: 'none' }, success: { - background: 'color-mix(in srgb, {green.50}, transparent 5%)', - borderColor: '{green.200}', - color: '{green.600}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)' + background: '{green.800}', + borderColor: '{green.800}', + color: '{green.50}', + shadow: 'none' }, warn: { - background: 'color-mix(in srgb,{yellow.50}, transparent 5%)', - borderColor: '{yellow.200}', - color: '{yellow.600}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)' + background: '{yellow.600}', + borderColor: '{yellow.600}', + color: '{yellow.50}', + shadow: 'none' }, error: { - background: 'color-mix(in srgb, {red.50}, transparent 5%)', - borderColor: '{red.200}', - color: '{red.600}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)' + background: '{red.800}', + borderColor: '{red.800}', + color: '{red.50}', + shadow: 'none' }, secondary: { - background: '{surface.100}', + background: '{surface.200}', borderColor: '{surface.200}', - color: '{surface.600}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)' + color: '{surface.700}', + shadow: 'none' }, contrast: { background: '{surface.900}', - borderColor: '{surface.950}', + borderColor: '{surface.900}', color: '{surface.50}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)' + shadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)' } }, dark: { info: { - background: 'color-mix(in srgb, {blue.500}, transparent 84%)', - borderColor: 'color-mix(in srgb, {blue.700}, transparent 64%)', - color: '{blue.500}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)' + background: '{blue.200}', + borderColor: '{blue.200}', + color: '{blue.950}', + shadow: 'none' }, success: { - background: 'color-mix(in srgb, {green.500}, transparent 84%)', - borderColor: 'color-mix(in srgb, {green.700}, transparent 64%)', - color: '{green.500}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)' + background: '{green.200}', + borderColor: '{green.200}', + color: '{green.950}', + shadow: 'none' }, warn: { - background: 'color-mix(in srgb, {yellow.500}, transparent 84%)', - borderColor: 'color-mix(in srgb, {yellow.700}, transparent 64%)', - color: '{yellow.500}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)' + background: '{yellow.200}', + borderColor: '{yellow.200}', + color: '{yellow.950}', + shadow: 'none' }, error: { - background: 'color-mix(in srgb, {red.500}, transparent 84%)', - borderColor: 'color-mix(in srgb, {red.700}, transparent 64%)', - color: '{red.500}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)' + background: '{red.200}', + borderColor: '{red.200}', + color: '{red.950}', + shadow: 'none' }, secondary: { - background: '{surface.800}', + background: '{surface.700}', borderColor: '{surface.700}', - color: '{surface.300}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)' + color: '{surface.200}', + shadow: 'none' }, contrast: { background: '{surface.0}', - borderColor: '{surface.100}', + borderColor: '{surface.0}', color: '{surface.950}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)' + shadow: 'none' } } } diff --git a/components/lib/themes/nora/message/index.js b/components/lib/themes/nora/message/index.js index 1b02d95a8..fa229725c 100644 --- a/components/lib/themes/nora/message/index.js +++ b/components/lib/themes/nora/message/index.js @@ -10,7 +10,7 @@ export default { }, text: { fontSize: '1rem', - fontWeight: '500' + fontWeight: '700' }, icon: { size: '1.125rem' @@ -31,77 +31,77 @@ export default { colorScheme: { light: { info: { - background: 'color-mix(in srgb, {blue.50}, transparent 5%)', - borderColor: '{blue.200}', - color: '{blue.600}', - shadow: '0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)', + background: '{blue.800}', + borderColor: '{blue.800}', + color: '{blue.50}', + shadow: 'none', closeButton: { - hoverBackground: '{blue.100}', + hoverBackground: '{blue.600}', focusRing: { - color: '{blue.600}', + color: '{blue.50}', shadow: 'none' } } }, success: { - background: 'color-mix(in srgb, {green.50}, transparent 5%)', - borderColor: '{green.200}', - color: '{green.600}', - shadow: '0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)', + background: '{green.800}', + borderColor: '{green.800}', + color: '{green.50}', + shadow: 'none', closeButton: { - hoverBackground: '{green.100}', + hoverBackground: '{green.600}', focusRing: { - color: '{green.600}', + color: '{green.50}', shadow: 'none' } } }, warn: { - background: 'color-mix(in srgb,{yellow.50}, transparent 5%)', - borderColor: '{yellow.200}', - color: '{yellow.600}', - shadow: '0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)', + background: '{yellow.600}', + borderColor: '{yellow.600}', + color: '{yellow.50}', + shadow: 'none', closeButton: { - hoverBackground: '{yellow.100}', + hoverBackground: '{yellow.400}', focusRing: { - color: '{yellow.600}', + color: '{yellow.50}', shadow: 'none' } } }, error: { - background: 'color-mix(in srgb, {red.50}, transparent 5%)', - borderColor: '{red.200}', - color: '{red.600}', - shadow: '0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)', + background: '{red.800}', + borderColor: '{red.800}', + color: '{red.50}', + shadow: 'none', closeButton: { - hoverBackground: '{red.100}', + hoverBackground: '{red.600}', focusRing: { - color: '{red.600}', + color: '{red.50}', shadow: 'none' } } }, secondary: { - background: '{surface.100}', + background: '{surface.200}', borderColor: '{surface.200}', - color: '{surface.600}', - shadow: '0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)', + color: '{surface.700}', + shadow: 'none', closeButton: { - hoverBackground: '{surface.200}', + hoverBackground: '{surface.50}', focusRing: { - color: '{surface.600}', + color: '{surface.700}', shadow: 'none' } } }, contrast: { background: '{surface.900}', - borderColor: '{surface.950}', + borderColor: '{surface.900}', color: '{surface.50}', shadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)', closeButton: { - hoverBackground: '{surface.800}', + hoverBackground: '{surface.700}', focusRing: { color: '{surface.50}', shadow: 'none' @@ -111,77 +111,77 @@ export default { }, dark: { info: { - background: 'color-mix(in srgb, {blue.500}, transparent 84%)', - borderColor: 'color-mix(in srgb, {blue.700}, transparent 64%)', - color: '{blue.500}', - shadow: '0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)', + background: '{blue.200}', + borderColor: '{blue.200}', + color: '{blue.950}', + shadow: 'none', closeButton: { - hoverBackground: 'rgba(255, 255, 255, 0.05)', + hoverBackground: '{blue.50}', focusRing: { - color: '{blue.500}', + color: '{blue.950}', shadow: 'none' } } }, success: { - background: 'color-mix(in srgb, {green.500}, transparent 84%)', - borderColor: 'color-mix(in srgb, {green.700}, transparent 64%)', - color: '{green.500}', - shadow: '0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)', + background: '{green.200}', + borderColor: '{green.200}', + color: '{green.950}', + shadow: 'none', closeButton: { - hoverBackground: 'rgba(255, 255, 255, 0.05)', + hoverBackground: '{green.50}', focusRing: { - color: '{green.500}', + color: '{green.950}', shadow: 'none' } } }, warn: { - background: 'color-mix(in srgb, {yellow.500}, transparent 84%)', - borderColor: 'color-mix(in srgb, {yellow.700}, transparent 64%)', - color: '{yellow.500}', - shadow: '0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)', + background: '{yellow.200}', + borderColor: '{yellow.200}', + color: '{yellow.950}', + shadow: 'none', closeButton: { - hoverBackground: 'rgba(255, 255, 255, 0.05)', + hoverBackground: '{yellow.50}', focusRing: { - color: '{yellow.500}', + color: '{yellow.950}', shadow: 'none' } } }, error: { - background: 'color-mix(in srgb, {red.500}, transparent 84%)', - borderColor: 'color-mix(in srgb, {red.700}, transparent 64%)', - color: '{red.500}', - shadow: '0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)', + background: '{red.200}', + borderColor: '{red.200}', + color: '{red.950}', + shadow: 'none', closeButton: { - hoverBackground: 'rgba(255, 255, 255, 0.05)', + hoverBackground: '{red.50}', focusRing: { - color: '{red.500}', + color: '{red.950}', shadow: 'none' } } }, secondary: { - background: '{surface.800}', + background: '{surface.700}', borderColor: '{surface.700}', - color: '{surface.300}', - shadow: '0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)', + color: '{surface.200}', + shadow: 'none', closeButton: { - hoverBackground: '{surface.700}', + hoverBackground: '{surface.500}', focusRing: { - color: '{surface.300}', + color: '{surface.200}', shadow: 'none' } } }, contrast: { background: '{surface.0}', - borderColor: '{surface.100}', + borderColor: '{surface.0}', color: '{surface.950}', - shadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)', + shadow: 'none', closeButton: { - hoverBackground: '{surface.100}', + hoverBackground: '{surface.200}', focusRing: { color: '{surface.950}', shadow: 'none' diff --git a/components/lib/themes/nora/toast/index.js b/components/lib/themes/nora/toast/index.js index 58ad3513a..c4db38822 100644 --- a/components/lib/themes/nora/toast/index.js +++ b/components/lib/themes/nora/toast/index.js @@ -15,7 +15,7 @@ export default { gap: '0.5rem' }, summary: { - fontWeight: '500', + fontWeight: '700', fontSize: '1rem' }, detail: { @@ -39,83 +39,83 @@ export default { light: { blur: '1.5px', info: { - background: 'color-mix(in srgb, {blue.50}, transparent 5%)', - borderColor: '{blue.200}', - color: '{blue.600}', - detailColor: '{surface.700}', - shadow: '0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)', + background: '{blue.800}', + borderColor: '{blue.800}', + color: '{blue.50}', + detailColor: '{blue.50}', + shadow: '{overlay.popover.shadow}', closeButton: { - hoverBackground: '{blue.100}', + hoverBackground: '{blue.600}', focusRing: { - color: '{blue.600}', + color: '{blue.50}', shadow: 'none' } } }, success: { - background: 'color-mix(in srgb, {green.50}, transparent 5%)', - borderColor: '{green.200}', - color: '{green.600}', - detailColor: '{surface.700}', - shadow: '0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)', + background: '{green.800}', + borderColor: '{green.800}', + color: '{green.50}', + detailColor: '{green.50}', + shadow: '{overlay.popover.shadow}', closeButton: { - hoverBackground: '{green.100}', + hoverBackground: '{green.600}', focusRing: { - color: '{green.600}', + color: '{green.50}', shadow: 'none' } } }, warn: { - background: 'color-mix(in srgb,{yellow.50}, transparent 5%)', - borderColor: '{yellow.200}', - color: '{yellow.600}', - detailColor: '{surface.700}', - shadow: '0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)', + background: '{yellow.600}', + borderColor: '{yellow.600}', + color: '{yellow.50}', + detailColor: '{yellow.50}', + shadow: '{overlay.popover.shadow}', closeButton: { - hoverBackground: '{yellow.100}', + hoverBackground: '{yellow.400}', focusRing: { - color: '{yellow.600}', + color: '{yellow.50}', shadow: 'none' } } }, error: { - background: 'color-mix(in srgb, {red.50}, transparent 5%)', - borderColor: '{red.200}', - color: '{red.600}', - detailColor: '{surface.700}', - shadow: '0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)', + background: '{red.800}', + borderColor: '{red.800}', + color: '{red.50}', + detailColor: '{red.50}', + shadow: '{overlay.popover.shadow}', closeButton: { - hoverBackground: '{red.100}', + hoverBackground: '{red.600}', focusRing: { - color: '{red.600}', + color: '{red.50}', shadow: 'none' } } }, secondary: { - background: '{surface.100}', + background: '{surface.200}', borderColor: '{surface.200}', - color: '{surface.600}', + color: '{surface.700}', detailColor: '{surface.700}', - shadow: '0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)', + shadow: '{overlay.popover.shadow}', closeButton: { - hoverBackground: '{surface.200}', + hoverBackground: '{surface.50}', focusRing: { - color: '{surface.600}', + color: '{surface.700}', shadow: 'none' } } }, contrast: { background: '{surface.900}', - borderColor: '{surface.950}', + borderColor: '{surface.900}', color: '{surface.50}', detailColor: '{surface.0}', shadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)', closeButton: { - hoverBackground: '{surface.800}', + hoverBackground: '{surface.700}', focusRing: { color: '{surface.50}', shadow: 'none' @@ -126,83 +126,83 @@ export default { dark: { blur: '10px', info: { - background: 'color-mix(in srgb, {blue.500}, transparent 84%)', - borderColor: 'color-mix(in srgb, {blue.700}, transparent 64%)', - color: '{blue.500}', - detailColor: '{surface.0}', - shadow: '0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)', + background: '{blue.200}', + borderColor: '{blue.200}', + color: '{blue.950}', + detailColor: '{blue.950}', + shadow: '{overlay.popover.shadow}', closeButton: { - hoverBackground: 'rgba(255, 255, 255, 0.05)', + hoverBackground: '{blue.50}', focusRing: { - color: '{blue.500}', + color: '{blue.950}', shadow: 'none' } } }, success: { - background: 'color-mix(in srgb, {green.500}, transparent 84%)', - borderColor: 'color-mix(in srgb, {green.700}, transparent 64%)', - color: '{green.500}', - detailColor: '{surface.0}', - shadow: '0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)', + background: '{green.200}', + borderColor: '{green.200}', + color: '{green.950}', + detailColor: '{green.950}', + shadow: '{overlay.popover.shadow}', closeButton: { - hoverBackground: 'rgba(255, 255, 255, 0.05)', + hoverBackground: '{green.50}', focusRing: { - color: '{green.500}', + color: '{green.950}', shadow: 'none' } } }, warn: { - background: 'color-mix(in srgb, {yellow.500}, transparent 84%)', - borderColor: 'color-mix(in srgb, {yellow.700}, transparent 64%)', - color: '{yellow.500}', - detailColor: '{surface.0}', - shadow: '0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)', + background: '{yellow.200}', + borderColor: '{yellow.200}', + color: '{yellow.950}', + detailColor: '{yellow.950}', + shadow: '{overlay.popover.shadow}', closeButton: { - hoverBackground: 'rgba(255, 255, 255, 0.05)', + hoverBackground: '{yellow.50}', focusRing: { - color: '{yellow.500}', + color: '{yellow.950}', shadow: 'none' } } }, error: { - background: 'color-mix(in srgb, {red.500}, transparent 84%)', - borderColor: 'color-mix(in srgb, {red.700}, transparent 64%)', - color: '{red.500}', - detailColor: '{surface.0}', - shadow: '0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)', + background: '{red.200}', + borderColor: '{red.200}', + color: '{red.950}', + detailColor: '{red.950}', + shadow: '{overlay.popover.shadow}', closeButton: { - hoverBackground: 'rgba(255, 255, 255, 0.05)', + hoverBackground: '{red.50}', focusRing: { - color: '{red.500}', + color: '{red.950}', shadow: 'none' } } }, secondary: { - background: '{surface.800}', + background: '{surface.700}', borderColor: '{surface.700}', - color: '{surface.300}', - detailColor: '{surface.0}', - shadow: '0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)', + color: '{surface.200}', + detailColor: '{surface.200}', + shadow: '{overlay.popover.shadow}', closeButton: { - hoverBackground: '{surface.700}', + hoverBackground: '{surface.500}', focusRing: { - color: '{surface.300}', + color: '{surface.200}', shadow: 'none' } } }, contrast: { background: '{surface.0}', - borderColor: '{surface.100}', + borderColor: '{surface.0}', color: '{surface.950}', detailColor: '{surface.950}', - shadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)', + shadow: '{overlay.popover.shadow}', closeButton: { - hoverBackground: '{surface.100}', + hoverBackground: '{surface.200}', focusRing: { color: '{surface.950}', shadow: 'none' diff --git a/components/lib/toast/style/ToastStyle.js b/components/lib/toast/style/ToastStyle.js index f24818447..cc90694ee 100644 --- a/components/lib/toast/style/ToastStyle.js +++ b/components/lib/toast/style/ToastStyle.js @@ -36,7 +36,7 @@ const theme = ({ dt }) => ` gap: ${dt('toast.text.gap')}; } -.p-toast-summary +.p-toast-summary { font-weight: ${dt('toast.summary.font.weight')}; font-size: ${dt('toast.summary.font.size')}; }