@fixefy/fixefy-ui-components 0.0.24 → 0.0.25

package/dist-cjs/Tag/Tag.js

@@ -1,26 +1,25 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Tag", {
-    enumerable: true,
-    get: function() {
-        return Tag;
-    }
-});
-const _ = require("@fixefy/fixefy-ui-utils/");
-const _material = require("@mui/material");
-const _tagstyles = require("./styles/tag.styles");
-const Tag = ({ name, count = 0 })=>/*#__PURE__*/ React.createElement(_material.Box, {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { titleCase } from '@fixefy/fixefy-ui-utils/';
+import { Box } from '@mui/material';
+import { StyledCount, StyledLabel, StyledTag } from './styles/tag.styles';
+export const Tag = ({ name, count = 0 })=>/*#__PURE__*/ _jsxs(Box, {
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
         sx: {
             maxWidth: 'fit-content',
             mb: 1
-        }
-    }, /*#__PURE__*/ React.createElement(_tagstyles.StyledTag, {
-        name: name
-    }, /*#__PURE__*/ React.createElement(_tagstyles.StyledLabel, null, (0, _.titleCase)(name))), /*#__PURE__*/ React.createElement(_tagstyles.StyledCount, {
-        name: name
-    }, count));
+        },
+        children: [
+            /*#__PURE__*/ _jsx(StyledTag, {
+                name: name,
+                children: /*#__PURE__*/ _jsx(StyledLabel, {
+                    children: titleCase(name)
+                })
+            }),
+            /*#__PURE__*/ _jsx(StyledCount, {
+                name: name,
+                children: count
+            })
+        ]
+    });

package/dist-cjs/Tag/index.js

@@ -1,11 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Tag", {
-    enumerable: true,
-    get: function() {
-        return _Tag.Tag;
-    }
-});
-const _Tag = require("./Tag");
+export { Tag } from "./Tag";

package/dist-cjs/Tag/styles/tag.styles.js

@@ -1,29 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    StyledCount: function() {
-        return StyledCount;
-    },
-    StyledLabel: function() {
-        return StyledLabel;
-    },
-    StyledTag: function() {
-        return StyledTag;
-    }
-});
-const _object_spread = require("@swc/helpers/_/_object_spread");
-const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
-const _styles = require("@mui/material/styles");
-const _material = require("@mui/material");
-const StyledTag = (0, _styles.styled)(_material.Box)(({ theme, name })=>({
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { styled } from '@mui/material/styles';
+import { Box, Typography } from '@mui/material';
+//
+export const StyledTag = styled(Box)(({ theme, name })=>({
         background: name === 'in_dispute' ? '#56CCF2' : name === '' ? '#BB6BD9' : theme.palette.reconcilation[name].background,
         borderRadius: 8,
         padding: '2px 8px',
@@ -32,11 +12,11 @@ const StyledTag = (0, _styles.styled)(_material.Box)(({ theme, name })=>({
         alignItems: 'center',
         width: 'fit-content'
     }));
-const StyledLabel = (0, _styles.styled)(_material.Typography)(({ theme })=>_object_spread_props._(_object_spread._({}, theme.typography.body1), {
+export const StyledLabel = styled(Typography)(({ theme })=>_object_spread_props(_object_spread({}, theme.typography.body1), {
         lineHeight: '20px',
         color: theme.palette.common.white
     }));
-const StyledCount = (0, _styles.styled)(_material.Typography)(({ theme, name })=>_object_spread_props._(_object_spread._({}, theme.typography.subtitle2), {
+export const StyledCount = styled(Typography)(({ theme, name })=>_object_spread_props(_object_spread({}, theme.typography.subtitle2), {
         lineHeight: '16px',
         fontWeight: 700,
         color: name === 'in_dispute' ? '#56CCF2' : name === '' ? '#BB6BD9' : theme.palette.reconcilation[name].background,

package/dist-cjs/Tag/tag_types.d.js

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
+export { };

package/dist-cjs/index.js

@@ -1,11 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Tag", {
-    enumerable: true,
-    get: function() {
-        return _.Tag;
-    }
-});
-const _ = require("./Tag/");
+export { Tag } from "./Tag/";

package/package.json

@@ -66,5 +66,5 @@
 		}
 	},
 	"types": "./dist-types/index.d.ts",
-	"version": "0.0.24"
+	"version": "0.0.25"
 }