@portnet/ui 0.1.27 → 0.1.30

package/dist/components/inputs/PuiCheckbox.js

@@ -11,6 +11,7 @@ require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.string.includes.js");
 require("core-js/modules/es.symbol.description.js");
 var _CheckBoxOutlineBlankRounded = _interopRequireDefault(require("@mui/icons-material/CheckBoxOutlineBlankRounded"));
+var _CheckBoxRounded = _interopRequireDefault(require("@mui/icons-material/CheckBoxRounded"));
 var _material = require("@mui/material");
 var _styles = require("@mui/material/styles");
 var _formik = require("formik");
@@ -139,7 +140,7 @@ const PuiStandardCheckbox = /*#__PURE__*/React.forwardRef((_ref, ref) => {
         disabled: disabled,
         value: value !== null && value !== void 0 ? value : true,
         icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckBoxOutlineBlankRounded.default, {}),
-        checkedIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckBoxOutlineBlankRounded.default, {}),
+        checkedIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckBoxRounded.default, {}),
         onChange: onChange
       }, rest))
     }), !disableHelperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormHelperText, {

package/dist/components/tab/PuiTabs.js

@@ -15,7 +15,7 @@ var React = _interopRequireWildcard(require("react"));
 var _apperance = require("../../config/apperance");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["baseId", "children", "value", "index"],
-  _excluded2 = ["id", "className", "sx", "variant", "centered", "children"]; // Define TabPanel component
+  _excluded2 = ["id", "className", "sx", "variant", "centered", "children"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -48,49 +48,39 @@ const TabPanel = _ref => {
     })
   }));
 };
-TabPanel.propTypes = {
-  baseId: _propTypes.default.string.isRequired,
-  children: _propTypes.default.node,
-  value: _propTypes.default.number.isRequired,
-  index: _propTypes.default.number.isRequired
-};
-
-// Define function to get Tab properties
 const getTabProps = (baseId, index) => {
   return {
     id: "".concat(baseId, "-").concat(index),
     "aria-controls": "".concat(baseId, "panel-").concat(index)
   };
 };
-
-// Define styled Tabs component
 const StyledTabs = (0, _styles.styled)( /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tabs, _objectSpread({
   ref: ref
-}, props))))(() => ({
-  "&.MuiTabs-root": {
-    "& .MuiTab-root": {
-      fontWeight: "600",
-      fontSize: ".8rem",
-      borderRadius: "8px",
-      // Make tabs rounded
-      margin: "0 4px",
-      // Add space between tabs
-      minHeight: "36px",
-      // Adjust minimum height if necessary
-      background: "#f0f0f0" // Add grey background to non-selected tabs
-    },
-    "& .Mui-selected": {
-      color: "#fff",
-      // Change this to white for selected tab text
-      background: "rgb(2 156 253 / 52%)" // Change this to blue for selected tab background
-    },
-    "& .MuiTabs-indicator": {
-      backgroundColor: "transparent" // Make the indicator transparent
+}, props))))(() => {
+  return {
+    "&.MuiTabs-root": {
+      "& .MuiTab-root": {
+        fontWeight: "600",
+        fontSize: ".8rem"
+      },
+      "& .Mui-selected": {
+        color: _apperance.palette.primary,
+        background: "#d0d6e0"
+      },
+      "& .MuiTabs-indicator": {
+        backgroundColor: "#d1eaff",
+        height: "3px"
+      },
+      "&:hover": {
+        color: "#40a9ff",
+        opacity: 1
+      },
+      "&.Mui-focusVisible": {
+        backgroundColor: "#d1eaff"
+      }
     }
-  }
-}));
-
-// Define PuiTabs component
+  };
+});
 const PuiTabs = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   let {
       id,
@@ -113,7 +103,7 @@ const PuiTabs = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
     ref: ref,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
       sx: {
-        borderBottom: "1px solid ".concat(_apperance.palette.gray.dark) // Adjust border bottom
+        borderBottom: "2px solid ".concat(_apperance.palette.gray.dark)
       },
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTabs, _objectSpread(_objectSpread({
         value: value,
@@ -146,8 +136,7 @@ PuiTabs.propTypes = {
   className: _propTypes.default.string,
   sx: _propTypes.default.object,
   variant: _propTypes.default.oneOf(["fullWidth", "scrollable", "standard"]),
-  centered: _propTypes.default.bool,
-  children: _propTypes.default.node.isRequired
+  centered: _propTypes.default.bool
 };
 PuiTabs.defaultProps = {
   variant: "standard",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portnet/ui",
-  "version": "0.1.27",
+  "version": "0.1.30",
   "description": "Portnet UI",
   "keywords": [
     "react",