@mackin.com/styleguide 8.5.2 → 8.6.2

package/index.d.ts

@@ -495,6 +495,7 @@ interface PagerOptions<TItem> {
     limitOptions?: number[];
     sort?: string;
     sortOptions?: PagerSortOption<TItem>[];
+    /** Will copy over this pagers options, filters, and state. */
     previous?: ItemPager<TItem>;
 }
 /** In-memory pager. */
@@ -862,7 +863,9 @@ interface SliderProps<T extends SliderValue> {
 declare const Slider: <T extends SliderValue>(p: SliderProps<T>) => JSX.Element;
 
 interface TabHeaderTabProps {
-    name: string;
+    name: string | JSX.Element;
+    /** The HTML title of the tab button.  Defaults to 'name' prop. */
+    title?: string;
 }
 interface TabHeaderProps {
     tabs: TabHeaderTabProps[];

package/index.js

@@ -3955,8 +3955,17 @@ const TabHeader = (p) => {
                     overflow: 'hidden',
                 });
             }
+            let title = tab.title;
+            let buttonContent;
+            if (typeof tab.name === 'string') {
+                title !== null && title !== void 0 ? title : (title = tab.name);
+                buttonContent = React__namespace.createElement(Text, { tag: "div", align: "center", ellipsis: true }, tab.name);
+            }
+            else {
+                buttonContent = tab.name;
+            }
             return (React__namespace.createElement("li", { key: index, className: css.cx(tabStyles, p.tabClassName) },
-                React__namespace.createElement(Button, { disabled: tabsChanging, className: buttonStyles, variant: buttonVariant, title: tab.name, readOnly: active, onClick: () => {
+                React__namespace.createElement(Button, { disabled: tabsChanging, className: buttonStyles, variant: buttonVariant, title: title, readOnly: active, onClick: () => {
                         const onChange = () => {
                             var _a;
                             setTabIndex(index);
@@ -3978,7 +3987,7 @@ const TabHeader = (p) => {
                         else {
                             onChange();
                         }
-                    } }, tab.name)));
+                    } }, buttonContent)));
         })),
         variant === 'tab' && (React__namespace.createElement("div", { className: css.cx(css.css({
                 label: 'TabHeaderDivider',

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@mackin.com/styleguide",
-    "version": "8.5.2",
+    "version": "8.6.2",
     "description": "",
     "main": "./index.js",
     "types": "./index.d.ts",