@mackin.com/styleguide 9.8.1 → 9.9.1

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;
 
@@ -1093,7 +1095,9 @@ declare const ThemeRenderer: (p: ThemeRendererProps) => JSX.Element;
 
 interface TabContainerProps {
     tabs: {
-        name: string;
+        name: string | JSX.Element;
+        /** The HTML title of the tab button.  Defaults to 'name' prop. */
+        title?: string;
         getContent: () => JSX.Element;
     }[];
     id?: string;
@@ -1102,8 +1106,11 @@ interface TabContainerProps {
     /** Defaults to 'tab'. */
     variant?: 'tab' | 'button';
     contentClassName?: string;
+    /** This is applied to the `containerClassName` prop of TabHeader. */
     tabHeaderClassName?: string;
+    /** This is applied to the `tabClassName` prop of TabHeader. */
     tabClassName?: string;
+    /** This is applied to the `tabHeaderDividerClassName` prop of TabHeader. */
     tabHeaderDividerClassName?: string;
     /** Defaults to 0. */
     startingIndex?: number;

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.1",
+    "version": "9.9.1",
     "description": "",
     "main": "./index.js",
     "module": "./index.esm.js",