@gustavo-valsechi/client 1.4.361 → 1.4.362
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.
- package/dist/src/components/types/form/types/select/options/option/index.js +3 -3
- package/dist/src/components/types/form/types/select/options/option/index.mjs +3 -3
- package/dist/src/components/types/form/types/select/options/option/styles.js +2 -2
- package/dist/src/components/types/form/types/select/options/option/styles.mjs +2 -2
- package/package.json +1 -1
|
@@ -39,11 +39,11 @@ var import_lodash = __toESM(require("lodash"));
|
|
|
39
39
|
function InputSelectOption(props) {
|
|
40
40
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
41
41
|
if (import_lodash.default.isArray(props.content)) return "";
|
|
42
|
-
if (!!((_a = props.content) == null ? void 0 : _a.icon) || !!((_b = props.content) == null ? void 0 : _b.
|
|
43
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { color: (_c = props.content) == null ? void 0 : _c.color,
|
|
42
|
+
if (!!((_a = props.content) == null ? void 0 : _a.icon) || !!((_b = props.content) == null ? void 0 : _b.img)) {
|
|
43
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { color: (_c = props.content) == null ? void 0 : _c.color, img: (_d = props.content) == null ? void 0 : _d.img, children: [
|
|
44
44
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "select-option-identifier", children: [
|
|
45
45
|
!!((_e = props.content) == null ? void 0 : _e.icon) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: (_f = props.content) == null ? void 0 : _f.icon }),
|
|
46
|
-
!!((_g = props.content) == null ? void 0 : _g.
|
|
46
|
+
!!((_g = props.content) == null ? void 0 : _g.img) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "select-option-img" })
|
|
47
47
|
] }),
|
|
48
48
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "select-option-label-container", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "select-option-label", children: (_h = props.content) == null ? void 0 : _h.label }) })
|
|
49
49
|
] });
|
|
@@ -6,11 +6,11 @@ import _ from "lodash";
|
|
|
6
6
|
function InputSelectOption(props) {
|
|
7
7
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
8
8
|
if (_.isArray(props.content)) return "";
|
|
9
|
-
if (!!((_a = props.content) == null ? void 0 : _a.icon) || !!((_b = props.content) == null ? void 0 : _b.
|
|
10
|
-
return /* @__PURE__ */ jsxs(Container, { color: (_c = props.content) == null ? void 0 : _c.color,
|
|
9
|
+
if (!!((_a = props.content) == null ? void 0 : _a.icon) || !!((_b = props.content) == null ? void 0 : _b.img)) {
|
|
10
|
+
return /* @__PURE__ */ jsxs(Container, { color: (_c = props.content) == null ? void 0 : _c.color, img: (_d = props.content) == null ? void 0 : _d.img, children: [
|
|
11
11
|
/* @__PURE__ */ jsxs("div", { className: "select-option-identifier", children: [
|
|
12
12
|
!!((_e = props.content) == null ? void 0 : _e.icon) && /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: (_f = props.content) == null ? void 0 : _f.icon }),
|
|
13
|
-
!!((_g = props.content) == null ? void 0 : _g.
|
|
13
|
+
!!((_g = props.content) == null ? void 0 : _g.img) && /* @__PURE__ */ jsx("div", { className: "select-option-img" })
|
|
14
14
|
] }),
|
|
15
15
|
/* @__PURE__ */ jsx("div", { className: "select-option-label-container", children: /* @__PURE__ */ jsx("div", { className: "select-option-label", children: (_h = props.content) == null ? void 0 : _h.label }) })
|
|
16
16
|
] });
|
|
@@ -54,10 +54,10 @@ const Container = import_styled_components.default.div`
|
|
|
54
54
|
color: ${(props) => props.theme[props.color || ""] || props.theme.t6};
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
.select-option-
|
|
57
|
+
.select-option-img {
|
|
58
58
|
width: .8rem;
|
|
59
59
|
height: .8rem;
|
|
60
|
-
background-image: url(${(props) => props.
|
|
60
|
+
background-image: url(${(props) => props.img});
|
|
61
61
|
background-size: contain;
|
|
62
62
|
background-repeat: no-repeat;
|
|
63
63
|
background-position: center;
|
|
@@ -21,10 +21,10 @@ const Container = styled.div`
|
|
|
21
21
|
color: ${(props) => props.theme[props.color || ""] || props.theme.t6};
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
.select-option-
|
|
24
|
+
.select-option-img {
|
|
25
25
|
width: .8rem;
|
|
26
26
|
height: .8rem;
|
|
27
|
-
background-image: url(${(props) => props.
|
|
27
|
+
background-image: url(${(props) => props.img});
|
|
28
28
|
background-size: contain;
|
|
29
29
|
background-repeat: no-repeat;
|
|
30
30
|
background-position: center;
|