contentoh-components-library 21.5.30 → 21.5.32

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.
@@ -193,7 +193,7 @@ var InputGroup = function InputGroup(_ref) {
193
193
  var _dataInputs$input, _dataInputs$input2, _dataInputs$input3, _dataInputs$input4, _dataInputs$input5, _dataInputs$input6, _dataInputs$input7, _dataInputs$input8, _dataInputs$input9, _dataInputs$input10, _dataInputs$input11, _dataInputs$input12, _dataInputs$input13, _dataInputs$input14, _dataInputs$input15, _dataInputs$input16, _auditInputs$input, _dataInputs$input17, _dataInputs$input18, _dataInputs$input19, _dataInputs$input20, _dataInputs$input21, _dataInputs$input22, _auditInputGroup$inpu, _auditInputGroup$inpu2;
194
194
 
195
195
  return activeSection === "Ficha técnica" ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
196
- className: ((_dataInputs$input = dataInputs[input]) === null || _dataInputs$input === void 0 ? void 0 : _dataInputs$input.id) === 6700 || ((_dataInputs$input2 = dataInputs[input]) === null || _dataInputs$input2 === void 0 ? void 0 : _dataInputs$input2.id) === 6701 ? "inputs-validation-onboarding" : "",
196
+ className: ((_dataInputs$input = dataInputs[input]) === null || _dataInputs$input === void 0 ? void 0 : _dataInputs$input.id) === 6700 || ((_dataInputs$input2 = dataInputs[input]) === null || _dataInputs$input2 === void 0 ? void 0 : _dataInputs$input2.id) === 6701 ? "inputs-validation-onboarding" : "inputs-validation",
197
197
  children: [((_dataInputs$input3 = dataInputs[input]) === null || _dataInputs$input3 === void 0 ? void 0 : _dataInputs$input3.isApproved) === false && /*#__PURE__*/(0, _jsxRuntime.jsx)(InputReviewSection, {
198
198
  inputId: (_dataInputs$input4 = dataInputs[input]) === null || _dataInputs$input4 === void 0 ? void 0 : _dataInputs$input4.id,
199
199
  isApproved: (_dataInputs$input5 = dataInputs[input]) === null || _dataInputs$input5 === void 0 ? void 0 : _dataInputs$input5.isApproved,
@@ -15,6 +15,6 @@ var _variables = require("../../../global-files/variables");
15
15
 
16
16
  var _templateObject;
17
17
 
18
- var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n border: 1px solid ", ";\n border-radius: 6px;\n padding: 10px;\n width: 100%;\n\n .retailer-name-header {\n & + * {\n margin-top: 10px;\n }\n }\n &.datasheets-layout {\n padding-right: 0;\n\n .inputs-container {\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n gap: 5px;\n\n .input-container {\n flex: 1 1 20%;\n min-width: 227px;\n display: flex;\n flex-direction: column;\n }\n }\n\n .inputs-validation-onboarding{\n display: flex;\n align-items: center;\n gap:5px;\n padding: 0px 5px;\n //border: 1px solid #e33aa9;\n // border-left: 1px solid #e33aa9;\n // border-bottom: 1px solid #e33aa9;\n border-radius: 6px;\n position:relative;\n }\n }\n\n & + * {\n margin-top: 15px;\n }\n\n .btnReviewState {\n display: flex;\n flex-direction: column;\n border: 1px solid lightgray;\n border-radius: 3px;\n z-index: 1000;\n position: absolute;\n transform: translate(35%, 0);\n }\n\n .btnReviewState button {\n display: flex;\n align-items: center;\n border: none;\n background: white;\n border-radius: 3px;\n box-shadow: 2px 2px 2px lightgray;\n }\n .btnReviewState button:hover {\n background: lightgray;\n }\n /* #divBtnsReviewdown {\n border-left: 1px solid black;\n border-right: 1px solid black;\n border-bottom: 1px solid black;\n }\n #aceptbtn {\n background: white;\n border: none;\n }\n #rejectbtn {\n background: white;\n border: none;\n } */\n"])), _variables.GlobalColors.s2);
18
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n border: 1px solid ", ";\n border-radius: 6px;\n padding: 10px;\n width: 100%;\n\n .retailer-name-header {\n & + * {\n margin-top: 10px;\n }\n }\n &.datasheets-layout {\n padding-right: 0;\n\n .inputs-container {\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n gap: 5px;\n\n .input-container {\n flex: 1 1 20%;\n min-width: 227px;\n display: flex;\n flex-direction: column;\n }\n }\n\n .inputs-validation-onboarding{\n display: flex;\n align-items: center;\n gap:5px;\n padding: 0px 5px;\n //border: 1px solid #e33aa9;\n // border-left: 1px solid #e33aa9;\n // border-bottom: 1px solid #e33aa9;\n border-radius: 6px;\n position:relative;\n }\n\n .inputs-validation{\n position:relative;\n }\n }\n\n & + * {\n margin-top: 15px;\n }\n\n .btnReviewState {\n display: flex;\n flex-direction: column;\n border: 1px solid lightgray;\n border-radius: 3px;\n z-index: 1000;\n position: absolute;\n transform: translate(35%, 0);\n }\n\n .btnReviewState button {\n display: flex;\n align-items: center;\n border: none;\n background: white;\n border-radius: 3px;\n box-shadow: 2px 2px 2px lightgray;\n }\n .btnReviewState button:hover {\n background: lightgray;\n }\n /* #divBtnsReviewdown {\n border-left: 1px solid black;\n border-right: 1px solid black;\n border-bottom: 1px solid black;\n }\n #aceptbtn {\n background: white;\n border: none;\n }\n #rejectbtn {\n background: white;\n border: none;\n } */\n"])), _variables.GlobalColors.s2);
19
19
 
20
20
  exports.Container = Container;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "contentoh-components-library",
3
- "version": "21.5.30",
3
+ "version": "21.5.32",
4
4
  "dependencies": {
5
5
  "@aws-amplify/auth": "^4.5.3",
6
6
  "@aws-amplify/datastore": "^3.11.0",
@@ -177,7 +177,7 @@ export const InputGroup = ({
177
177
  <div className={
178
178
  dataInputs[input]?.id === 6700 || dataInputs[input]?.id === 6701
179
179
  ? "inputs-validation-onboarding"
180
- : ""
180
+ : "inputs-validation"
181
181
  }>
182
182
  {dataInputs[input]?.isApproved === false && (
183
183
  <InputReviewSection
@@ -40,6 +40,10 @@ export const Container = styled.div`
40
40
  border-radius: 6px;
41
41
  position:relative;
42
42
  }
43
+
44
+ .inputs-validation{
45
+ position:relative;
46
+ }
43
47
  }
44
48
 
45
49
  & + * {