@gustavo-valsechi/client 1.4.319 → 1.4.321

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/src/components/types/badge/index.js +2 -2
  2. package/dist/src/components/types/badge/index.mjs +2 -2
  3. package/dist/src/components/types/badge/styles.js +48 -46
  4. package/dist/src/components/types/badge/styles.mjs +48 -46
  5. package/dist/src/components/types/table/index.js +3 -1
  6. package/dist/src/components/types/table/index.mjs +3 -1
  7. package/package.json +1 -1
package/dist/src/components/types/badge/index.js CHANGED
@@ -37,13 +37,13 @@ var import_jsx_runtime = require("react/jsx-runtime");
37
37
  var import_styles = require("./styles");
38
38
  var import_lodash = __toESM(require("lodash"));
39
39
  function Badge(props) {
40
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { ...props, children: [
40
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Container, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "badge-container", children: [
41
41
  (!!props.icon || !!props.img) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "badge-identifier", children: [
42
42
  !!props.icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: props.icon }),
43
43
  !props.icon && !!props.img && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "badge-image" })
44
44
  ] }),
45
45
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: import_lodash.default.lowerCase(props.value) })
46
- ] });
46
+ ] }) });
47
47
  }
48
48
  // Annotate the CommonJS export names for ESM import in node:
49
49
  0 && (module.exports = {
package/dist/src/components/types/badge/index.mjs CHANGED
@@ -4,13 +4,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
4
4
  import { Container } from "./styles";
5
5
  import _ from "lodash";
6
6
  function Badge(props) {
7
- return /* @__PURE__ */ jsxs(Container, { ...props, children: [
7
+ return /* @__PURE__ */ jsx(Container, { ...props, children: /* @__PURE__ */ jsxs("div", { className: "badge-container", children: [
8
8
  (!!props.icon || !!props.img) && /* @__PURE__ */ jsxs("div", { className: "badge-identifier", children: [
9
9
  !!props.icon && /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: props.icon }),
10
10
  !props.icon && !!props.img && /* @__PURE__ */ jsx("div", { className: "badge-image" })
11
11
  ] }),
12
12
  /* @__PURE__ */ jsx("span", { children: _.lowerCase(props.value) })
13
- ] });
13
+ ] }) });
14
14
  }
15
15
  export {
16
16
  Badge
package/dist/src/components/types/badge/styles.js CHANGED
@@ -35,58 +35,60 @@ __export(styles_exports, {
35
35
  module.exports = __toCommonJS(styles_exports);
36
36
  var import_styled_components = __toESM(require("styled-components"));
37
37
  const Container = import_styled_components.default.div`
38
- display: inline-flex;
39
- align-items: center;
40
- justify-content: center;
41
- height: 1.8rem;
42
- padding: ${(props) => props.icon || props.img ? "0 .8rem 0 .3rem" : "0 .8rem"};
43
- position: relative;
44
- gap: .7rem;
45
-
46
- .badge-identifier {
47
- width: 1.3rem;
48
- height: 1.3rem;
49
- border-radius: 5px;
50
- background: ${(props) => props.theme.t05};
51
- display: flex;
38
+ .badge-container {
39
+ display: inline-flex;
52
40
  align-items: center;
53
41
  justify-content: center;
54
-
55
- i {
56
- font-size: .7rem;
42
+ height: 1.8rem;
43
+ padding: ${(props) => props.icon || props.img ? "0 .8rem 0 .3rem" : "0 .8rem"};
44
+ position: relative;
45
+ gap: .7rem;
46
+
47
+ .badge-identifier {
48
+ width: 1.3rem;
49
+ height: 1.3rem;
50
+ border-radius: 5px;
51
+ background: ${(props) => props.theme.t05};
52
+ display: flex;
53
+ align-items: center;
54
+ justify-content: center;
55
+
56
+ i {
57
+ font-size: .7rem;
58
+ color: ${({ theme, textColor = "t6", color }) => theme[color || textColor]};
59
+ }
60
+
61
+ .badge-image {
62
+ width: .8rem;
63
+ height: .8rem;
64
+ background-image: url(${(props) => props.img});
65
+ background-size: contain;
66
+ background-repeat: no-repeat;
67
+ background-position: center;
68
+ }
69
+ }
70
+
71
+ span {
72
+ position: relative;
73
+ z-index: 1;
57
74
  color: ${({ theme, textColor = "t6", color }) => theme[color || textColor]};
75
+ font-size: .8rem;
76
+ font-weight: 500;
77
+ text-transform: capitalize;
58
78
  }
59
-
60
- .badge-image {
61
- width: .8rem;
62
- height: .8rem;
63
- background-image: url(${(props) => props.img});
64
- background-size: contain;
65
- background-repeat: no-repeat;
66
- background-position: center;
79
+
80
+ &:before {
81
+ content: "";
82
+ position: absolute;
83
+ top: 0;
84
+ left: 0;
85
+ width: 100%;
86
+ height: 100%;
87
+ border-radius: 5px;
88
+ background: ${({ theme, backgroundColor = "t2", color }) => theme[color || backgroundColor]};
89
+ opacity: .2;
67
90
  }
68
91
  }
69
-
70
- span {
71
- position: relative;
72
- z-index: 1;
73
- color: ${({ theme, textColor = "t6", color }) => theme[color || textColor]};
74
- font-size: .8rem;
75
- font-weight: 500;
76
- text-transform: capitalize;
77
- }
78
-
79
- &:before {
80
- content: "";
81
- position: absolute;
82
- top: 0;
83
- left: 0;
84
- width: 100%;
85
- height: 100%;
86
- border-radius: 5px;
87
- background: ${({ theme, backgroundColor = "t2", color }) => theme[color || backgroundColor]};
88
- opacity: .2;
89
- }
90
92
  `;
91
93
  // Annotate the CommonJS export names for ESM import in node:
92
94
  0 && (module.exports = {
package/dist/src/components/types/badge/styles.mjs CHANGED
@@ -2,58 +2,60 @@
2
2
  "use client";
3
3
  import styled from "styled-components";
4
4
  const Container = styled.div`
5
- display: inline-flex;
6
- align-items: center;
7
- justify-content: center;
8
- height: 1.8rem;
9
- padding: ${(props) => props.icon || props.img ? "0 .8rem 0 .3rem" : "0 .8rem"};
10
- position: relative;
11
- gap: .7rem;
12
-
13
- .badge-identifier {
14
- width: 1.3rem;
15
- height: 1.3rem;
16
- border-radius: 5px;
17
- background: ${(props) => props.theme.t05};
18
- display: flex;
5
+ .badge-container {
6
+ display: inline-flex;
19
7
  align-items: center;
20
8
  justify-content: center;
21
-
22
- i {
23
- font-size: .7rem;
9
+ height: 1.8rem;
10
+ padding: ${(props) => props.icon || props.img ? "0 .8rem 0 .3rem" : "0 .8rem"};
11
+ position: relative;
12
+ gap: .7rem;
13
+
14
+ .badge-identifier {
15
+ width: 1.3rem;
16
+ height: 1.3rem;
17
+ border-radius: 5px;
18
+ background: ${(props) => props.theme.t05};
19
+ display: flex;
20
+ align-items: center;
21
+ justify-content: center;
22
+
23
+ i {
24
+ font-size: .7rem;
25
+ color: ${({ theme, textColor = "t6", color }) => theme[color || textColor]};
26
+ }
27
+
28
+ .badge-image {
29
+ width: .8rem;
30
+ height: .8rem;
31
+ background-image: url(${(props) => props.img});
32
+ background-size: contain;
33
+ background-repeat: no-repeat;
34
+ background-position: center;
35
+ }
36
+ }
37
+
38
+ span {
39
+ position: relative;
40
+ z-index: 1;
24
41
  color: ${({ theme, textColor = "t6", color }) => theme[color || textColor]};
42
+ font-size: .8rem;
43
+ font-weight: 500;
44
+ text-transform: capitalize;
25
45
  }
26
-
27
- .badge-image {
28
- width: .8rem;
29
- height: .8rem;
30
- background-image: url(${(props) => props.img});
31
- background-size: contain;
32
- background-repeat: no-repeat;
33
- background-position: center;
46
+
47
+ &:before {
48
+ content: "";
49
+ position: absolute;
50
+ top: 0;
51
+ left: 0;
52
+ width: 100%;
53
+ height: 100%;
54
+ border-radius: 5px;
55
+ background: ${({ theme, backgroundColor = "t2", color }) => theme[color || backgroundColor]};
56
+ opacity: .2;
34
57
  }
35
58
  }
36
-
37
- span {
38
- position: relative;
39
- z-index: 1;
40
- color: ${({ theme, textColor = "t6", color }) => theme[color || textColor]};
41
- font-size: .8rem;
42
- font-weight: 500;
43
- text-transform: capitalize;
44
- }
45
-
46
- &:before {
47
- content: "";
48
- position: absolute;
49
- top: 0;
50
- left: 0;
51
- width: 100%;
52
- height: 100%;
53
- border-radius: 5px;
54
- background: ${({ theme, backgroundColor = "t2", color }) => theme[color || backgroundColor]};
55
- opacity: .2;
56
- }
57
59
  `;
58
60
  export {
59
61
  Container
package/dist/src/components/types/table/index.js CHANGED
@@ -66,7 +66,9 @@ function Table(props) {
66
66
  };
67
67
  const renderRowContainer = (data, option) => {
68
68
  var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i;
69
- const style = import_lodash.default.isFunction((_a2 = option.row) == null ? void 0 : _a2.style) ? option.row.style(data, option) : (_b2 = option.row) == null ? void 0 : _b2.style;
69
+ const style = {
70
+ ...import_lodash.default.isFunction((_a2 = option.row) == null ? void 0 : _a2.style) ? option.row.style(data, option) : (_b2 = option.row) == null ? void 0 : _b2.style
71
+ };
70
72
  const color = import_lodash.default.isFunction((_c2 = option.row) == null ? void 0 : _c2.color) ? option.row.color(data, option) : (_d2 = option.row) == null ? void 0 : _d2.color;
71
73
  if (color) style.color = theme.content[color] || color;
72
74
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
package/dist/src/components/types/table/index.mjs CHANGED
@@ -32,7 +32,9 @@ function Table(props) {
32
32
  };
33
33
  const renderRowContainer = (data, option) => {
34
34
  var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i;
35
- const style = _.isFunction((_a2 = option.row) == null ? void 0 : _a2.style) ? option.row.style(data, option) : (_b2 = option.row) == null ? void 0 : _b2.style;
35
+ const style = {
36
+ ..._.isFunction((_a2 = option.row) == null ? void 0 : _a2.style) ? option.row.style(data, option) : (_b2 = option.row) == null ? void 0 : _b2.style
37
+ };
36
38
  const color = _.isFunction((_c2 = option.row) == null ? void 0 : _c2.color) ? option.row.color(data, option) : (_d2 = option.row) == null ? void 0 : _d2.color;
37
39
  if (color) style.color = theme.content[color] || color;
38
40
  return /* @__PURE__ */ jsx(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gustavo-valsechi/client",
3
- "version": "1.4.319",
3
+ "version": "1.4.321",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.js",
6
6
  "types": "dist/index.d.ts",