@mackin.com/styleguide 9.8.0 → 9.9.0

package/index.d.ts

@@ -663,6 +663,8 @@ interface PopoverProps {
     backgroundColor?: string;
     /** Order of positions as the Popover colides with the window edge.  The default order is ['right', 'top', 'left', 'bottom']. */
     positions?: ("bottom" | "left" | "right" | "top")[] | undefined;
+    /** Targets the wrapper around `parent`.  Use if you're having positioning issues when the tooltip is showing. */
+    parentWrapperClassName?: string;
 }
 declare const Popover: (p: PopoverProps) => JSX.Element;
 

package/index.esm.js

@@ -2241,7 +2241,7 @@ const Popover = (p) => {
                             backgroundColor: (_d = p.backgroundColor) !== null && _d !== void 0 ? _d : theme.colors.bg,
                         }) }, p.content))));
         } },
-        React.createElement("span", null, p.parent)));
+        React.createElement("span", { className: p.parentWrapperClassName }, p.parent)));
 };
 
 const InfoTip = (props) => {

package/index.js

@@ -2268,7 +2268,7 @@ const Popover = (p) => {
                             backgroundColor: (_d = p.backgroundColor) !== null && _d !== void 0 ? _d : theme.colors.bg,
                         }) }, p.content))));
         } },
-        React__namespace.createElement("span", null, p.parent)));
+        React__namespace.createElement("span", { className: p.parentWrapperClassName }, p.parent)));
 };
 
 const InfoTip = (props) => {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@mackin.com/styleguide",
-    "version": "9.8.0",
+    "version": "9.9.0",
     "description": "",
     "main": "./index.js",
     "module": "./index.esm.js",
@@ -16,7 +16,6 @@
         "react-slider": "^1.3.1"
     },
     "peerDependencies": {
-        "nanoid": "^3.1.23",
         "date-fns": "^2.13.0",
         "lodash": "^4.17.15",
         "react": "^17.0.2",