desk-kit 2.2.3 → 2.2.7

package/dist/components/modal/ModalAction.js

@@ -22,6 +22,7 @@ var _FormLabel = _interopRequireDefault(require("@mui/material/FormLabel"));
 var _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -122,13 +123,15 @@ var ModalAction = function ModalAction(props) {
   }, /*#__PURE__*/_react["default"].createElement(_FormLabel["default"], {
     className: "mb-2"
   }, "C\xF3digo de verificaci\xF3n"), /*#__PURE__*/_react["default"].createElement(_reactOtpInput["default"], {
-    numInputs: 4,
+    numInputs: 6,
     onChange: function onChange(value, index) {
       return setPinCode(value);
     },
     value: pinCode,
     renderInput: function renderInput(props) {
-      return /*#__PURE__*/_react["default"].createElement("input", props);
+      return /*#__PURE__*/_react["default"].createElement("input", _extends({}, props, {
+        className: "input-pin-modal"
+      }));
     }
   }), /*#__PURE__*/_react["default"].createElement(_FormHelperText["default"], null, _getError("code"))) : null), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
     variant: "outlined",

package/dist/style.css

@@ -925,3 +925,24 @@ header .search input {
 		transform: translateY(0);
 	}
 }
+
+.input-pin-modal{
+    min-width: 50px;
+	height: 50px;
+    margin-right: 10px;
+    background-color: #e3eefe;
+    background-color: var(--primary-color-light_80);
+    border:2px solid transparent;
+    outline: none;
+    border-radius: 5px;
+}
+
+.input-pin-modal:focus{
+    border:2px solid #0568fd;
+    border:2px solid var(--primary-color);
+}
+
+
+
+
+

package/dist/styles/global.css

@@ -842,3 +842,22 @@ header .search input {
 		transform: translateY(0);
 	}
 }
+
+.input-pin-modal{
+    min-width: 50px;
+	height: 50px;
+    margin-right: 10px;
+    background-color: var(--primary-color-light_80);
+    border:2px solid transparent;
+    outline: none;
+    border-radius: 5px;
+}
+
+.input-pin-modal:focus{
+    border:2px solid var(--primary-color);
+}
+
+
+
+
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "desk-kit",
-  "version": "2.2.3",
+  "version": "2.2.7",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.js",