@gustavo-valsechi/client 1.4.205 → 1.4.206

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 (6) hide show
  1. package/dist/src/components/types/modal/index.js +1 -1
  2. package/dist/src/components/types/modal/index.mjs +1 -1
  3. package/dist/src/components/types/modal/styles.js +4 -4
  4. package/dist/src/components/types/modal/styles.mjs +4 -4
  5. package/dist/src/interfaces/components/modal/index.d.ts +1 -1
  6. package/package.json +1 -1
package/dist/src/components/types/modal/index.js CHANGED
@@ -50,7 +50,7 @@ function Modal(props) {
50
50
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-xmark", onClick: props.onClose })
51
51
  ] }),
52
52
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `modal-content ${props.className || ""}`, children: [
53
- props.onClose && !props.title && !props.header && !props.noCloseIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "modal-close", onClick: props.onClose, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-xmark" }) }),
53
+ props.onClose && !props.title && !props.header && !!props.closeIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "modal-close", onClick: props.onClose, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-xmark" }) }),
54
54
  props.children
55
55
  ] }),
56
56
  props.buttons && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "modal-buttons", children: import_lodash.default.map(
package/dist/src/components/types/modal/index.mjs CHANGED
@@ -17,7 +17,7 @@ function Modal(props) {
17
17
  /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: "fa-solid fa-xmark", onClick: props.onClose })
18
18
  ] }),
19
19
  /* @__PURE__ */ jsxs("div", { className: `modal-content ${props.className || ""}`, children: [
20
- props.onClose && !props.title && !props.header && !props.noCloseIcon && /* @__PURE__ */ jsx("div", { className: "modal-close", onClick: props.onClose, children: /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: "fa-solid fa-xmark" }) }),
20
+ props.onClose && !props.title && !props.header && !!props.closeIcon && /* @__PURE__ */ jsx("div", { className: "modal-close", onClick: props.onClose, children: /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: "fa-solid fa-xmark" }) }),
21
21
  props.children
22
22
  ] }),
23
23
  props.buttons && /* @__PURE__ */ jsx("div", { className: "modal-buttons", children: _.map(
package/dist/src/components/types/modal/styles.js CHANGED
@@ -175,22 +175,22 @@ const Container = import_styled_components.default.div`
175
175
 
176
176
  @keyframes containerAnimation {
177
177
  0% {
178
- transform: ${(props) => props.position === "right" ? "translateX(18rem)" : props.position === "left" ? "translateX(-18rem)" : "translateX(-50%) translateY(43%)"};
178
+ transform: translateX(-50%) translateY(43%);
179
179
  opacity: ${(props) => props.position === "center" ? "0" : "1"};
180
180
  }
181
181
  100% {
182
- transform: ${(props) => props.position === "right" || props.position === "left" ? "translateX(0rem)" : "translateX(-50%) translateY(50%)"};
182
+ transform: translateX(-50%) translateY(50%);
183
183
  opacity: 1;
184
184
  }
185
185
  }
186
186
 
187
187
  @keyframes containerMobileAnimation {
188
188
  0% {
189
- transform: ${(props) => props.position === "right" ? "translateX(18rem)" : props.position === "left" ? "translateX(-18rem)" : "translateX(-50%) translateY(50%)"};
189
+ transform: translateX(-50%) translateY(50%);
190
190
  opacity: ${(props) => props.position === "center" ? "0" : "1"};
191
191
  }
192
192
  100% {
193
- transform: ${(props) => props.position === "right" || props.position === "left" ? "translateX(0rem)" : "translateX(-50%) translateY(0)"};
193
+ transform: translateX(-50%) translateY(0);
194
194
  opacity: 1;
195
195
  }
196
196
  }
package/dist/src/components/types/modal/styles.mjs CHANGED
@@ -142,22 +142,22 @@ const Container = styled.div`
142
142
 
143
143
  @keyframes containerAnimation {
144
144
  0% {
145
- transform: ${(props) => props.position === "right" ? "translateX(18rem)" : props.position === "left" ? "translateX(-18rem)" : "translateX(-50%) translateY(43%)"};
145
+ transform: translateX(-50%) translateY(43%);
146
146
  opacity: ${(props) => props.position === "center" ? "0" : "1"};
147
147
  }
148
148
  100% {
149
- transform: ${(props) => props.position === "right" || props.position === "left" ? "translateX(0rem)" : "translateX(-50%) translateY(50%)"};
149
+ transform: translateX(-50%) translateY(50%);
150
150
  opacity: 1;
151
151
  }
152
152
  }
153
153
 
154
154
  @keyframes containerMobileAnimation {
155
155
  0% {
156
- transform: ${(props) => props.position === "right" ? "translateX(18rem)" : props.position === "left" ? "translateX(-18rem)" : "translateX(-50%) translateY(50%)"};
156
+ transform: translateX(-50%) translateY(50%);
157
157
  opacity: ${(props) => props.position === "center" ? "0" : "1"};
158
158
  }
159
159
  100% {
160
- transform: ${(props) => props.position === "right" || props.position === "left" ? "translateX(0rem)" : "translateX(-50%) translateY(0)"};
160
+ transform: translateX(-50%) translateY(0);
161
161
  opacity: 1;
162
162
  }
163
163
  }
package/dist/src/interfaces/components/modal/index.d.ts CHANGED
@@ -11,7 +11,7 @@ export interface IModal {
11
11
  buttons?: Array<IButton>;
12
12
  children?: React.ReactNode;
13
13
  position?: "center" | "right" | "left";
14
- noCloseIcon?: boolean;
14
+ closeIcon?: boolean;
15
15
  content?: any;
16
16
  className?: string;
17
17
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gustavo-valsechi/client",
3
- "version": "1.4.205",
3
+ "version": "1.4.206",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.js",
6
6
  "types": "dist/index.d.ts",