tenjin-ui-kit 0.2.95 → 0.2.102

package/Jenkinsfile

@@ -1,10 +1,7 @@
 pipeline {
     agent {label 'tjui-kit'}
 
-    environment {
-        
-        TOKEN= credentials('npm-publish-token-sriram')
-    }
+    
 
 
     stages {
@@ -36,9 +33,9 @@ pipeline {
                     sh 'cp ./README.md ./dist'
                 }
 
-                dir("./dist") {
-                    sh 'echo $TOKEN'
-                    sh 'export NPM_TOKEN=$TOKEN'
+                dir("./") {
+                    sh 'export NPM_TOKEN=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'
+                    sh 'echo $NPM_TOKEN'
                     sh 'npm publish'
                 }
             }

package/dist/components/browsingTestCaseLayout/DetailsViewLayout/DetailsViewHeader/index.js

@@ -8,15 +8,15 @@ var _material = require("@mui/material");
 var _react = _interopRequireDefault(require("react"));
 var _reactRouterDom = require("react-router-dom");
 var _breadCrumbs = _interopRequireDefault(require("../../../breadCrumbs"));
-var _defaultSmall = _interopRequireDefault(require("../../../../themes/defaultSmall"));
+var _default2 = _interopRequireDefault(require("../../../../themes/default"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var DetailsViewHeader = function DetailsViewHeader(props) {
   var breadcrumbsData = props.breadcrumbsData;
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.ThemeProvider, {
-    theme: _defaultSmall.default
-  }, /*#__PURE__*/_react.default.createElement(_material.CssBaseline, null), /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_breadCrumbs.default, {
+    theme: _default2.default
+  }, /*#__PURE__*/_react.default.createElement(_material.CssBaseline, null), /*#__PURE__*/_react.default.createElement(_breadCrumbs.default, {
     crumbInfo: breadcrumbsData
-  }))));
+  })));
 };
 DetailsViewHeader.propTypes = {};
 var _default = DetailsViewHeader;

package/dist/components/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/Index.js

@@ -6,16 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _material = require("@mui/material");
 var _react = _interopRequireDefault(require("react"));
-var _defaultSmall = _interopRequireDefault(require("../../../../themes/defaultSmall"));
+var _default2 = _interopRequireDefault(require("../../../../themes/default"));
 var _button = _interopRequireDefault(require("../../../button"));
 var _ai = require("react-icons/ai");
 var _style = _interopRequireDefault(require("./style"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var TreeViewHeader = function TreeViewHeader(props) {
-  var onCreate = props.onCreate;
+  var title = props.title,
+    onCreate = props.onCreate;
   var classes = (0, _style.default)();
   return /*#__PURE__*/_react.default.createElement(_material.ThemeProvider, {
-    theme: _defaultSmall.default
+    theme: _default2.default
   }, /*#__PURE__*/_react.default.createElement(_material.CssBaseline, null), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.Grid, {
     container: true,
     direction: "row",
@@ -27,13 +28,13 @@ var TreeViewHeader = function TreeViewHeader(props) {
     xs: 9
   }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
     className: classes.headTypo
-  }, "Tenjin 4.0 Release")), /*#__PURE__*/_react.default.createElement(_material.Grid, {
+  }, title)), /*#__PURE__*/_react.default.createElement(_material.Grid, {
     item: true,
     xs: 3,
     className: classes.buttonGrid
   }, /*#__PURE__*/_react.default.createElement(_button.default, {
     startIcon: /*#__PURE__*/_react.default.createElement(_ai.AiOutlinePlus, {
-      size: '11px'
+      size: "11px"
     }),
     color: "primary",
     variant: "text",

package/dist/components/text/index.js

@@ -0,0 +1,63 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _material = require("@mui/material");
+var _excluded = ["children", "bold", "semibold", "color", "variant", "link", "sx"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var getColor = function getColor(color, theme) {
+  switch (color) {
+    default:
+      return color;
+    case "success":
+      return theme.palette.success.main;
+    case "error":
+      return theme.palette.error.main;
+    case "info":
+      return theme.palette.info.main;
+    case "warning":
+      return theme.palette.warning.main;
+    case "secondary":
+      return "GrayText";
+  }
+};
+var Text = function Text(_ref) {
+  var children = _ref.children,
+    bold = _ref.bold,
+    semibold = _ref.semibold,
+    color = _ref.color,
+    variant = _ref.variant,
+    link = _ref.link,
+    sx = _ref.sx,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var theme = (0, _material.useTheme)();
+  return /*#__PURE__*/_react.default.createElement(_material.Typography, _extends({
+    variant: variant === "title" ? "h6" : variant === "subtitle" ? "body2" : "body1",
+    fontWeight: bold ? "bold" : semibold ? 600 : "inherit",
+    color: link ? "primary" : getColor(color, theme)
+  }, rest, {
+    sx: _objectSpread({
+      textDecoration: link ? "none !important" : "inherit"
+    }, sx)
+  }), children);
+};
+Text.propTypes = {
+  bold: _propTypes.default.bool,
+  semibold: _propTypes.default.bool,
+  variant: _propTypes.default.oneOf(["title", "subtitle"])
+};
+var _default = Text;
+exports.default = _default;

package/dist/components/tree/index.js

@@ -83,7 +83,7 @@ function Tree(props) {
       key: nodes.nodeId
     }, /*#__PURE__*/React.createElement("div", {
       style: {
-        marginBottom: isFirstLevel ? '8px' : null
+        marginBottom: isFirstLevel ? "8px" : null
       }
     }, /*#__PURE__*/React.createElement(_TreeItem.default, {
       key: nodes.nodeId,
@@ -105,62 +105,62 @@ function Tree(props) {
       },
       label: /*#__PURE__*/React.createElement("div", {
         style: {
-          display: 'flex',
-          alignItems: 'center'
+          display: "flex",
+          alignItems: "center"
         }
       }, /*#__PURE__*/React.createElement(_material.Typography, {
         style: {
-          fontWeight: isFirstLevel ? 500 : 'initial',
-          fontSize: '12px',
-          fontFamily: 'sans-serif segoe ui'
+          fontWeight: isFirstLevel ? 500 : "initial",
+          fontSize: "16px",
+          fontFamily: "sans-serif segoe ui"
         }
-      }, nodes.type === 'project' ? expandedNodeIds.includes(nodes.nodeId) ? /*#__PURE__*/React.createElement(_fc.FcOpenedFolder, {
+      }, nodes.type === "project" ? expandedNodeIds.includes(nodes.nodeId) ? /*#__PURE__*/React.createElement(_fc.FcOpenedFolder, {
         style: {
-          marginRight: '10px'
+          marginRight: "10px"
         }
       }) : /*#__PURE__*/React.createElement(_fc.FcFolder, {
         style: {
-          marginRight: '10px'
+          marginRight: "10px"
         }
-      }) : nodes.type === 'module' ? expandedNodeIds.includes(nodes.nodeId) ? /*#__PURE__*/React.createElement(_bi.BiMicrochip, {
+      }) : nodes.type === "module" ? expandedNodeIds.includes(nodes.nodeId) ? /*#__PURE__*/React.createElement(_bi.BiMicrochip, {
         style: {
-          marginRight: '10px',
-          color: '#03c988'
+          marginRight: "10px",
+          color: "#03c988"
         }
       }) : /*#__PURE__*/React.createElement(_bi.BiMicrochip, {
         style: {
-          marginRight: '10px',
-          color: '#90a17d'
+          marginRight: "10px",
+          color: "#90a17d"
         }
-      }) : nodes.type === 'bp' ? expandedNodeIds.includes(nodes.nodeId) ? /*#__PURE__*/React.createElement(_bs.BsFillBriefcaseFill, {
+      }) : nodes.type === "bp" ? expandedNodeIds.includes(nodes.nodeId) ? /*#__PURE__*/React.createElement(_bs.BsFillBriefcaseFill, {
         style: {
-          marginRight: '10px',
-          color: '#03c988'
+          marginRight: "10px",
+          color: "#03c988"
         }
       }) : /*#__PURE__*/React.createElement(_bs.BsFillBriefcaseFill, {
         style: {
-          marginRight: '10px',
-          color: '#90a17d'
+          marginRight: "10px",
+          color: "#90a17d"
         }
-      }) : nodes.type === 'sc' ? expandedNodeIds.includes(nodes.nodeId) ? /*#__PURE__*/React.createElement(_fa.FaClipboardList, {
+      }) : nodes.type === "sc" ? expandedNodeIds.includes(nodes.nodeId) ? /*#__PURE__*/React.createElement(_fa.FaClipboardList, {
         style: {
-          marginRight: '10px',
-          color: '#03c988'
+          marginRight: "10px",
+          color: "#03c988"
         }
       }) : /*#__PURE__*/React.createElement(_fa.FaClipboardList, {
         style: {
-          marginRight: '10px',
-          color: '#90a17d'
+          marginRight: "10px",
+          color: "#90a17d"
         }
       }) : expandedNodeIds.includes(nodes.nodeId) ? /*#__PURE__*/React.createElement(_fi.FiFileText, {
         style: {
-          marginRight: '10px',
-          color: '#03c988'
+          marginRight: "10px",
+          color: "#03c988"
         }
       }) : /*#__PURE__*/React.createElement(_fi.FiFileText, {
         style: {
-          marginRight: '10px',
-          color: '#90a17d'
+          marginRight: "10px",
+          color: "#90a17d"
         }
       }), nodes.name)),
       onContextMenu: function onContextMenu(event) {
@@ -175,7 +175,7 @@ function Tree(props) {
       return handleContextMenu(event, null);
     },
     style: {
-      cursor: 'context-menu'
+      cursor: "context-menu"
     }
   }, /*#__PURE__*/React.createElement(_TreeView.default, {
     "aria-label": "multi-select",
@@ -189,8 +189,8 @@ function Tree(props) {
       height: 216,
       flexGrow: 1,
       // maxWidth: 400,
-      overflowY: 'auto',
-      overflowX: 'hidden'
+      overflowY: "auto",
+      overflowX: "hidden"
     }
   }, folder.map(function (node) {
     return renderTree(node, true);
@@ -205,28 +205,28 @@ function Tree(props) {
     PaperProps: {
       // elevation: 3,
       sx: {
-        overflow: 'visible',
+        overflow: "visible",
         filter: "drop-shadow(0 0 -1rem #667cbc)",
         mt: 1.5,
-        '& .MuiPaper-root-MuiMenu-paper-MuiPaper-root-MuiPopover-paper': {
-          top: '6px !important'
+        "& .MuiPaper-root-MuiMenu-paper-MuiPaper-root-MuiPopover-paper": {
+          top: "6px !important"
         },
-        '& .MuiAvatar-root': {
+        "& .MuiAvatar-root": {
           width: 32,
           height: 32,
           ml: -0.5,
           mr: 1
         },
-        '&:before': {
+        "&:before": {
           content: '""',
-          display: 'block',
-          position: 'absolute',
-          top: '12%',
+          display: "block",
+          position: "absolute",
+          top: "12%",
           left: -5,
           width: 10,
           height: 8,
-          bgcolor: 'background.paper',
-          transform: 'translateY(-50%) rotate(45deg)',
+          bgcolor: "background.paper",
+          transform: "translateY(-50%) rotate(45deg)",
           zIndex: 0
         }
       }
@@ -235,73 +235,73 @@ function Tree(props) {
     onClick: handleClose
   }, /*#__PURE__*/React.createElement(_bi.BiMicrochip, {
     style: {
-      marginRight: '10px'
+      marginRight: "10px"
     }
   }), /*#__PURE__*/React.createElement(_material.Typography, {
     style: {
-      fontFamily: 'sans-serif seoge ui',
+      fontFamily: "sans-serif seoge ui",
       fontWeight: 500,
-      fontSize: '12px'
+      fontSize: "12px"
     }
   }, "Module")), /*#__PURE__*/React.createElement(_MenuItem.default, {
     onClick: handleClose
-  }, ' ', /*#__PURE__*/React.createElement(_bs.BsFillBriefcaseFill, {
+  }, " ", /*#__PURE__*/React.createElement(_bs.BsFillBriefcaseFill, {
     style: {
-      marginRight: '10px'
+      marginRight: "10px"
     }
   }), /*#__PURE__*/React.createElement(_material.Typography, {
     style: {
-      fontFamily: 'sans-serif seoge ui',
+      fontFamily: "sans-serif seoge ui",
       fontWeight: 500,
-      fontSize: '12px'
+      fontSize: "12px"
     }
   }, "Business Process")), /*#__PURE__*/React.createElement(_MenuItem.default, {
     onClick: handleClose
   }, /*#__PURE__*/React.createElement(_fa.FaClipboardList, {
     style: {
-      marginRight: '10px'
+      marginRight: "10px"
     }
   }), /*#__PURE__*/React.createElement(_material.Typography, {
     style: {
-      fontFamily: 'sans-serif seoge ui',
+      fontFamily: "sans-serif seoge ui",
       fontWeight: 500,
-      fontSize: '12px'
+      fontSize: "12px"
     }
   }, "Scenario")), /*#__PURE__*/React.createElement(_MenuItem.default, {
     onClick: handleClose
   }, /*#__PURE__*/React.createElement(_fi.FiFileText, {
     style: {
-      marginRight: '10px'
+      marginRight: "10px"
     }
   }), /*#__PURE__*/React.createElement(_material.Typography, {
     style: {
-      fontFamily: 'sans-serif seoge ui',
+      fontFamily: "sans-serif seoge ui",
       fontWeight: 500,
-      fontSize: '12px'
+      fontSize: "12px"
     }
   }, "Test Case")), /*#__PURE__*/React.createElement(_MenuItem.default, {
     onClick: handleClose
   }, /*#__PURE__*/React.createElement(_fc.FcFolder, {
     style: {
-      marginRight: '10px'
+      marginRight: "10px"
     }
   }), /*#__PURE__*/React.createElement(_material.Typography, {
     style: {
-      fontFamily: 'sans-serif seoge ui',
+      fontFamily: "sans-serif seoge ui",
       fontWeight: 500,
-      fontSize: '12px'
+      fontSize: "12px"
     }
   }, "Other Folder")), /*#__PURE__*/React.createElement(_MenuItem.default, {
     onClick: handleClose
   }, /*#__PURE__*/React.createElement(_ri.RiPencilFill, {
     style: {
-      marginRight: '10px'
+      marginRight: "10px"
     }
   }), /*#__PURE__*/React.createElement(_material.Typography, {
     style: {
-      fontFamily: 'sans-serif seoge ui',
+      fontFamily: "sans-serif seoge ui",
       fontWeight: 500,
-      fontSize: '12px'
+      fontSize: "12px"
     }
   }, "Edit Folder"))));
 }

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tenjin-ui-kit",
-  "version": "0.2.95",
+  "version": "0.2.102",
   "repository": {
     "url": "https://gitlab.com/yethi/react/tenjin-ui-kit.git"
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tenjin-ui-kit",
-  "version": "0.2.95",
+  "version": "0.2.102",
   "repository": {
     "url": "https://gitlab.com/yethi/react/tenjin-ui-kit.git"
   },

package/dist/components/Typo/index.js

@@ -1,123 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _default2 = _interopRequireDefault(require("../../themes/default"));
-var _material = require("@mui/material");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _reactRouterDom = require("react-router-dom");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-var Typo = function Typo(props) {
-  var color = props.color,
-    fontWeight = props.fontWeight,
-    secondary = props.secondary,
-    variant = props.variant,
-    to = props.to;
-  var titleSize = {
-    1: _default2.default.spacing(3),
-    1.25: _default2.default.spacing(3.345),
-    1.5: _default2.default.spacing(4.5)
-  };
-  var title1Size = {
-    1: _default2.default.spacing(2.5),
-    1.25: _default2.default.spacing(3),
-    1.5: _default2.default.spacing(4)
-  };
-  var textSize = {
-    1: _default2.default.spacing(2),
-    1.25: _default2.default.spacing(2.5),
-    1.5: _default2.default.spacing(3.5)
-  };
-  var text2Size = {
-    1: _default2.default.spacing(1.75),
-    1.25: _default2.default.spacing(2.1),
-    1.5: _default2.default.spacing(2.8)
-  };
-  var text3Size = {
-    1: _default2.default.spacing(1.5),
-    1.25: _default2.default.spacing(1.8),
-    1.5: _default2.default.spacing(2.7)
-  };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, function () {
-    switch (variant) {
-      case "title1":
-      case "h1":
-        return /*#__PURE__*/_react.default.createElement(_material.Typography, _extends({
-          fontSize: titleSize[window.devicePixelRatio],
-          color: color ? color : secondary ? _default2.default.palette.grey.main : _default2.default.palette.text.main,
-          fontWeight: fontWeight !== null && fontWeight !== void 0 ? fontWeight : 600
-        }, props), props.children, titleSize[window.devicePixelRatio]);
-      case "title2":
-      case "h2":
-        return /*#__PURE__*/_react.default.createElement(_material.Typography, _extends({
-          fontSize: title1Size[window.devicePixelRatio],
-          color: color ? color : secondary ? _default2.default.palette.grey.main : _default2.default.palette.text.main,
-          fontWeight: fontWeight !== null && fontWeight !== void 0 ? fontWeight : 600
-        }, props), props.children, title1Size[window.devicePixelRatio]);
-      case "text":
-        return /*#__PURE__*/_react.default.createElement(_material.Typography, _extends({
-          fontSize: textSize[window.devicePixelRatio],
-          color: color ? color : secondary ? _default2.default.palette.grey.main : _default2.default.palette.text.main,
-          fontWeight: fontWeight !== null && fontWeight !== void 0 ? fontWeight : 600
-        }, props), props.children, textSize[window.devicePixelRatio]);
-      case "secondaryText":
-        return /*#__PURE__*/_react.default.createElement(_material.Typography, _extends({
-          fontSize: textSize[window.devicePixelRatio],
-          color: color ? color : _default2.default.palette.grey.main,
-          fontWeight: fontWeight !== null && fontWeight !== void 0 ? fontWeight : 600
-        }, props), props.children, textSize[window.devicePixelRatio]);
-      case "text2":
-        return /*#__PURE__*/_react.default.createElement(_material.Typography, _extends({
-          fontSize: text2Size[window.devicePixelRatio],
-          color: color ? color : secondary ? _default2.default.palette.grey.main : _default2.default.palette.text.main,
-          fontWeight: fontWeight !== null && fontWeight !== void 0 ? fontWeight : 600
-        }, props), props.children, text2Size[window.devicePixelRatio]);
-      case "secondaryText2":
-        return /*#__PURE__*/_react.default.createElement(_material.Typography, _extends({
-          fontSize: text2Size[window.devicePixelRatio],
-          color: color ? color : _default2.default.palette.grey.main,
-          fontWeight: fontWeight !== null && fontWeight !== void 0 ? fontWeight : 600
-        }, props), props.children, text2Size[window.devicePixelRatio]);
-      case "link":
-        return /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
-          to: to,
-          style: {
-            textDecoration: "none"
-          }
-        }, /*#__PURE__*/_react.default.createElement(_material.Typography, _extends({
-          fontSize: text2Size[window.devicePixelRatio],
-          color: _default2.default.palette.primary_link.main,
-          fontWeight: fontWeight !== null && fontWeight !== void 0 ? fontWeight : 600
-        }, props), props.children, text2Size[window.devicePixelRatio]));
-      case "text3":
-        return /*#__PURE__*/_react.default.createElement(_material.Typography, _extends({
-          fontSize: text3Size[window.devicePixelRatio],
-          color: color ? color : secondary ? _default2.default.palette.grey.main : _default2.default.palette.text.main,
-          fontWeight: fontWeight !== null && fontWeight !== void 0 ? fontWeight : 600
-        }, props), props.children, text3Size[window.devicePixelRatio]);
-      case "secondaryText3":
-        return /*#__PURE__*/_react.default.createElement(_material.Typography, _extends({
-          fontSize: text3Size[window.devicePixelRatio],
-          color: color ? color : _default2.default.palette.grey.main,
-          fontWeight: fontWeight !== null && fontWeight !== void 0 ? fontWeight : 600
-        }, props), props.children, text3Size[window.devicePixelRatio]);
-      default:
-        return /*#__PURE__*/_react.default.createElement(_material.Typography, _extends({
-          fontSize: _default2.default.spacing(3)
-        }, props), "Default Typo");
-    }
-  }());
-};
-Typo.propTypes = {
-  variant: _propTypes.default.oneOf(["title1", "h1", "title2", "h2", "text", "secondaryText", "text2", "secondaryText2", "link", "text3", "scondaryText3"]).isRequired,
-  color: _propTypes.default.string,
-  fontWeight: _propTypes.default.number,
-  secondary: _propTypes.default.string,
-  to: _propTypes.default.string
-};
-var _default = Typo;
-exports.default = _default;