infinity-forge 7.4.8 → 7.4.9
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.
|
@@ -9,6 +9,6 @@ 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: 10px;\n position: relative;\n\n .input-content {\n position: relative;\n }\n\n .eye .icon svg {\n fill: ", ";\n }\n\n .input-icon {\n position: absolute;\n z-index: 2;\n left: ", ";\n right: ", ";\n top: 50%;\n transform: translateY(-50%);\n\n svg {\n width: 100%;\n height: auto;\n max-width: ", ";\n }\n }\n\n input,\n select,\n textarea {\n border: 0;\n background-color: #fff;\n color: ", ";\n padding: 0 10px;\n width: -webkit-fill-available;\n position: relative;\n display: flex;\n font-weight: 400;\n border: 1px solid ", ";\n border-radius: 4px;\n font-size: 14px;\n outline: transparent;\n\n &::placeholder {\n font-weight: 400;\n color: ", ";\n }\n }\n\n input,select {\n height: 42px;\n }\n\n .input-icon + .input-wrapper {\n input,\n select,\n textarea {\n padding-left: ", ";\n padding-right: ", ";\n }\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 \n"], ["\n width: 100%;\n margin-bottom: 10px;\n position: relative;\n\n .input-content {\n position: relative;\n }\n\n .eye .icon svg {\n fill: ", ";\n }\n\n .input-icon {\n position: absolute;\n z-index: 2;\n left: ", ";\n right: ", ";\n top: 50%;\n transform: translateY(-50%);\n\n svg {\n width: 100%;\n height: auto;\n max-width: ", ";\n }\n }\n\n input,\n select,\n textarea {\n border: 0;\n background-color: #fff;\n color: ", ";\n padding: 0 10px;\n width: -webkit-fill-available;\n position: relative;\n display: flex;\n font-weight: 400;\n border: 1px solid ", ";\n border-radius: 4px;\n font-size: 14px;\n outline: transparent;\n\n &::placeholder {\n font-weight: 400;\n color: ", ";\n }\n }\n\n input,select {\n height: 42px;\n }\n\n .input-icon + .input-wrapper {\n input,\n select,\n textarea {\n padding-left: ", ";\n padding-right: ", ";\n }\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 \n"])), function (props) { return (props.$error ? 'red !important' : '#526484'); }, function (props) { return (props.$inputIconDirection === 'left' ? '10px' : 'unset'); }, function (props) { return (props.$inputIconDirection === 'right' ? '10px' : 'unset'); }, function (props) { return props.$inputIconSize + 'px'; }, function (props) { return (props.$error ? 'red' : '#111'); }, function (props) { return (props.$error ? 'red' : '#ccc'); }, function (props) { return (props.$error ? 'red' : '#828282'); }, function (props) { return (props.$inputIconDirection === 'left' ? props.$inputIconSize + 20 + 'px' : '16px'); }, function (props) { return (props.$inputIconDirection === 'right' ? props.$inputIconSize + 20 + 'px' : '16px'); }, function (props) { return props.theme['grey-dark']; }, function (props) { return props.theme['grey-dark']; });
|
|
12
|
+
exports.InputControl = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n margin-bottom: 10px;\n position: relative;\n\n .input-content {\n position: relative;\n }\n\n .eye .icon svg {\n fill: ", ";\n }\n\n .input-icon {\n position: absolute;\n z-index: 2;\n left: ", ";\n right: ", ";\n top: 50%;\n transform: translateY(-50%);\n\n svg {\n width: 100%;\n height: auto;\n max-width: ", ";\n }\n }\n\n input,\n select,\n textarea {\n border: 0;\n background-color: #fff;\n color: ", ";\n padding: 0 10px;\n width: -webkit-fill-available;\n position: relative;\n display: flex;\n font-weight: 400;\n border: 1px solid ", ";\n border-radius: 4px;\n font-size: 14px;\n outline: transparent;\n\n &::placeholder {\n font-weight: 400;\n color: ", ";\n }\n }\n\n input,select {\n height: 42px;\n }\n\n .input-icon + .input-wrapper {\n input,\n select,\n textarea {\n padding-left: ", ";\n padding-right: ", ";\n }\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, select:read-only, textarea:read-only {\n opacity: 0.6;\n background-color: #ccc;\n }\n\n \n"], ["\n width: 100%;\n margin-bottom: 10px;\n position: relative;\n\n .input-content {\n position: relative;\n }\n\n .eye .icon svg {\n fill: ", ";\n }\n\n .input-icon {\n position: absolute;\n z-index: 2;\n left: ", ";\n right: ", ";\n top: 50%;\n transform: translateY(-50%);\n\n svg {\n width: 100%;\n height: auto;\n max-width: ", ";\n }\n }\n\n input,\n select,\n textarea {\n border: 0;\n background-color: #fff;\n color: ", ";\n padding: 0 10px;\n width: -webkit-fill-available;\n position: relative;\n display: flex;\n font-weight: 400;\n border: 1px solid ", ";\n border-radius: 4px;\n font-size: 14px;\n outline: transparent;\n\n &::placeholder {\n font-weight: 400;\n color: ", ";\n }\n }\n\n input,select {\n height: 42px;\n }\n\n .input-icon + .input-wrapper {\n input,\n select,\n textarea {\n padding-left: ", ";\n padding-right: ", ";\n }\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, select:read-only, textarea:read-only {\n opacity: 0.6;\n background-color: #ccc;\n }\n\n \n"])), function (props) { return (props.$error ? 'red !important' : '#526484'); }, function (props) { return (props.$inputIconDirection === 'left' ? '10px' : 'unset'); }, function (props) { return (props.$inputIconDirection === 'right' ? '10px' : 'unset'); }, function (props) { return props.$inputIconSize + 'px'; }, function (props) { return (props.$error ? 'red' : '#111'); }, function (props) { return (props.$error ? 'red' : '#ccc'); }, function (props) { return (props.$error ? 'red' : '#828282'); }, function (props) { return (props.$inputIconDirection === 'left' ? props.$inputIconSize + 20 + 'px' : '16px'); }, function (props) { return (props.$inputIconDirection === 'right' ? props.$inputIconSize + 20 + 'px' : '16px'); }, function (props) { return props.theme['grey-dark']; }, function (props) { return props.theme['grey-dark']; });
|
|
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/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AASzB,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;AASzB,QAAA,YAAY,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,q2CAAkB,uJAU/C,EAAwD,iFAMxD,EAAoE,gBACnE,EAAqE,6HAO/D,EAAsC,8GAS5C,EAA0C,yJAM/B,EAA0C,6IAOnD,EAA6C,8JAYtC,EAA6F,0BAC5F,EAA8F,wJAWxG,EAAmC,kDAInC,EAAmC,iIAS/C,KAzEW,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,EAA7C,CAA6C,EAMxD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,mBAAmB,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,EAAzD,CAAyD,EACnE,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,mBAAmB,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,EAA1D,CAA0D,EAO/D,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,cAAc,GAAG,IAAI,EAA3B,CAA2B,EAS5C,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,EAA/B,CAA+B,EAM/B,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,EAA/B,CAA+B,EAOnD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,EAAlC,CAAkC,EAYtC,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,mBAAmB,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAlF,CAAkF,EAC5F,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,mBAAmB,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAnF,CAAmF,EAWxG,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,EAS/C"}
|