@epilot/base-elements 3.3.1 → 3.3.2

package/dist/EntityItem/EntityItem.js

@@ -0,0 +1,134 @@
+"use strict";
+exports.__esModule = true;
+exports.EntityItem = void 0;
+var tslib_1 = require("tslib");
+var core_1 = require("@material-ui/core");
+var ExpandMore_1 = tslib_1.__importDefault(require("@material-ui/icons/ExpandMore"));
+var react_1 = tslib_1.__importStar(require("react"));
+var Avatar_1 = require("../Avatar");
+var Box_1 = require("../Box");
+var Button_1 = require("../Button");
+var Chip_1 = require("../Chip");
+var Icon_1 = require("../Icon");
+var Link_1 = require("../Link");
+var Typography_1 = require("../Typography");
+var EntityAttributes_1 = require("./EntityAttributes");
+var EntityMenu_1 = require("./EntityMenu");
+var useStyles = core_1.makeStyles(function (theme) {
+    return core_1.createStyles({
+        entityItemRoot: {
+            padding: function (_a) {
+                var showRelations = _a.showRelations, hasTags = _a.hasTags;
+                return theme.spacing(showRelations ? 0.5 : hasTags ? 2 : 1) + "px " + theme.spacing(2) + "px";
+            },
+            borderRadius: theme.shape.borderRadius,
+            backgroundColor: theme.palette.background.paper,
+            color: theme.palette.text.primary,
+            border: "1px solid transparent",
+            display: 'flex',
+            flexWrap: 'wrap',
+            boxShadow: '0px 1px 4px rgba(21, 43, 66, 0.16)',
+            '&:hover': {
+                borderColor: theme.palette.primary.main
+            }
+        },
+        itemsWrapper: {
+            display: 'flex',
+            alignItems: 'center',
+            flex: 1,
+            position: 'relative',
+            top: function (_a) {
+                var showRelations = _a.showRelations;
+                return (showRelations ? '-12px' : 0);
+            }
+        },
+        title: {
+            marginRight: theme.spacing(1),
+            textAlign: 'left',
+            fontWeight: 600,
+            paddingBottom: function (_a) {
+                var hasTags = _a.hasTags;
+                return hasTags ? theme.spacing(0.5) : 0;
+            }
+        },
+        avatar: {
+            marginRight: theme.spacing(1)
+        },
+        entityField: {
+            display: 'flex',
+            flexDirection: 'column',
+            padding: '0 8px',
+            alignItems: 'flex-start'
+        },
+        tag: {
+            '&:not(:last-child)': {
+                marginRight: theme.spacing(1)
+            }
+        },
+        relationTagsWrapper: {
+            paddingLeft: 8,
+            paddingRight: 8,
+            background: 'white'
+        },
+        relationTags: {
+            flex: '0 0 100%',
+            display: 'flex',
+            zIndex: 10,
+            borderRadius: '4px',
+            position: 'relative',
+            top: "-" + theme.spacing(2) + "px",
+            height: '24px'
+        },
+        tagsWrapper: {
+            display: 'flex',
+            flexWrap: 'nowrap',
+            maxWidth: 180,
+            overflowX: 'scroll',
+            '&::-webkit-scrollbar': {
+                display: 'none'
+            }
+        },
+        expand: {
+            transform: 'rotate(0deg)',
+            transition: theme.transitions.create('transform', {
+                duration: theme.transitions.duration.shortest
+            })
+        },
+        expandOpen: {
+            transform: 'rotate(180deg)'
+        },
+        flexedCollapse: {
+            marginBottom: theme.spacing(2)
+        }
+    });
+});
+exports.EntityItem = react_1.memo(function (_a) {
+    var avatarIcon = _a.avatarIcon, attributes = _a.attributes, attributePriorities = _a.attributePriorities, collapsible = _a.collapsible, className = _a.className, id = _a.id, menuProps = _a.menuProps, onClick = _a.onClick, relationTags = _a.relationTags, title = _a.title, tags = _a.tags, url = _a.url, style = _a.style;
+    var classes = useStyles({
+        showRelations: Boolean(relationTags === null || relationTags === void 0 ? void 0 : relationTags.length),
+        hasTags: Boolean(tags === null || tags === void 0 ? void 0 : tags.length)
+    });
+    var _b = react_1["default"].useState(false), expanded = _b[0], setExpand = _b[1];
+    var toggleExpanded = react_1.useCallback(function (event) {
+        event.preventDefault();
+        setExpand(function (state) { return !state; });
+    }, []);
+    return (react_1["default"].createElement(Link_1.Link, { className: classes.entityItemRoot + " " + (className !== null && className !== void 0 ? className : ''), href: url, onClick: onClick, style: style, underline: "none", variant: "body1" },
+        relationTags && (relationTags === null || relationTags === void 0 ? void 0 : relationTags.length) && (react_1["default"].createElement(Box_1.Box, { className: classes.relationTags },
+            react_1["default"].createElement("div", { className: classes.relationTagsWrapper }, relationTags.map(function (tag) { return (react_1["default"].createElement(Chip_1.Chip, { className: classes.tag, key: "relation-" + id + "-" + tag, label: tag })); })))),
+        react_1["default"].createElement("div", { style: { display: 'flex', flexDirection: 'column', flex: 1 } },
+            react_1["default"].createElement("div", { className: classes.itemsWrapper },
+                react_1["default"].createElement(Avatar_1.Avatar, { backgroundColor: "#D5E1ED", className: classes.avatar },
+                    react_1["default"].createElement(Icon_1.Icon, { name: avatarIcon || 'person' })),
+                react_1["default"].createElement("div", { className: classes.entityField },
+                    react_1["default"].createElement(Typography_1.BodyText, { className: classes.title }, title),
+                    Boolean(tags === null || tags === void 0 ? void 0 : tags.length) && (react_1["default"].createElement("div", { className: classes.tagsWrapper }, tags === null || tags === void 0 ? void 0 : tags.map(function (tag) { return (react_1["default"].createElement(Chip_1.Chip, { className: classes.tag, key: id + tag, label: tag, randomColor: true })); })))),
+                (!collapsible || (collapsible && !expanded)) && (react_1["default"].createElement(EntityAttributes_1.EntityAttributes, { attributePriorities: attributePriorities, attributes: attributes })),
+                react_1["default"].createElement(EntityMenu_1.EntityMenu, { id: id, menuProps: menuProps, url: url }),
+                collapsible && (react_1["default"].createElement(Button_1.IconButton, { "aria-expanded": expanded, "aria-label": "show more", className: classes.expand + " " + (expanded ? classes.expandOpen : ''), onClick: toggleExpanded, size: "small" },
+                    react_1["default"].createElement(ExpandMore_1["default"], null)))),
+            collapsible && (react_1["default"].createElement(core_1.Collapse, { className: classes.flexedCollapse, "in": expanded, timeout: "auto", unmountOnExit: true },
+                react_1["default"].createElement(EntityAttributes_1.EntityAttributes, { attributePriorities: attributePriorities, attributes: attributes, collapsible: true }))))));
+});
+exports.EntityItem.displayName = 'EntityItem';
+//# sourceMappingURL=EntityItem.js.map

package/dist/EntityItem/EntityItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityItem.js","sourceRoot":"","sources":["../../src/EntityItem/EntityItem.tsx"],"names":[],"mappings":"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"}

package/dist/EntityItem/EntityMenu.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { EntityItemProps } from './types';
+export declare const EntityMenu: React.MemoExoticComponent<({ menuProps, id, url }: Partial<EntityItemProps>) => JSX.Element | null>;

package/dist/EntityItem/EntityMenu.js

@@ -0,0 +1,48 @@
+"use strict";
+exports.__esModule = true;
+exports.EntityMenu = void 0;
+var tslib_1 = require("tslib");
+var core_1 = require("@material-ui/core");
+var react_1 = tslib_1.__importStar(require("react"));
+var Button_1 = require("../Button");
+var Icon_1 = require("../Icon");
+var Menu_1 = require("../Menu");
+var useStyles = core_1.makeStyles(function (theme) {
+    return core_1.createStyles({
+        menuWrapper: {
+            marginLeft: 'auto'
+        },
+        menuItemText: {
+            paddingLeft: theme.spacing(1)
+        }
+    });
+});
+exports.EntityMenu = react_1.memo(function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j;
+    var menuProps = _a.menuProps, id = _a.id, url = _a.url;
+    var _k = react_1["default"].useState(null), anchorEl = _k[0], setAnchorEl = _k[1];
+    var classes = useStyles();
+    var handleMenuClose = react_1.useCallback(function () {
+        setAnchorEl(null);
+    }, []);
+    var handleMenuClick = react_1.useCallback(function (event) {
+        event.preventDefault();
+        setAnchorEl(event.currentTarget);
+    }, [setAnchorEl]);
+    if (!((_b = menuProps === null || menuProps === void 0 ? void 0 : menuProps.actions) === null || _b === void 0 ? void 0 : _b.length))
+        return null;
+    return (react_1["default"].createElement("div", { className: classes.menuWrapper },
+        react_1["default"].createElement(Button_1.IconButton, tslib_1.__assign({ "aria-controls": "long-menu", "aria-haspopup": "true", "aria-label": "more" }, menuProps, { onClick: handleMenuClick }, menuProps === null || menuProps === void 0 ? void 0 : menuProps.anchorProps),
+            react_1["default"].createElement(Icon_1.Icon, { color: (_c = menuProps === null || menuProps === void 0 ? void 0 : menuProps.anchorProps) === null || _c === void 0 ? void 0 : _c.color, customColor: (_e = (_d = menuProps === null || menuProps === void 0 ? void 0 : menuProps.anchorProps) === null || _d === void 0 ? void 0 : _d.customColor) !== null && _e !== void 0 ? _e : 'black', fontSize: (_f = menuProps === null || menuProps === void 0 ? void 0 : menuProps.anchorProps) === null || _f === void 0 ? void 0 : _f.fontSize, name: (_h = (_g = menuProps === null || menuProps === void 0 ? void 0 : menuProps.anchorProps) === null || _g === void 0 ? void 0 : _g.name) !== null && _h !== void 0 ? _h : 'more_vert' })),
+        react_1["default"].createElement(Menu_1.Menu, { anchorEl: anchorEl, keepMounted: true, onClose: handleMenuClose, open: Boolean(anchorEl) }, (_j = menuProps === null || menuProps === void 0 ? void 0 : menuProps.actions) === null || _j === void 0 ? void 0 : _j.map(function (_a, index) {
+            var title = _a.title, icon = _a.icon, onPerform = _a.onPerform;
+            return (react_1["default"].createElement(Menu_1.MenuItem, { key: "entity-menu-" + index, onClick: function () {
+                    onPerform({ id: id, title: title, url: url });
+                    handleMenuClose();
+                } },
+                icon && icon({ children: null }),
+                react_1["default"].createElement("span", { className: classes.menuItemText }, title)));
+        }))));
+});
+exports.EntityMenu.displayName = 'EntityMenu';
+//# sourceMappingURL=EntityMenu.js.map

package/dist/EntityItem/EntityMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityMenu.js","sourceRoot":"","sources":["../../src/EntityItem/EntityMenu.tsx"],"names":[],"mappings":";;;;AAAA,0CAA4D;AAC5D,qDAAgD;AAEhD,oCAAsC;AACtC,gCAA8B;AAC9B,gCAAwC;AAKxC,IAAM,SAAS,GAAG,iBAAU,CAAC,UAAC,KAAY;IACxC,OAAA,mBAAY,CAAC;QACX,WAAW,EAAE;YACX,UAAU,EAAE,MAAM;SACnB;QACD,YAAY,EAAE;YACZ,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;SAC9B;KACF,CAAC;AAPF,CAOE,CACH,CAAA;AAEY,QAAA,UAAU,GAAG,YAAI,CAC5B,UAAC,EAAgD;;QAA9C,SAAS,eAAA,EAAE,EAAE,QAAA,EAAE,GAAG,SAAA;IACb,IAAA,KAA0B,kBAAK,CAAC,QAAQ,CAAqB,IAAI,CAAC,EAAjE,QAAQ,QAAA,EAAE,WAAW,QAA4C,CAAA;IACxE,IAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,IAAM,eAAe,GAAG,mBAAW,CAAC;QAClC,WAAW,CAAC,IAAI,CAAC,CAAA;IACnB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,eAAe,GAAG,mBAAW,CACjC,UAAC,KAAoC;QACnC,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;IAClC,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAA;IAED,IAAI,QAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0CAAE,MAAM,CAAA;QAAE,OAAO,IAAI,CAAA;IAE5C,OAAO,CACL,0CAAK,SAAS,EAAE,OAAO,CAAC,WAAW;QACjC,iCAAC,mBAAU,sCACK,WAAW,mBACX,MAAM,gBACT,MAAM,IACb,SAAS,IACb,OAAO,EAAE,eAAe,IACpB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW;YAE1B,iCAAC,WAAI,IACH,KAAK,QAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,KAAK,EACpC,WAAW,cAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,WAAW,mCAAI,OAAO,EAC3D,QAAQ,QAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,QAAQ,EAC1C,IAAI,cAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,IAAI,mCAAI,WAAW,GACjD,CACS;QACb,iCAAC,WAAI,IACH,QAAQ,EAAE,QAAQ,EAClB,WAAW,QACX,OAAO,EAAE,eAAe,EACxB,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,UAEtB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0CAAE,GAAG,CAAC,UAAC,EAA0B,EAAE,KAAK;gBAA/B,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,SAAS,eAAA;YAAc,OAAA,CAC9D,iCAAC,eAAQ,IACP,GAAG,EAAE,iBAAe,KAAO,EAC3B,OAAO,EAAE;oBACP,SAAS,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,OAAA,EAAE,GAAG,KAAA,EAAE,CAAC,CAAA;oBAC7B,eAAe,EAAE,CAAA;gBACnB,CAAC;gBAEA,IAAI,IAAI,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;gBACjC,2CAAM,SAAS,EAAE,OAAO,CAAC,YAAY,IAAG,KAAK,CAAQ,CAC5C,CACZ;QAX+D,CAW/D,EACI,CACH,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAA"}

package/dist/EntityItem/index.d.ts

@@ -0,0 +1,2 @@
+export * from './EntityItem';
+export * from './types';

package/dist/EntityItem/index.js

@@ -0,0 +1,6 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./EntityItem"), exports);
+tslib_1.__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

package/dist/EntityItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/EntityItem/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B;AAC5B,kDAAuB"}

package/dist/EntityItem/types.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import { IconButtonProps } from '../Button';
+import { IconName, IconProps } from '../Icon';
+export declare type EntityAttribute = {
+    label: string;
+    value: string | number;
+    name: string;
+    type: 'string';
+};
+export declare type EntityItemProps = {
+    attributePriorities?: Array<string>;
+    attributes?: Array<EntityAttribute>;
+    title: string;
+    id: string | number;
+    url?: string;
+    tags?: Array<string>;
+    org?: string;
+    className?: string;
+    iconUrl?: string;
+    avatarIcon?: IconName;
+    relationTags?: Array<string>;
+    collapsible?: boolean;
+    editing?: boolean;
+    onClick?: (_?: React.MouseEvent<HTMLAnchorElement, MouseEvent> | React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
+    menuProps?: {
+        anchorProps?: IconButtonProps & IconProps;
+        actions?: Array<{
+            icon?: React.FC;
+            title: string;
+            onPerform: (_: {
+                id?: string | number;
+                title?: string;
+                url?: string;
+            }) => void;
+        }>;
+    };
+    style?: React.CSSProperties;
+};

package/dist/EntityItem/types.js

@@ -0,0 +1,3 @@
+"use strict";
+exports.__esModule = true;
+//# sourceMappingURL=types.js.map

package/dist/EntityItem/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/EntityItem/types.ts"],"names":[],"mappings":""}

package/dist/Grid/Grid.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { GridProps } from './types';
+export declare function Grid(props: GridProps): JSX.Element;

package/dist/Grid/Grid.js

@@ -0,0 +1,11 @@
+"use strict";
+exports.__esModule = true;
+exports.Grid = void 0;
+var tslib_1 = require("tslib");
+var core_1 = require("@material-ui/core");
+var react_1 = tslib_1.__importDefault(require("react"));
+function Grid(props) {
+    return react_1["default"].createElement(core_1.Grid, tslib_1.__assign({}, props));
+}
+exports.Grid = Grid;
+//# sourceMappingURL=Grid.js.map

package/dist/Grid/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../src/Grid/Grid.tsx"],"names":[],"mappings":";;;;AAAA,0CAAmD;AACnD,wDAAyB;AAIzB,SAAgB,IAAI,CAAC,KAAgB;IACnC,OAAO,iCAAC,WAAO,uBAAK,KAAK,EAAI,CAAA;AAC/B,CAAC;AAFD,oBAEC"}

package/dist/Grid/types.d.ts

@@ -0,0 +1,2 @@
+import { GridProps as MuiGridProps } from '@material-ui/core';
+export declare type GridProps = MuiGridProps;

package/dist/Grid/types.js

@@ -0,0 +1,3 @@
+"use strict";
+exports.__esModule = true;
+//# sourceMappingURL=types.js.map

package/dist/Grid/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Grid/types.ts"],"names":[],"mappings":""}

package/dist/Notification/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AlertProps as MuiAlertProps } from '@material-ui/lab/Alert';
 export declare type BaseNotificationProps = Omit<MuiAlertProps, 'action' | 'square' | 'icon' | 'role' | 'component' | 'variant' | 'closeText' | 'iconMapping' | 'color'> & {
     /**
@@ -5,5 +6,5 @@ export declare type BaseNotificationProps = Omit<MuiAlertProps, 'action' | 'squa
      */
     visible?: boolean;
     title?: string;
-    message?: string;
+    message?: string | JSX.Element;
 };

package/dist/Tabs/Tabs.js

@@ -14,7 +14,7 @@ tslib_1.__createBinding(exports, lab_2, "TabContext");
 tslib_1.__createBinding(exports, lab_2, "TabPanel");
 tslib_1.__createBinding(exports, lab_2, "TabList");
 var useStyles = core_1.makeStyles(function (theme) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     return core_1.createStyles({
         buttonsFlat: {
             '& > div': {
@@ -24,14 +24,13 @@ var useStyles = core_1.makeStyles(function (theme) {
                         fontWeight: 400,
                         fontSize: 16,
                         color: (_b = (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.text) === null || _b === void 0 ? void 0 : _b.secondary,
-                        boxShadow: "inset 0px -1px 0px 0px " + ((_c = theme.palette) === null || _c === void 0 ? void 0 : _c.divider),
                         minHeight: 40,
                         '&.Mui-selected': {
-                            color: (_e = (_d = theme.palette) === null || _d === void 0 ? void 0 : _d.text) === null || _e === void 0 ? void 0 : _e.primary,
+                            color: (_d = (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.text) === null || _d === void 0 ? void 0 : _d.primary,
                             fontWeight: 600
                         },
                         '&:hover': {
-                            backgroundColor: (_f = theme.palette) === null || _f === void 0 ? void 0 : _f.action.hover
+                            backgroundColor: (_e = theme.palette) === null || _e === void 0 ? void 0 : _e.action.hover
                         }
                     }
                 }
@@ -60,21 +59,19 @@ var useStyles = core_1.makeStyles(function (theme) {
                         fontWeight: 400,
                         fontSize: 20,
                         lineHeight: '24px',
-                        color: (_h = (_g = theme.palette) === null || _g === void 0 ? void 0 : _g.text) === null || _h === void 0 ? void 0 : _h.primary,
+                        color: (_g = (_f = theme.palette) === null || _f === void 0 ? void 0 : _f.text) === null || _g === void 0 ? void 0 : _g.primary,
                         borderRadius: '8px 8px 0px 0px',
-                        boxShadow: "inset 0px 0px 8px 0px #ffffff3d",
                         marginTop: '2px',
                         minHeight: 56,
                         marginRight: 4,
-                        backgroundColor: ((_j = theme.palette) === null || _j === void 0 ? void 0 : _j.grey[10]) + "CC !important",
+                        backgroundColor: ((_h = theme.palette) === null || _h === void 0 ? void 0 : _h.grey[10]) + "CC !important",
                         opacity: 1,
                         overflow: 'visible',
                         '&.Mui-selected': {
                             fontWeight: 600,
-                            color: (_l = (_k = theme.palette) === null || _k === void 0 ? void 0 : _k.text) === null || _l === void 0 ? void 0 : _l.primary,
+                            color: (_k = (_j = theme.palette) === null || _j === void 0 ? void 0 : _j.text) === null || _k === void 0 ? void 0 : _k.primary,
                             overflow: 'visible',
-                            backgroundColor: '#ffffff !important',
-                            boxShadow: "0px 2px 2px rgba(89, 103, 117, 0.2)"
+                            backgroundColor: '#ffffff !important'
                         }
                     }
                 }
@@ -89,7 +86,7 @@ exports.Tabs = react_1.forwardRef(function (_a, ref) {
 });
 exports.Tabs.displayName = 'Tabs';
 var useTabsStyles = core_1.makeStyles(function (theme) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
     return core_1.createStyles({
         buttonsFlat: {
             '& > div': {
@@ -100,10 +97,9 @@ var useTabsStyles = core_1.makeStyles(function (theme) {
                         fontWeight: 400,
                         fontSize: 16,
                         color: (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.grey[200],
-                        boxShadow: "inset 0px -2px 0px " + ((_b = theme.palette) === null || _b === void 0 ? void 0 : _b.grey[70]),
                         minWidth: 0,
                         '&.Mui-selected': {
-                            color: (_d = (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.text) === null || _d === void 0 ? void 0 : _d.primary,
+                            color: (_c = (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.text) === null || _c === void 0 ? void 0 : _c.primary,
                             fontWeight: 600,
                             backgroundColor: 'transparent !important'
                         }

package/dist/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/Tabs/Tabs.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/Tabs/Tabs.tsx"],"names":[],"mappings":"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"}