infinity-forge 0.2.9 → 0.3.1
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/ui/components/form/input-control/error/index.d.ts +1 -1
- package/dist/ui/components/form/input-control/error/index.js +8 -2
- package/dist/ui/components/form/input-control/error/index.js.map +1 -1
- package/dist/ui/components/form/input-control/error/styles.js +1 -1
- package/dist/ui/components/form/input-control/error/styles.js.map +1 -1
- package/dist/ui/components/form/input-control/label/styles.js +1 -1
- package/dist/ui/components/form/input-control/loader-input/styles.js +1 -1
- package/dist/ui/components/form/input-control/loader-input/styles.js.map +1 -1
- package/dist/ui/components/form/input-control/styles.js +1 -1
- package/dist/ui/components/form/input-control/styles.js.map +1 -1
- package/dist/ui/components/form/select/styles.js +1 -1
- package/dist/ui/components/form/select/styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { InputProps } from '../../interfaces.js';
|
|
2
|
-
export declare function ErrorMessage({ name
|
|
2
|
+
export declare function ErrorMessage({ name }: InputProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -25,10 +25,16 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
26
|
exports.ErrorMessage = void 0;
|
|
27
27
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
+
var formik_1 = require("formik");
|
|
28
29
|
var S = __importStar(require("./styles.js"));
|
|
29
30
|
function ErrorMessage(_a) {
|
|
30
|
-
var name = _a.name
|
|
31
|
-
|
|
31
|
+
var name = _a.name;
|
|
32
|
+
var errors = (0, formik_1.useFormikContext)().errors;
|
|
33
|
+
var error = errors[name];
|
|
34
|
+
if (!error) {
|
|
35
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
36
|
+
}
|
|
37
|
+
return ((0, jsx_runtime_1.jsx)(S.ErrorMessage, { className: 'error-message', children: (0, jsx_runtime_1.jsx)("span", { className: 'font-14-medium', children: error }) }));
|
|
32
38
|
}
|
|
33
39
|
exports.ErrorMessage = ErrorMessage;
|
|
34
40
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-control/error/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-control/error/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAyC;AAGzC,0CAA6B;AAE7B,SAAgB,YAAY,CAAC,EAAoB;QAAlB,IAAI,UAAA;IACzB,IAAA,MAAM,GAAK,IAAA,yBAAgB,GAAE,OAAvB,CAAuB;IAErC,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE3B,IAAG,CAAC,KAAK,EAAE,CAAC;QACV,OAAO,kDAAK,CAAA;IACd,CAAC;IAED,OAAO,CACL,uBAAC,CAAC,CAAC,YAAY,IAAC,SAAS,EAAC,eAAe,YACvC,iCAAM,SAAS,EAAC,gBAAgB,YAAE,KAAK,GAAQ,GAChC,CAClB,CAAA;AACH,CAAC;AAdD,oCAcC"}
|
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.ErrorMessage = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.ErrorMessage = (0, styled_components_1.default)("div")(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: red;\n margin-top: 3px;\n text-align: left;\n"], ["\n color: red;\n margin-top: 3px;\n text-align: left;\n"])));
|
|
12
|
+
exports.ErrorMessage = (0, styled_components_1.default)("div")(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: red;\n margin-top: 3px;\n padding-left: 5px;\n text-align: left;\n"], ["\n color: red;\n margin-top: 3px;\n padding-left: 5px;\n text-align: left;\n"])));
|
|
13
13
|
var templateObject_1;
|
|
14
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-control/error/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAE1B,QAAA,YAAY,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-control/error/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAE1B,QAAA,YAAY,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,6JAAA,0FAKxC,KAAA"}
|
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.Label = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.Label = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n label {\n margin-bottom: 4px;\n font-weight:
|
|
12
|
+
exports.Label = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n label {\n margin-bottom: 4px;\n font-weight: 500;\n color: #111;\n font-size: 14px;\n display: flex;\n }\n"], ["\n label {\n margin-bottom: 4px;\n font-weight: 500;\n color: #111;\n font-size: 14px;\n display: flex;\n }\n"])));
|
|
13
13
|
var templateObject_1;
|
|
14
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.LoaderInput = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.LoaderInput = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n
|
|
12
|
+
exports.LoaderInput = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n z-index: 2;\n top: 1px;\n right: 11px;\n height: calc(100% - 2px);\n border-radius: inherit;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n padding-right: 0;\n background: #fff;\n"], ["\n position: absolute;\n z-index: 2;\n top: 1px;\n right: 11px;\n height: calc(100% - 2px);\n border-radius: inherit;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n padding-right: 0;\n background: #fff;\n"])));
|
|
13
13
|
var templateObject_1;
|
|
14
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-control/loader-input/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-control/loader-input/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,0UAAA,uQAYvC,KAAA"}
|
|
@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.InputControl = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.InputControl = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n margin-bottom:
|
|
12
|
+
exports.InputControl = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n margin-bottom: 10px;\n\n .input-content {\n position: relative;\n }\n\n input,\n select,\n textarea {\n border: 0;\n background-color: #fff;\n color: #111;\n padding: 0 10px;\n width: 100%;\n position: relative;\n display: flex;\n height: 40px;\n font-weight: 400;\n border: 1px solid #ccc;\n border-radius: 4px;\n font-size: 14px;\n\n &::placeholder {\n font-weight: 400;\n }\n }\n\n select {\n background: url('/images/arrow-bottom.svg') no-repeat;\n background-color: #fff;\n -moz-appearance: none !important;\n -webkit-appearance: none !important;\n appearance: none !important;\n background-position: calc(100% - 20px) 50%;\n }\n\n textarea {\n height: 120px;\n padding-top: 20px;\n padding-bottom: 20px;\n }\n\n input::placeholder {\n color: ", ";\n }\n\n textarea::placeholder {\n color: ", ";\n }\n\n input:read-only {\n opacity: 0.6;\n cursor: not-allowed;\n }\n\n ", "/* @media only screen and (max-width: 1024px) {\n input,\n select {\n height: 50px;\n }\n\n textarea {\n height: 100px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n input,\n select {\n height: 45px;\n }\n } */\n"], ["\n width: 100%;\n margin-bottom: 10px;\n\n .input-content {\n position: relative;\n }\n\n input,\n select,\n textarea {\n border: 0;\n background-color: #fff;\n color: #111;\n padding: 0 10px;\n width: 100%;\n position: relative;\n display: flex;\n height: 40px;\n font-weight: 400;\n border: 1px solid #ccc;\n border-radius: 4px;\n font-size: 14px;\n\n &::placeholder {\n font-weight: 400;\n }\n }\n\n select {\n background: url('/images/arrow-bottom.svg') no-repeat;\n background-color: #fff;\n -moz-appearance: none !important;\n -webkit-appearance: none !important;\n appearance: none !important;\n background-position: calc(100% - 20px) 50%;\n }\n\n textarea {\n height: 120px;\n padding-top: 20px;\n padding-bottom: 20px;\n }\n\n input::placeholder {\n color: ", ";\n }\n\n textarea::placeholder {\n color: ", ";\n }\n\n input:read-only {\n opacity: 0.6;\n cursor: not-allowed;\n }\n\n ", "/* @media only screen and (max-width: 1024px) {\n input,\n select {\n height: 50px;\n }\n\n textarea {\n height: 100px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n input,\n select {\n height: 45px;\n }\n } */\n"])), function (props) { return props.theme['grey-dark']; }, function (props) { return props.theme['grey-dark']; }, function (props) {
|
|
13
13
|
return props.$loading &&
|
|
14
14
|
"\n select {\n -webkit-appearance:none; /* Para navegadores baseados no WebKit (Chrome, Safari, etc.) */\n -moz-appearance: none; /* Para navegadores baseados no Gecko (Firefox) */\n appearance: none; /* Para navegadores que suportam a propriedade appearance */\n }\n ";
|
|
15
15
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-control/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAMzB,QAAA,YAAY,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-control/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAMzB,QAAA,YAAY,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,2zCAAkB,61BA6C9C,EAAmC,kDAInC,EAAmC,uFAQ5C,EAQD,4QAiBF,KArCY,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAxB,CAAwB,EAInC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAxB,CAAwB,EAQ5C,UAAC,KAAK;IACN,OAAA,KAAK,CAAC,QAAQ;QACd,+RAMD;AAPC,CAOD,EAiBF"}
|
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.SelectWrapper = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.SelectWrapper = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\n [class*='-Svg'] {\n transition: 0.2s;\n transform: rotate(0);\n }\n\n [class*=\"ValueContainer\"] {\n height: 40px;\n }\n\n\n [class*=\"singleValue\"] + * {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 34px;\n grid-area: unset;\n grid-template-columns: unset;\n margin: unset;\n padding-bottom: unset;\n padding-top: unset;\n }\n\n \n .open {\n [class*='-Svg'] {\n transform: rotate(180deg);\n }\n }\n"], ["\n\n [class*='-Svg'] {\n transition: 0.2s;\n transform: rotate(0);\n }\n\n [class*=\"ValueContainer\"] {\n height: 40px;\n }\n\n\n [class*=\"singleValue\"] + * {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 34px;\n grid-area: unset;\n grid-template-columns: unset;\n margin: unset;\n padding-bottom: unset;\n padding-top: unset;\n }\n\n \n .open {\n [class*='-Svg'] {\n transform: rotate(180deg);\n }\n }\n"])));
|
|
12
|
+
exports.SelectWrapper = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\n [class*='-Svg'] {\n transition: 0.2s;\n transform: rotate(0);\n }\n\n [class*=\"ValueContainer\"] {\n height: 40px;\n }\n\n\n [class*=\"singleValue\"] + * {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 34px;\n grid-area: unset;\n grid-template-columns: unset;\n margin: unset;\n padding-bottom: unset;\n padding-top: unset;\n }\n\n [class*=\"-placeholder\"] + * {\n visibility: visible;\n display: unset;\n grid-area: unset;\n grid-template-columns:unset;\n margin: unset;\n padding-bottom: unset;\n padding-top: unset;\n color: hsl(0, 0%, 20%);\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .open {\n [class*='-Svg'] {\n transform: rotate(180deg);\n }\n }\n"], ["\n\n [class*='-Svg'] {\n transition: 0.2s;\n transform: rotate(0);\n }\n\n [class*=\"ValueContainer\"] {\n height: 40px;\n }\n\n\n [class*=\"singleValue\"] + * {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 34px;\n grid-area: unset;\n grid-template-columns: unset;\n margin: unset;\n padding-bottom: unset;\n padding-top: unset;\n }\n\n [class*=\"-placeholder\"] + * {\n visibility: visible;\n display: unset;\n grid-area: unset;\n grid-template-columns:unset;\n margin: unset;\n padding-bottom: unset;\n padding-top: unset;\n color: hsl(0, 0%, 20%);\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .open {\n [class*='-Svg'] {\n transform: rotate(180deg);\n }\n }\n"])));
|
|
13
13
|
var templateObject_1;
|
|
14
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,w1BAAA,qxBA4CzC,KAAA"}
|