pge-front-common 14.0.6 → 14.0.8
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/lib/index.esm.js +10 -11
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +10 -11
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
package/lib/index.esm.js
CHANGED
|
@@ -99,7 +99,7 @@ function Button$1(_a) {
|
|
|
99
99
|
|
|
100
100
|
function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
|
|
101
101
|
|
|
102
|
-
var css_248z$x = ".styles-module__textInput___zRDx3 {\r\n width: 100%;\r\n height: 48px;\r\n padding: 14px 8px 14px 8px;\r\n border-radius: 8px;\r\n gap: 4px;\r\n font-size: var(--font-size-14, 14px);\r\n border: 1px solid #cfcfcffc;\r\n outline: none;\r\n transition: all 0.5s;\r\n font-weight: 700;\r\n background-color: var(--input-bg-color);\r\n color: var(--input-placeholder-focus);\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__textInput___zRDx3 {\r\n font-size: var(--font-size-12, 12px);\r\n line-height: 18px;\r\n }\r\n}\r\n\r\n.styles-module__inputContainer___fTYpT {\r\n width: 100%;\r\n color: #30303090;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__iconWrapper___5jskS {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__labelRequired___S-Q5b::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__inputContent___jakTk {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n height: fit-content;\r\n\r\n > svg {\r\n position: fixed;\r\n }\r\n}\r\n.styles-module__titleLabel___9RzJM {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 5px;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__labelInput___LHLDU {\r\n color: var(--color-label);\r\n line-height: 24px;\r\n font-size: var(--font-size-16, 16px);\r\n bottom: 5px;\r\n font-weight: 700;\r\n}\r\n\r\n.styles-module__textInput___zRDx3:disabled {\r\n background: var(--input-disabled-bg-color);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___zRDx3:focus {\r\n color: var(--input-placeholder-focus, #303030cc);\r\n outline: none;\r\n border: 1px solid #1a95b0;\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n}\r\n\r\n.styles-module__textInput___zRDx3::placeholder {\r\n font-weight: 700;\r\n color: var(--input-placeholder-color);\r\n font-size: var(--font-size-14, 14px);\r\n line-height: 24px;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__textInput___zRDx3::placeholder {\r\n font-size: var(--font-size-12, 12px);\r\n line-height: 18px;\r\n }\r\n}\r\n\r\n.styles-module__textInputDanger___s-nLl {\r\n border: 1px solid #cb0a0a;\r\n box-shadow: 0px 0px 0px 2px #dc354580;\r\n}\r\n\r\n.styles-module__password-input-container___9tvR7 {\r\n position: relative;\r\n width: 360px;\r\n}\r\n\r\n.styles-module__inputTextPswUser___KYL7T:focus {\r\n border-color: #005a92;\r\n box-shadow: none;\r\n}\r\n\r\n.styles-module__inputTextPswUser___KYL7T:disabled {\r\n background-color: #c3c3c3;\r\n border: #cfcfcffc;\r\n}\r\n\r\n.styles-module__inputTextPswUser___KYL7T::placeholder {\r\n font-weight: 587;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___j2bLn {\r\n position: absolute;\r\n top: 50%;\r\n right: 15px;\r\n transform: translateY(-50%);\r\n cursor: pointer;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___j2bLn.styles-module__error___PCtVt {\r\n top: 35%;\r\n}\r\n\r\n.styles-module__iconEye___pj-wO {\r\n width: 24px;\r\n height: 24px;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__restrictionMessage___eCquS {\r\n color: #cb0a0a;\r\n
|
|
102
|
+
var css_248z$x = ".styles-module__textInput___zRDx3 {\r\n width: 100%;\r\n height: 48px;\r\n padding: 14px 8px 14px 8px;\r\n border-radius: 8px;\r\n gap: 4px;\r\n font-size: var(--font-size-14, 14px);\r\n border: 1px solid #cfcfcffc;\r\n outline: none;\r\n transition: all 0.5s;\r\n font-weight: 700;\r\n background-color: var(--input-bg-color);\r\n color: var(--input-placeholder-focus);\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__textInput___zRDx3 {\r\n font-size: var(--font-size-12, 12px);\r\n line-height: 18px;\r\n }\r\n}\r\n\r\n.styles-module__inputContainer___fTYpT {\r\n width: 100%;\r\n color: #30303090;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__iconWrapper___5jskS {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__labelRequired___S-Q5b::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__inputContent___jakTk {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n height: fit-content;\r\n\r\n > svg {\r\n position: fixed;\r\n }\r\n}\r\n.styles-module__titleLabel___9RzJM {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 5px;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__labelInput___LHLDU {\r\n color: var(--color-label);\r\n line-height: 24px;\r\n font-size: var(--font-size-16, 16px);\r\n bottom: 5px;\r\n font-weight: 700;\r\n}\r\n\r\n.styles-module__textInput___zRDx3:disabled {\r\n background: var(--input-disabled-bg-color);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___zRDx3:focus {\r\n color: var(--input-placeholder-focus, #303030cc);\r\n outline: none;\r\n border: 1px solid #1a95b0;\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n}\r\n\r\n.styles-module__textInput___zRDx3::placeholder {\r\n font-weight: 700;\r\n color: var(--input-placeholder-color);\r\n font-size: var(--font-size-14, 14px);\r\n line-height: 24px;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__textInput___zRDx3::placeholder {\r\n font-size: var(--font-size-12, 12px);\r\n line-height: 18px;\r\n }\r\n}\r\n\r\n.styles-module__textInputDanger___s-nLl {\r\n border: 1px solid #cb0a0a;\r\n box-shadow: 0px 0px 0px 2px #dc354580;\r\n}\r\n\r\n.styles-module__password-input-container___9tvR7 {\r\n position: relative;\r\n width: 360px;\r\n}\r\n\r\n.styles-module__inputTextPswUser___KYL7T:focus {\r\n border-color: #005a92;\r\n box-shadow: none;\r\n}\r\n\r\n.styles-module__inputTextPswUser___KYL7T:disabled {\r\n background-color: #c3c3c3;\r\n border: #cfcfcffc;\r\n}\r\n\r\n.styles-module__inputTextPswUser___KYL7T::placeholder {\r\n font-weight: 587;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___j2bLn {\r\n position: absolute;\r\n top: 50%;\r\n right: 15px;\r\n transform: translateY(-50%);\r\n cursor: pointer;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___j2bLn.styles-module__error___PCtVt {\r\n top: 35%;\r\n}\r\n\r\n.styles-module__iconEye___pj-wO {\r\n width: 24px;\r\n height: 24px;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__restrictionMessage___eCquS {\r\n color: #cb0a0a;\r\n font-size: var(--font-size-12, 12px);\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n margin-left:8px;\r\n}\r\n\r\n.styles-module__iconWrapperLeft___AIWNV {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__iconWrapperRight___WV43d {\r\n position: absolute;\r\n right: 8px;\r\n display: flex;\r\n align-items: center;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n cursor: pointer;\r\n color: inherit;\r\n}\r\n";
|
|
103
103
|
var styles$u = {"textInput":"styles-module__textInput___zRDx3","inputContainer":"styles-module__inputContainer___fTYpT","iconWrapper":"styles-module__iconWrapper___5jskS","labelRequired":"styles-module__labelRequired___S-Q5b","inputContent":"styles-module__inputContent___jakTk","titleLabel":"styles-module__titleLabel___9RzJM","labelInput":"styles-module__labelInput___LHLDU","textInputDanger":"styles-module__textInputDanger___s-nLl","password-input-container":"styles-module__password-input-container___9tvR7","inputTextPswUser":"styles-module__inputTextPswUser___KYL7T","buttonTextPswUser":"styles-module__buttonTextPswUser___j2bLn","error":"styles-module__error___PCtVt","iconEye":"styles-module__iconEye___pj-wO","restrictionMessage":"styles-module__restrictionMessage___eCquS","iconWrapperLeft":"styles-module__iconWrapperLeft___AIWNV","iconWrapperRight":"styles-module__iconWrapperRight___WV43d"};
|
|
104
104
|
styleInject(css_248z$x);
|
|
105
105
|
|
|
@@ -496,7 +496,7 @@ var Checkbox = function (_a) {
|
|
|
496
496
|
return (React__default.createElement("div", { className: "".concat(styles$s.checkbox, " ").concat(checked ? styles$s.checked : "", " ").concat(disabled ? styles$s.disabled : "", " \n ").concat(isHovered ? styles$s.hover : "", " ").concat(isFocused ? styles$s.focus : ""), tabIndex: disabled ? -1 : 0, role: "checkbox", "aria-checked": checked, "aria-disabled": disabled, onClick: handleClick, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onFocus: function () { return setIsFocused(true); }, onBlur: function () { return setIsFocused(false); } }, checked && React__default.createElement(IconCheck, { className: styles$s.icon })));
|
|
497
497
|
};
|
|
498
498
|
|
|
499
|
-
var css_248z$u = ".styles-module__textInput___wHRWE {\r\n width: 100%;\r\n height: 48px;\r\n padding: 14px 8px 14px 8px;\r\n border-radius: 8px;\r\n gap: 4px;\r\n font-size: var(--font-size-14, 14px);\r\n border: 1px solid #cfcfcffc;\r\n outline: none;\r\n transition: all 0.5s;\r\n font-weight: 700;\r\n background-color: var(--input-bg-color);\r\n color: var(--input-placeholder-focus);\r\n}\r\n\r\n.styles-module__inputContainer___g57h7 {\r\n width: 100%;\r\n color: #30303090;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__iconWrapper___E7smd {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__labelRequired___R7QFU::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__inputContent___5TSoO {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n height: 46px;\r\n\r\n > svg {\r\n position: fixed;\r\n }\r\n}\r\n.styles-module__titleLabel___Jsy6t {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 5px;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__labelInput___eqPUg {\r\n color: var(--color-label);\r\n line-height: 24px;\r\n font-size: var(--font-size-16, 16px);\r\n bottom: 5px;\r\n font-weight: 700;\r\n}\r\n\r\n.styles-module__textInput___wHRWE:disabled {\r\n background: #eeeeee;\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___wHRWE:focus {\r\n color: var(--input-placeholder-focus, #303030cc);\r\n outline: none;\r\n border: 1px solid #1a95b0;\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n}\r\n\r\n.styles-module__textInput___wHRWE::placeholder {\r\n font-weight: 700;\r\n color: var(--input-placeholder-color);\r\n font-size: var(--font-size-14, 14px);\r\n line-height: 24px;\r\n}\r\n\r\n.styles-module__textInputDanger___GDXT3 {\r\n border: 1px solid #cb0a0a;\r\n box-shadow: 0px 0px 0px 2px #dc354580;\r\n}\r\n\r\n.styles-module__passwordInputContainer___-De-m {\r\n position: relative;\r\n width: 100%;\r\n}\r\n\r\n.styles-module__inputTextPswUser___Ceign:focus {\r\n border-color: #005a92;\r\n box-shadow: none;\r\n}\r\n\r\n.styles-module__inputTextPswUser___Ceign:disabled {\r\n background-color: #c3c3c3;\r\n border: #cfcfcffc;\r\n}\r\n\r\n.styles-module__inputTextPswUser___Ceign::placeholder {\r\n font-weight: 587;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___aK999 {\r\n position: absolute;\r\n top: 50%;\r\n right: 15px;\r\n transform: translateY(-50%);\r\n cursor: pointer;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___aK999.styles-module__error___Rg4fj {\r\n top: 35%;\r\n}\r\n\r\n.styles-module__iconEye___-ywWa {\r\n width: 24px;\r\n height: 24px;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__restrictionMessage___BhxxE {\r\n color: #cb0a0a;\r\n
|
|
499
|
+
var css_248z$u = ".styles-module__textInput___wHRWE {\r\n width: 100%;\r\n height: 48px;\r\n padding: 14px 8px 14px 8px;\r\n border-radius: 8px;\r\n gap: 4px;\r\n font-size: var(--font-size-14, 14px);\r\n border: 1px solid #cfcfcffc;\r\n outline: none;\r\n transition: all 0.5s;\r\n font-weight: 700;\r\n background-color: var(--input-bg-color);\r\n color: var(--input-placeholder-focus);\r\n}\r\n\r\n.styles-module__inputContainer___g57h7 {\r\n width: 100%;\r\n color: #30303090;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__iconWrapper___E7smd {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__labelRequired___R7QFU::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__inputContent___5TSoO {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n height: 46px;\r\n\r\n > svg {\r\n position: fixed;\r\n }\r\n}\r\n.styles-module__titleLabel___Jsy6t {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 5px;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__labelInput___eqPUg {\r\n color: var(--color-label);\r\n line-height: 24px;\r\n font-size: var(--font-size-16, 16px);\r\n bottom: 5px;\r\n font-weight: 700;\r\n}\r\n\r\n.styles-module__textInput___wHRWE:disabled {\r\n background: #eeeeee;\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___wHRWE:focus {\r\n color: var(--input-placeholder-focus, #303030cc);\r\n outline: none;\r\n border: 1px solid #1a95b0;\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n}\r\n\r\n.styles-module__textInput___wHRWE::placeholder {\r\n font-weight: 700;\r\n color: var(--input-placeholder-color);\r\n font-size: var(--font-size-14, 14px);\r\n line-height: 24px;\r\n}\r\n\r\n.styles-module__textInputDanger___GDXT3 {\r\n border: 1px solid #cb0a0a;\r\n box-shadow: 0px 0px 0px 2px #dc354580;\r\n}\r\n\r\n.styles-module__passwordInputContainer___-De-m {\r\n position: relative;\r\n width: 100%;\r\n}\r\n\r\n.styles-module__inputTextPswUser___Ceign:focus {\r\n border-color: #005a92;\r\n box-shadow: none;\r\n}\r\n\r\n.styles-module__inputTextPswUser___Ceign:disabled {\r\n background-color: #c3c3c3;\r\n border: #cfcfcffc;\r\n}\r\n\r\n.styles-module__inputTextPswUser___Ceign::placeholder {\r\n font-weight: 587;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___aK999 {\r\n position: absolute;\r\n top: 50%;\r\n right: 15px;\r\n transform: translateY(-50%);\r\n cursor: pointer;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___aK999.styles-module__error___Rg4fj {\r\n top: 35%;\r\n}\r\n\r\n.styles-module__iconEye___-ywWa {\r\n width: 24px;\r\n height: 24px;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__restrictionMessage___BhxxE {\r\n color: #cb0a0a;\r\n font-size: 12px;\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n margin-left: 8px;\r\n}\r\n";
|
|
500
500
|
var styles$r = {"textInput":"styles-module__textInput___wHRWE","inputContainer":"styles-module__inputContainer___g57h7","iconWrapper":"styles-module__iconWrapper___E7smd","labelRequired":"styles-module__labelRequired___R7QFU","inputContent":"styles-module__inputContent___5TSoO","titleLabel":"styles-module__titleLabel___Jsy6t","labelInput":"styles-module__labelInput___eqPUg","textInputDanger":"styles-module__textInputDanger___GDXT3","passwordInputContainer":"styles-module__passwordInputContainer___-De-m","inputTextPswUser":"styles-module__inputTextPswUser___Ceign","buttonTextPswUser":"styles-module__buttonTextPswUser___aK999","error":"styles-module__error___Rg4fj","iconEye":"styles-module__iconEye___-ywWa","restrictionMessage":"styles-module__restrictionMessage___BhxxE"};
|
|
501
501
|
styleInject(css_248z$u);
|
|
502
502
|
|
|
@@ -8473,7 +8473,7 @@ var TableComponent = function (_a) {
|
|
|
8473
8473
|
React__default.createElement("td", { colSpan: columns.length + (onActionClick ? 1 : 0), className: styles$9.noRecords }, noRecordsMessage)))))));
|
|
8474
8474
|
};
|
|
8475
8475
|
|
|
8476
|
-
var css_248z$8 = ".styles-module__textInput___gaz7I {\r\n width: 100%;\r\n height: 48px;\r\n padding: 14px 8px 14px 8px;\r\n border-radius: 8px;\r\n gap: 4px;\r\n font-size: 13px;\r\n border: 1px solid var(--color-border);\r\n color: var(--color-dark-gray);\r\n outline: none;\r\n transition: all 0.5s;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP {\r\n width: 100%;\r\n color: var(--color-input);\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__iconWrapper___H3Icv {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__labelRequired___4ewKH::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__titleLabel___6M8ua {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 5px;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__labelInput___wWffN {\r\n color: var(--color-label);\r\n line-height: 24px;\r\n font-size: 16px;\r\n bottom: 5px;\r\n font-weight: 700;\r\n}\r\n\r\n.styles-module__textInput___gaz7I:disabled {\r\n background: var(--background-color-table-primary);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___gaz7I:focus {\r\n color: var(--color-gray-medium);\r\n outline: none;\r\n border: 1px solid var(
|
|
8476
|
+
var css_248z$8 = ".styles-module__textInput___gaz7I {\r\n width: 100%;\r\n height: 48px;\r\n padding: 14px 8px 14px 8px;\r\n border-radius: 8px;\r\n gap: 4px;\r\n font-size: 13px;\r\n border: 1px solid var(--color-border);\r\n color: var(--color-dark-gray);\r\n outline: none;\r\n transition: all 0.5s;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP {\r\n width: 100%;\r\n color: var(--color-input);\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP input {\r\n border-top-left-radius: 8px;\r\n border-bottom-left-radius: 8px;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP .p-inputtext {\r\n border-color: var(--color-border);\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP .p-button {\r\n line-height: 22px;\r\n border-color: var(--color-border);\r\n border-top-right-radius: 8px;\r\n border-bottom-right-radius: 8px;\r\n}\r\n\r\n.styles-module__iconWrapper___H3Icv {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__labelRequired___4ewKH::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__titleLabel___6M8ua {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 5px;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__labelInput___wWffN {\r\n color: var(--color-label);\r\n line-height: 24px;\r\n font-size: 16px;\r\n bottom: 5px;\r\n font-weight: 700;\r\n}\r\n\r\n.styles-module__textInput___gaz7I:disabled {\r\n background: var(--background-color-table-primary);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___gaz7I:focus {\r\n color: var(--color-gray-medium);\r\n outline: none;\r\n border: 1px solid var(--color-primary);\r\n box-shadow: 0px 0px 0px 2px var(--color-focus-outline);\r\n}\r\n\r\n.styles-module__textInput___gaz7I::placeholder {\r\n font-weight: bold;\r\n color: var(--color-input) 33;\r\n}\r\n\r\n.styles-module__textInputDanger___YqaWP {\r\n border: 1px solid var(--alert-color);\r\n box-shadow: 0px 0px 0px 2px var(--color-red-light);\r\n}\r\n\r\n.styles-module__password-input-container___o0AsP {\r\n position: relative;\r\n width: 360px;\r\n}\r\n\r\n.styles-module__inputTextPswUser___0xWHh:focus {\r\n border-color: var(--color-primary);\r\n box-shadow: none;\r\n}\r\n\r\n.styles-module__inputTextPswUser___0xWHh:disabled {\r\n background-color: var(--light-grey-color);\r\n border: var(--color-border);\r\n}\r\n\r\n.styles-module__inputTextPswUser___0xWHh::placeholder {\r\n font-weight: 587;\r\n color: var(--light-grey-color);\r\n}\r\n\r\n.styles-module__buttonTextPswUser___-UY3m {\r\n position: absolute;\r\n top: 50%;\r\n right: 15px;\r\n transform: translateY(-50%);\r\n cursor: pointer;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___-UY3m.styles-module__error___Uy-55 {\r\n top: 35%;\r\n}\r\n\r\n.styles-module__iconEye___MiJMN {\r\n width: 24px;\r\n height: 24px;\r\n color: var(--light-grey-color);\r\n}\r\n\r\n.styles-module__restrictionMessage___QA5v7 {\r\n color: var(--alert-color);\r\n margin-top: 6px;\r\n font-size: 14px;\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n}\r\n\r\n.styles-module__iconWrapperLeft___mzyII {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__iconWrapperRight___-s-pG {\r\n position: absolute;\r\n right: 8px;\r\n display: flex;\r\n align-items: center;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n cursor: pointer;\r\n color: inherit;\r\n}\r\n\r\n#styles-module__inputwrapper___4UacS {\r\n height: 48px;\r\n padding: 14px 8px 14px 8px;\r\n}\r\n\r\n#styles-module__buttonDisplay___tNJLk {\r\n width: 100%;\r\n}\r\n\r\n.styles-module__errorRequired___YsP4q {\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-danger);\r\n}\r\n";
|
|
8477
8477
|
var styles$8 = {"textInput":"styles-module__textInput___gaz7I","inputContainer":"styles-module__inputContainer___fmTYP","iconWrapper":"styles-module__iconWrapper___H3Icv","labelRequired":"styles-module__labelRequired___4ewKH","titleLabel":"styles-module__titleLabel___6M8ua","labelInput":"styles-module__labelInput___wWffN","textInputDanger":"styles-module__textInputDanger___YqaWP","password-input-container":"styles-module__password-input-container___o0AsP","inputTextPswUser":"styles-module__inputTextPswUser___0xWHh","buttonTextPswUser":"styles-module__buttonTextPswUser___-UY3m","error":"styles-module__error___Uy-55","iconEye":"styles-module__iconEye___MiJMN","restrictionMessage":"styles-module__restrictionMessage___QA5v7","iconWrapperLeft":"styles-module__iconWrapperLeft___mzyII","iconWrapperRight":"styles-module__iconWrapperRight___-s-pG","inputwrapper":"styles-module__inputwrapper___4UacS","buttonDisplay":"styles-module__buttonDisplay___tNJLk","errorRequired":"styles-module__errorRequired___YsP4q"};
|
|
8478
8478
|
styleInject(css_248z$8);
|
|
8479
8479
|
|
|
@@ -20802,8 +20802,8 @@ var DateInput = function (_a) {
|
|
|
20802
20802
|
restrictionMessage && (React__default.createElement("div", { className: styles$8.restrictionMessage }, restrictionMessage))));
|
|
20803
20803
|
};
|
|
20804
20804
|
|
|
20805
|
-
var css_248z$5 = ".styles-module__selectContainer___TecDY label {\r\n font-size: var(--font-size-16);\r\n font-weight: 700;\r\n line-height: 24px;\r\n color: var(--color-label);\r\n}\r\n\r\n.styles-
|
|
20806
|
-
var styles$3 = {"selectContainer":"styles-module__selectContainer___TecDY","
|
|
20805
|
+
var css_248z$5 = ".styles-module__selectContainer___TecDY {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__selectContainer___TecDY label {\r\n font-size: var(--font-size-16);\r\n font-weight: 700;\r\n line-height: 24px;\r\n color: var(--color-label);\r\n}\r\n\r\n.styles-module__errorText___kXCnM {\r\n font-size: 12px;\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n color: var(--color-danger);\r\n margin-left: 8px;\r\n}\r\n\r\n.styles-module__errorRequired___SEaAS {\r\n font-size: var(--font-size-16);\r\n font-weight: 700;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__contentIcon___hPEpA {\r\n display: flex;\r\n align-items: center;\r\n padding: 8px;\r\n}\r\n\r\n.styles-module__iconChefron___B2-9- {\r\n color: var(--color-label);\r\n}\r\n";
|
|
20806
|
+
var styles$3 = {"selectContainer":"styles-module__selectContainer___TecDY","errorText":"styles-module__errorText___kXCnM","errorRequired":"styles-module__errorRequired___SEaAS","contentIcon":"styles-module__contentIcon___hPEpA","iconChefron":"styles-module__iconChefron___B2-9-"};
|
|
20807
20807
|
styleInject(css_248z$5);
|
|
20808
20808
|
|
|
20809
20809
|
var isCheckBoxInput = (element) => element.type === 'checkbox';
|
|
@@ -21271,11 +21271,7 @@ function useController(props) {
|
|
|
21271
21271
|
var selectColourStyles = function (isInvalid) { return ({
|
|
21272
21272
|
control: function (styles, _a) {
|
|
21273
21273
|
var isFocused = _a.isFocused;
|
|
21274
|
-
return (__assign(__assign({}, styles), { alignItems: "center", cursor: "pointer", display: "flex", flexWrap: "wrap", justifyContent: "space-between", minHeight: "48px", outline: "0", position: "relative", transition: "all 100ms", borderColor: isInvalid
|
|
21275
|
-
? "#CB0A0A"
|
|
21276
|
-
: isFocused
|
|
21277
|
-
? "#1a95b0"
|
|
21278
|
-
: "hsl(0, 0%, 90%)", borderRadius: "9px", borderStyle: "solid", borderWidth: "1px", boxSizing: "border-box", boxShadow: isInvalid
|
|
21274
|
+
return (__assign(__assign({}, styles), { alignItems: "center", cursor: "pointer", display: "flex", flexWrap: "wrap", justifyContent: "space-between", minHeight: "48px", outline: "0", position: "relative", transition: "all 100ms", borderColor: isInvalid ? "#CB0A0A" : isFocused ? "#1a95b0" : "#cfcfcffc", borderRadius: "9px", borderStyle: "solid", borderWidth: "1px", boxSizing: "border-box", boxShadow: isInvalid
|
|
21279
21275
|
? "0px 0px 0px 2px #DC354580"
|
|
21280
21276
|
: isFocused
|
|
21281
21277
|
? "0px 0px 0px 2px #0091ea80"
|
|
@@ -21297,6 +21293,10 @@ var selectColourStyles = function (isInvalid) { return ({
|
|
|
21297
21293
|
} })); },
|
|
21298
21294
|
placeholder: function (styles) { return (__assign(__assign({}, styles), { color: isInvalid ? "#CB0A0A" : "#30303066", fontSize: "14px", fontWeight: "700", lineHeight: "24px" })); },
|
|
21299
21295
|
singleValue: function (styles) { return (__assign(__assign({}, styles), { color: isInvalid ? "#CB0A0A" : "#303030CC", fontSize: "14px", fontWeight: "700", lineHeight: "24px" })); },
|
|
21296
|
+
indicatorSeparator: function (styles, _a) {
|
|
21297
|
+
var hasValue = _a.hasValue;
|
|
21298
|
+
return (__assign(__assign({}, styles), { display: hasValue ? "block" : "none" }));
|
|
21299
|
+
},
|
|
21300
21300
|
}); };
|
|
21301
21301
|
var SelectDefault = function (_a) {
|
|
21302
21302
|
var name = _a.name, control = _a.control, optionsSelect = _a.optionsSelect, placeholder = _a.placeholder, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, label = _a.label, _c = _a.hasError, hasError = _c === void 0 ? false : _c, handleChange = _a.handleChange, isRequired = _a.isRequired, value = _a.value;
|
|
@@ -21308,7 +21308,6 @@ var SelectDefault = function (_a) {
|
|
|
21308
21308
|
return (React.createElement("div", { className: "".concat(styles$3.selectContainer) },
|
|
21309
21309
|
label && (React.createElement("label", null,
|
|
21310
21310
|
label,
|
|
21311
|
-
":",
|
|
21312
21311
|
" ",
|
|
21313
21312
|
isRequired ? React.createElement("span", { className: styles$3.errorRequired }, "*") : null)),
|
|
21314
21313
|
React.createElement("div", { className: styles$3.selectElement },
|