Add EuiComponentDefaultsProvider to EuiProvider

cee-chen · Jul 26, 2023 · ff8bbf6 · ff8bbf6
1 parent 904a752
commit ff8bbf6
Showing 1 changed file with 20 additions and 3 deletions.
diff --git a/src/components/provider/provider.tsx b/src/components/provider/provider.tsx
@@ -24,6 +24,10 @@ import { emitEuiProviderWarning } from '../../services/theme/warning';
 import { EuiThemeAmsterdam } from '../../themes';
 import { EuiCacheProvider } from './cache';
 import { EuiProviderNestedCheck, useIsNestedEuiProvider } from './nested';
+import {
+  EuiComponentDefaults,
+  EuiComponentDefaultsProvider,
+} from './component_defaults';
 
 const isEmotionCacheObject = (
   obj: EmotionCache | Object
@@ -63,6 +67,16 @@ export interface EuiProviderProps<T>
         global?: EmotionCache;
         utility?: EmotionCache;
       };
+  /**
+   * Allows configuring specified component defaults across all usages, overriding
+   * baseline EUI component defaults.
+   *
+   * Not all components will be supported, and configurable component defaults
+   * will be considered on a case-by-case basis.
+   *
+   * Individual component prop usages will always override these defaults.
+   */
+  componentDefaults?: EuiComponentDefaults;
 }
 
 export const EuiProvider = <T extends {} = {}>({
@@ -72,6 +86,7 @@ export const EuiProvider = <T extends {} = {}>({
   utilityClasses: Utilities = EuiUtilityClasses,
   colorMode,
   modify,
+  componentDefaults,
   children,
 }: PropsWithChildren<EuiProviderProps<T>>) => {
   const isNested = useIsNestedEuiProvider();
@@ -126,9 +141,11 @@ export const EuiProvider = <T extends {} = {}>({
               />
             </>
           )}
-          <CurrentEuiBreakpointProvider>
-            {children}
-          </CurrentEuiBreakpointProvider>
+          <EuiComponentDefaultsProvider componentDefaults={componentDefaults}>
+            <CurrentEuiBreakpointProvider>
+              {children}
+            </CurrentEuiBreakpointProvider>
+          </EuiComponentDefaultsProvider>
         </EuiThemeProvider>
       </EuiCacheProvider>
     </EuiProviderNestedCheck>