Merge branch 'main' into dmc-15

vizro-core/src/vizro/_vizro.py

@@ -8,6 +8,7 @@
 from typing import TYPE_CHECKING, TypedDict, cast
 
 import dash
+import dash_mantine_components as dmc
 import plotly.io as pio
 from dash.development.base_component import ComponentRegistry
 from flask_caching import SimpleCache
@@ -52,6 +53,13 @@ def __init__(self, **kwargs):
             use_pages=True,
         )
 
+        # Ensure external_stylesheets is a list and append the additional stylesheet
+        external_stylesheets = self.dash.config.external_stylesheets
+        self.dash.config.external_stylesheets = (
+            external_stylesheets if isinstance(external_stylesheets, list) else [external_stylesheets]
+        )
+        self.dash.config.external_stylesheets.append(dmc.styles.DATES)
+
         # When Vizro is used as a framework, we want to include the library and framework resources.
         # Dash serves resources in the order 1. external_stylesheets/scripts; 2. library resources from the
         # ComponentRegistry; 3. resources added by append_css/scripts.

vizro-core/src/vizro/models/_dashboard.py

@@ -172,6 +172,11 @@ def build(self):
                 dash.page_container,
             ],
         )
+        return dmc.MantineProvider(
+            layout,
+            # Use the `theme` to style all Mantine components with a Vizro theme. For more info see https://www.dash-mantine-components.com/components/mantineprovider
+            theme={"primaryColor": "gray"},
+        )
 
         # children=[layout] as a list rather than children=layout, so that app.dash.layout.children.append works to
         # easily add things to the Dash layout. In future we might have a neater function for patching components into