@zendeskgarden/react-theming - npm Package Compare versions

Comparing version 8.24.2 to 8.25.0

dist/index.cjs.js

@@ -491,3 +491,3 @@ /**
   var relativeDocument = useDocument(theme);
-  var controlledScopeRef = containerUtilities.getControlledValue(focusVisibleRef, scopeRef);
+  var controlledScopeRef = focusVisibleRef === null ? React__default['default'].createRef() : containerUtilities.getControlledValue(focusVisibleRef, scopeRef);
   containerFocusvisible.useFocusVisible({
@@ -499,5 +499,5 @@ scope: controlledScopeRef,
     theme: theme
-  }, other), focusVisibleRef ? children : React__default['default'].createElement("div", {
+  }, other), focusVisibleRef === undefined ? React__default['default'].createElement("div", {
     ref: scopeRef
-  }, children));
+  }, children) : children);
 };
@@ -504,0 +504,0 @@ GardenThemeProvider.defaultProps = {

dist/index.esm.js

@@ -483,3 +483,3 @@ /**
   var relativeDocument = useDocument(theme);
-  var controlledScopeRef = getControlledValue(focusVisibleRef, scopeRef);
+  var controlledScopeRef = focusVisibleRef === null ? React.createRef() : getControlledValue(focusVisibleRef, scopeRef);
   useFocusVisible({
@@ -491,5 +491,5 @@ scope: controlledScopeRef,
     theme: theme
-  }, other), focusVisibleRef ? children : React.createElement("div", {
+  }, other), focusVisibleRef === undefined ? React.createElement("div", {
     ref: scopeRef
-  }, children));
+  }, children) : children);
 };
@@ -496,0 +496,0 @@ GardenThemeProvider.defaultProps = {

dist/typings/elements/ThemeProvider.d.ts

@@ -10,6 +10,17 @@ /**
 interface IGardenThemeProviderProps extends Partial<ThemeProps<DefaultTheme>> {
-    focusVisibleRef?: React.RefObject<HTMLElement>;
+    /**
+     * Provides values for component styling. See styled-components
+     * [`ThemeProvider`](https://styled-components.com/docs/api#themeprovider)
+     * for details.
+     */
+    theme?: DefaultTheme;
+    /**
+     * Provides a reference to the DOM node used to scope a `:focus-visible`
+     * polyfill. If left `undefined`, a scoping `<div>` will be rendered.
+     * Assigning `null` (on a nested `ThemeProvider`, for example) prevents the
+     * added polyfill and scoping `<div>`.
+     */
+    focusVisibleRef?: React.RefObject<HTMLElement> | null;
 }
 declare const GardenThemeProvider: React.FunctionComponent<IGardenThemeProviderProps>;
-/** @component */
 export default GardenThemeProvider;

package.json

@@ -11,3 +11,3 @@ {
   },
-  "version": "8.24.2",
+  "version": "8.25.0",
   "main": "dist/index.cjs.js",
@@ -45,3 +45,3 @@ "module": "dist/index.esm.js",
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "c9bec50ef9f510f7a711cd6053b9cedb432e95b6"
+  "gitHead": "9215fca1cf8312baa1145a579f4f75802a60d8c4"
 }

No alert changes

Improved metrics

Total package byte prevSize

72223

increased by0.9%

Lines of code

1752

increased by0.63%

No dependency changes