@ix_waterford/lib 1.0.14 → 1.0.16

package/dist/components.js

@@ -170,7 +170,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1765526019683
+        // 1765958923767
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -198,7 +198,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1765526019684
+        // 1765958923769
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -226,7 +226,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1765526019684
+        // 1765958923769
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -254,7 +254,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1765526019684
+        // 1765958923769
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -7020,7 +7020,8 @@ __webpack_require__.d(__webpack_exports__, {
   Style: () => (Style)
 });
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
-const Style = ()=>{
+const Style = (param)=>{
+    let { theme } = param;
     return {
         width: '100%',
         '& .tab-item': {
@@ -7031,6 +7032,23 @@ const Style = ()=>{
             borderRadius: '10px 10px 0px 0px',
             padding: '15px',
             marginRight: '10px'
+        },
+        '& .tab-badge': {
+            background: theme.palette.secondary.main,
+            color: '#fff',
+            fontSize: '12px',
+            fontFamily: theme.typography.h1.fontFamily,
+            padding: '5px 12px',
+            height: '20px',
+            display: 'flex',
+            alignItems: 'center',
+            borderRadius: '30px'
+        },
+        '& .MuiTabs-indicator': {
+            display: 'none'
+        },
+        '& .tab-label': {
+            fontWeight: 600
         }
     };
 };
@@ -7113,11 +7131,13 @@ __webpack_require__.d(__webpack_exports__, {
 });
 /* import */var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/react/jsx-dev-runtime.js");
 /* import */var _mui_material__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("@mui/material");
-/* import */var _style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./src/components/tabs/style.tsx");
+/* import */var _style__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./src/components/tabs/style.tsx");
+/* import */var _typography__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./src/components/typography/typography.tsx");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 
 
 
+
 const TabsComponent = (param)=>{
     let { tabs = [], tabValue = 0, handleTabChange = ()=>{}, orientation = 'horizontal', variant = 'standard', scrollButtons = 'auto', className = '', ...restProps } = param;
     const handleChange = (event, newValue)=>{
@@ -7137,7 +7157,46 @@ const TabsComponent = (param)=>{
         children: tabs.map((tab, index)=>{
             const tabValue = getTabValue(tab, index);
             return /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_mui_material__WEBPACK_IMPORTED_MODULE_1__.Tab, {
-                label: tab.label,
+                label: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_mui_material__WEBPACK_IMPORTED_MODULE_1__.Grid, {
+                    container: true,
+                    alignItems: "center",
+                    spacing: 1,
+                    children: [
+                        tab.icon && /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_mui_material__WEBPACK_IMPORTED_MODULE_1__.Grid, {
+                            children: tab.icon
+                        }, void 0, false, {
+                            fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/tabs/tabs.tsx",
+                            lineNumber: 64,
+                            columnNumber: 46
+                        }, void 0),
+                        /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_mui_material__WEBPACK_IMPORTED_MODULE_1__.Grid, {
+                            children: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_typography__WEBPACK_IMPORTED_MODULE_2__["default"], {
+                                variant: "h1",
+                                children: tab.label
+                            }, void 0, false, {
+                                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/tabs/tabs.tsx",
+                                lineNumber: 65,
+                                columnNumber: 39
+                            }, void 0)
+                        }, void 0, false, {
+                            fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/tabs/tabs.tsx",
+                            lineNumber: 65,
+                            columnNumber: 33
+                        }, void 0),
+                        tab.count && /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_mui_material__WEBPACK_IMPORTED_MODULE_1__.Grid, {
+                            className: "tab-badge",
+                            children: tab.count
+                        }, void 0, false, {
+                            fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/tabs/tabs.tsx",
+                            lineNumber: 66,
+                            columnNumber: 47
+                        }, void 0)
+                    ]
+                }, void 0, true, {
+                    fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/tabs/tabs.tsx",
+                    lineNumber: 63,
+                    columnNumber: 29
+                }, void 0),
                 value: tabValue,
                 disabled: tab.disabled,
                 icon: tab.icon,
@@ -7145,19 +7204,19 @@ const TabsComponent = (param)=>{
                 className: "tab-item"
             }, tabValue, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/tabs/tabs.tsx",
-                lineNumber: 58,
+                lineNumber: 60,
                 columnNumber: 21
             }, undefined);
         })
     }, void 0, false, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/tabs/tabs.tsx",
-        lineNumber: 46,
+        lineNumber: 48,
         columnNumber: 9
     }, undefined);
 };
 _c = TabsComponent;
 TabsComponent.displayName = 'Tabs';
-/* export default */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_mui_material__WEBPACK_IMPORTED_MODULE_1__.styled)(TabsComponent)(_style__WEBPACK_IMPORTED_MODULE_2__.Style));
+/* export default */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_mui_material__WEBPACK_IMPORTED_MODULE_1__.styled)(TabsComponent)(_style__WEBPACK_IMPORTED_MODULE_3__.Style));
 var _c;
 $RefreshReg$(_c, "TabsComponent");