pge-front-common 14.0.4 → 14.0.6
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 +8 -8
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +8 -8
- 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:
|
|
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 margin-top: 6px;\r\n font-size: var(--font-size-14, 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___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
|
|
|
@@ -480,7 +480,7 @@ var InformativeBox = function (_a) {
|
|
|
480
480
|
React__default.createElement(IconCLose, { className: styles$t.iconClose })))))));
|
|
481
481
|
};
|
|
482
482
|
|
|
483
|
-
var css_248z$v = "\r\n.styles-module__checkbox___AOdO1 {\r\n width: 16px;\r\n height: 16px;\r\n border-radius: 2px;\r\n background:
|
|
483
|
+
var css_248z$v = "\r\n.styles-module__checkbox___AOdO1 {\r\n width: 16px;\r\n height: 16px;\r\n border-radius: 2px;\r\n background: var(--checkbox-bg-main-color);\r\n border: 1px solid var(--light-grey-color, --checkbox-border-color);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__hover___a-QfL {\r\n background: var(--checkbox-hover-bg-color);\r\n border: 1px solid var(--checkbox-border-color);\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__checked___kDWfB.styles-module__hover___a-QfL {\r\n background: var(--checkbox-checked-hover-bg-color);\r\n border: 1px solid var(--checkbox-checked-hover-border-color);\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__focus___yGjAN {\r\n box-shadow: 0px 0px 0px 2px var(--checkbox-focus-box-shadow-color);\r\n background: var(--checkbox-hover-bg-color);\r\n border: 1px solid var(--checkbox-border-color);\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__disabled___bTmRr {\r\n border: 1px solid var(--checkbox-border-color);\r\n background: var(--checkbox-disabled-bg-color);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__icon___F-Rd5 {\r\n width: 10px;\r\n height: 9px;\r\n filter: var(--checkbox-icon-color);\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__checked___kDWfB {\r\n background: var(--checkbox-checked-bg-color);\r\n border: 1px solid var(--checkbox-checked-border-color);\r\n}";
|
|
484
484
|
var styles$s = {"checkbox":"styles-module__checkbox___AOdO1","hover":"styles-module__hover___a-QfL","checked":"styles-module__checked___kDWfB","focus":"styles-module__focus___yGjAN","disabled":"styles-module__disabled___bTmRr","icon":"styles-module__icon___F-Rd5"};
|
|
485
485
|
styleInject(css_248z$v);
|
|
486
486
|
|
|
@@ -680,7 +680,7 @@ var css_248z$o = ".header-module__separator_background___lYfCd {\r\n background
|
|
|
680
680
|
var styles$l = {"separator_background":"header-module__separator_background___lYfCd","container":"header-module__container___eaqPg","wrapperMenu":"header-module__wrapperMenu___m5rLa","iconLogo":"header-module__iconLogo___pcEoN","verticalDivider":"header-module__verticalDivider___4JMWc","containerHeaderIndex":"header-module__containerHeaderIndex___ueqa-","set_shadow":"header-module__set_shadow___UUN7Y","limitedWidth":"header-module__limitedWidth___fsCel","iconLogoCASC":"header-module__iconLogoCASC___3YUG6","iconLogoPGE":"header-module__iconLogoPGE___HK3gX","responsiveCASC":"header-module__responsiveCASC___KL8jM","IconMenu":"header-module__IconMenu___7JWj-"};
|
|
681
681
|
styleInject(css_248z$o);
|
|
682
682
|
|
|
683
|
-
var css_248z$n = ".dropdown-module__dropdown___EIaq- {\r\n position: absolute;\r\n border: 1px solid rgb(197, 197, 197);\r\n background:
|
|
683
|
+
var css_248z$n = ".dropdown-module__dropdown___EIaq- {\r\n position: absolute;\r\n border: 1px solid rgb(197, 197, 197);\r\n background: var(--header-bg-dropdown);\r\n padding: 8px 0;\r\n color: #0062cc;\r\n border-radius: 4px;\r\n z-index: 400;\r\n min-width: 280px;\r\n box-shadow: rgba(197, 164, 164, 0.35) 0px 5px 15px;\r\n cursor: pointer;\r\n}\r\n\r\n.dropdown-module__primaryDropdown___I7kas {\r\n margin: 0;\r\n padding: 0.375rem 0.88rem 0.88rem 0.88rem;\r\n min-width: 280px;\r\n color: var(--header-font-dropdown);\r\n font-size: var(--font-size-16, 16px);\r\n font-weight: 600;\r\n text-align: left;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n cursor: pointer;\r\n min-height: 50px;\r\n border: none;\r\n\r\n -webkit-appearance: button;\r\n background-color: transparent;\r\n background-image: none;\r\n}\r\n\r\n.dropdown-module__primaryDropdown___I7kas:hover {\r\n background-color: var(--header-hover-dropdown);\r\n width: 100%;\r\n}\r\n\r\n.dropdown-module__primaryDropdown__disabled___McFgs {\r\n color: #c3c3c3;\r\n}\r\n\r\n.dropdown-module__primaryDropdown__home___4Odwr {\r\n font-weight: 700;\r\n}\r\n\r\n.dropdown-module__primaryDropdown__submenu___eXCiN {\r\n font-size: var(--font-size-16, 16px);\r\n line-height: 24px;\r\n text-align: left;\r\n padding-left: 30px;\r\n font-weight: 100;\r\n}\r\n\r\n.dropdown-module__contentIcon___aqI89 {\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.dropdown-module__contentIcon___aqI89.dropdown-module__active___RRrmk {\r\n transform: rotate(0deg);\r\n}\r\n\r\n.dropdown-module__contentIcon___aqI89.dropdown-module__inactive___AQdLm {\r\n transform: rotate(180deg);\r\n}\r\n";
|
|
684
684
|
var styles$k = {"dropdown":"dropdown-module__dropdown___EIaq-","primaryDropdown":"dropdown-module__primaryDropdown___I7kas","primaryDropdown__disabled":"dropdown-module__primaryDropdown__disabled___McFgs","primaryDropdown__home":"dropdown-module__primaryDropdown__home___4Odwr","primaryDropdown__submenu":"dropdown-module__primaryDropdown__submenu___eXCiN","contentIcon":"dropdown-module__contentIcon___aqI89","active":"dropdown-module__active___RRrmk","inactive":"dropdown-module__inactive___AQdLm"};
|
|
685
685
|
styleInject(css_248z$n);
|
|
686
686
|
|
|
@@ -907,7 +907,7 @@ var Header = function (_a) {
|
|
|
907
907
|
React__default.createElement(UserButtonComponent, null)))));
|
|
908
908
|
};
|
|
909
909
|
|
|
910
|
-
var css_248z$j = ".styles-module__container___FWA4h {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n width: 100%;\r\n}\r\n\r\n.styles-module__imgContainer___d-9G4 {\r\n width: 100%;\r\n max-width: 1440px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.styles-module__footerImg___Timhg {\r\n width: 100%;\r\n max-width: 1440px;\r\n height: 198px;\r\n object-fit: contain;\r\n}\r\n\r\n.styles-module__footer___em-xX {\r\n width: 100%;\r\n max-width: 1440px;\r\n height: 198px;\r\n background-repeat: no-repeat;\r\n background-size: contain;\r\n background-position: center bottom;\r\n margin: 0 auto; /* Center the container */\r\n background-color: transparent;\r\n margin-bottom: -9px;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__footer___em-xX {\r\n margin-bottom: -3px;\r\n height: 62px;\r\n padding: 0px 16px;\r\n }\r\n\r\n .styles-module__footer___em-xX.styles-module__dark___RwoTf {\r\n margin-bottom: -3px;\r\n height: 62px;\r\n padding: 0px 16px;\r\n }\r\n}\r\n\r\n.styles-module__pgeLogoContainer___hF2j3 {\r\n width: 100%;\r\n height: 134px;\r\n background-color: var(--footer-bg-color);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n}\r\n\r\n.styles-module__pgeLogo___b7X5k {\r\n width: 240px;\r\n height: 86px;\r\n background-repeat: no-repeat;\r\n background-size: contain;\r\n background-position: center bottom;\r\n margin: 0 auto;\r\n}\r\n\r\n.styles-module__copyrightContainer___mh-Zd {\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: row;\r\n background-color: #000;\r\n height: 46px;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__copyrightContainer___mh-Zd {\r\n height: 23px;\r\n }\r\n}\r\n\r\n.styles-module__copyrightText___U8iv8 {\r\n font-weight: 400;\r\n font-size: var(--font-size-12, 12px);\r\n line-height: 16.34px;\r\n letter-spacing: 0%;\r\n text-align: center;\r\n color: #fff;\r\n}\r\n\r\n.styles-module__footerAddress___wdcT4 {\r\n display: flex;\r\n margin: 0;\r\n justify-content: center;\r\n color: var(--background-color);\r\n font-size: var(--font-size-12);\r\n background-color: var(--footer-bg-color);\r\n padding-top: 8px;\r\n padding-bottom: 8px;\r\n color: #fff;\r\n}\r\n";
|
|
910
|
+
var css_248z$j = ".styles-module__container___FWA4h {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n width: 100%;\r\n}\r\n\r\n.styles-module__imgContainer___d-9G4 {\r\n width: 100%;\r\n max-width: 1440px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.styles-module__footerImg___Timhg {\r\n width: 100%;\r\n max-width: 1440px;\r\n height: 198px;\r\n object-fit: contain;\r\n}\r\n\r\n.styles-module__footer___em-xX {\r\n width: 100%;\r\n max-width: 1440px;\r\n height: 198px;\r\n background-repeat: no-repeat;\r\n background-size: contain;\r\n background-position: center bottom;\r\n margin: 0 auto; /* Center the container */\r\n background-color: transparent;\r\n margin-bottom: -9px;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__footer___em-xX {\r\n margin-bottom: -3px;\r\n height: 62px;\r\n padding: 0px 16px;\r\n }\r\n\r\n .styles-module__footer___em-xX.styles-module__dark___RwoTf {\r\n margin-bottom: -3px;\r\n height: 62px;\r\n padding: 0px 16px;\r\n }\r\n}\r\n\r\n.styles-module__pgeLogoContainer___hF2j3 {\r\n width: 100%;\r\n height: 134px;\r\n background-color: var(--footer-bg-color);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n}\r\n\r\n.styles-module__pgeLogo___b7X5k {\r\n width: 240px;\r\n height: 86px;\r\n background-repeat: no-repeat;\r\n background-size: contain;\r\n background-position: center bottom;\r\n margin: 0 auto;\r\n}\r\n\r\n.styles-module__copyrightContainer___mh-Zd {\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: row;\r\n background-color: #000;\r\n height: 46px;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__copyrightContainer___mh-Zd {\r\n min-height: 23px;\r\n }\r\n}\r\n\r\n.styles-module__copyrightText___U8iv8 {\r\n font-weight: 400;\r\n font-size: var(--font-size-12, 12px);\r\n line-height: 16.34px;\r\n letter-spacing: 0%;\r\n text-align: center;\r\n color: #fff;\r\n}\r\n\r\n.styles-module__footerAddress___wdcT4 {\r\n display: flex;\r\n margin: 0;\r\n justify-content: center;\r\n color: var(--background-color);\r\n font-size: var(--font-size-12);\r\n background-color: var(--footer-bg-color);\r\n padding-top: 8px;\r\n padding-bottom: 8px;\r\n color: #fff;\r\n}\r\n";
|
|
911
911
|
var styles$g = {"container":"styles-module__container___FWA4h","imgContainer":"styles-module__imgContainer___d-9G4","footerImg":"styles-module__footerImg___Timhg","footer":"styles-module__footer___em-xX","dark":"styles-module__dark___RwoTf","pgeLogoContainer":"styles-module__pgeLogoContainer___hF2j3","pgeLogo":"styles-module__pgeLogo___b7X5k","copyrightContainer":"styles-module__copyrightContainer___mh-Zd","copyrightText":"styles-module__copyrightText___U8iv8","footerAddress":"styles-module__footerAddress___wdcT4"};
|
|
912
912
|
styleInject(css_248z$j);
|
|
913
913
|
|
|
@@ -1046,7 +1046,7 @@ var PaginationTable = function (_a) {
|
|
|
1046
1046
|
React__default.createElement("button", { type: "button", className: "".concat(styles$e.paginationButton, " ").concat(currentPage === countPage ? styles$e.paginationButtonDisabled : ""), onClick: function () { return handleClickPage === null || handleClickPage === void 0 ? void 0 : handleClickPage(currentPage + 1); }, disabled: currentPage === countPage }, ">")))));
|
|
1047
1047
|
};
|
|
1048
1048
|
|
|
1049
|
-
var css_248z$d = ".styles-module__paginationContainer___FagFs {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 16px;\r\n border: 1px solid #d9d9d9;\r\n border-radius: 8px;\r\n font-size: var(--font-size-14);\r\n max-height: 61px;\r\n height: 61px;\r\n border-radius: 0px 0px 10px 10px;\r\n background-color: var(--background-color);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__paginationContainer___FagFs {\r\n font-size: var(--font-size-12);\r\n }\r\n}\r\n\r\n.styles-module__labelItems___p-9pv {\r\n font-size: var(--font-size-14, 14px);\r\n font-weight: 400;\r\n color: var(--foreground);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__labelItems___p-9pv {\r\n display: none;\r\n }\r\n}\r\n\r\n.styles-module__itemsPerPageWrapper___PTkJr {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n height: 61px;\r\n}\r\n\r\n.styles-module__itemsPerPageWrapperSelect___gVLGU {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n}\r\n\r\n.styles-module__paginationInfo___NrLda {\r\n font-size: var(--font-size-14, 14px);\r\n font-weight: 400;\r\n color: var(--foreground);\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__paginationInfo___NrLda {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n\r\n.styles-module__navigationWrapper___lJ040 {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n height: 61px;\r\n}\r\n\r\n.styles-module__separatorItem___t-PSR {\r\n width: 1px;\r\n height: 50%;\r\n background-color: #cccccc;\r\n}\r\n\r\n.styles-module__currentPage___SRV7Q {\r\n font-size: var(--font-size-16, 16px);\r\n font-weight: bold;\r\n margin: 0 5px;\r\n}\r\n\r\n.styles-module__navButton___pqOMS {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 32px;\r\n height: 32px;\r\n border:
|
|
1049
|
+
var css_248z$d = ".styles-module__paginationContainer___FagFs {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 16px;\r\n border: 1px solid #d9d9d9;\r\n border-radius: 8px;\r\n font-size: var(--font-size-14);\r\n max-height: 61px;\r\n height: 61px;\r\n border-radius: 0px 0px 10px 10px;\r\n background-color: var(--background-color);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__paginationContainer___FagFs {\r\n font-size: var(--font-size-12);\r\n }\r\n}\r\n\r\n.styles-module__labelItems___p-9pv {\r\n font-size: var(--font-size-14, 14px);\r\n font-weight: 400;\r\n color: var(--foreground);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__labelItems___p-9pv {\r\n display: none;\r\n }\r\n}\r\n\r\n.styles-module__itemsPerPageWrapper___PTkJr {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n height: 61px;\r\n}\r\n\r\n.styles-module__itemsPerPageWrapperSelect___gVLGU {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n}\r\n\r\n.styles-module__paginationInfo___NrLda {\r\n font-size: var(--font-size-14, 14px);\r\n font-weight: 400;\r\n color: var(--foreground);\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__paginationInfo___NrLda {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n\r\n.styles-module__navigationWrapper___lJ040 {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n height: 61px;\r\n}\r\n\r\n.styles-module__separatorItem___t-PSR {\r\n width: 1px;\r\n height: 50%;\r\n background-color: #cccccc;\r\n}\r\n\r\n.styles-module__currentPage___SRV7Q {\r\n font-size: var(--font-size-16, 16px);\r\n font-weight: bold;\r\n margin: 0 5px;\r\n}\r\n\r\n.styles-module__navButton___pqOMS {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 32px;\r\n height: 32px;\r\n border: 1px solid #FFFFFF;\r\n background-color: transparent;\r\n color: var(--paginationv2-arrow-color);\r\n cursor: pointer;\r\n transition: background-color 0.2s;\r\n}\r\n\r\n.styles-module__navButton___pqOMS:first-of-type {\r\n border-top-left-radius: 4px;\r\n border-bottom-left-radius: 4px;\r\n margin-left: 10px;\r\n}\r\n\r\n.styles-module__navButton___pqOMS:last-of-type {\r\n border-top-right-radius: 4px;\r\n border-bottom-right-radius: 4px;\r\n}\r\n\r\n.styles-module__navButton___pqOMS:disabled {\r\n cursor: not-allowed;\r\n}\r\n\r\n/* .navButton:hover:not(:disabled) {\r\n} */\r\n\r\n/* Select.module.css */\r\n.styles-module__selectContainerPagination___C-Epb {\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.styles-module__selectTrigger___A5PsD {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 8px 12px;\r\n background: var(--paginationv2-selecttrigger-bg-color);\r\n border: 1px solid var(--paginationv2-selecttrigger-border-color);\r\n border-radius: 4px;\r\n cursor: default;\r\n gap: 12px;\r\n margin-right: 10px;\r\n}\r\n\r\n.styles-module__selectedValue___S6skE {\r\n font-size: var(--font-size-14, 14px);\r\n color: var(--paginationv2-selectedValue-color);\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__selectedValue___S6skE {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n\r\n.styles-module__icon___-BaZE {\r\n width: 10px;\r\n height: 18px;\r\n cursor: pointer;\r\n transition: transform 0.2s ease;\r\n}\r\n\r\n.styles-module__iconOpen___Azg3S {\r\n transform: rotate(180deg);\r\n}\r\n\r\n.styles-module__optionsList___Xs-ze {\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n right: 0;\r\n margin-top: 4px;\r\n background: var(--paginationv2-optionslist-bg-color);\r\n border: 1px solid #e1e1e1;\r\n border-radius: 4px;\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n z-index: 1000;\r\n max-height: 200px;\r\n overflow-y: auto;\r\n width: fit-content;\r\n padding: 0;\r\n}\r\n\r\n.styles-module__option___riTqX {\r\n padding: 8px 12px;\r\n font-size: var(--font-size-14, 14px);\r\n color: var(--paginationv2-optionslist-font-color);\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__option___riTqX:hover {\r\n background-color: var(--paginationv2-optionslist-hover-bg-color);\r\n}\r\n\r\n.styles-module__option___riTqX.styles-module__selected___6iUvP {\r\n background-color: var(--paginationv2-optionselect-bg-color);\r\n color: var(--paginationv2-optionselect-text-color);\r\n}\r\n\r\n.styles-module__selectTrigger___A5PsD:hover {\r\n border-color: var(--primary-color);\r\n}";
|
|
1050
1050
|
var styles$d = {"paginationContainer":"styles-module__paginationContainer___FagFs","labelItems":"styles-module__labelItems___p-9pv","itemsPerPageWrapper":"styles-module__itemsPerPageWrapper___PTkJr","itemsPerPageWrapperSelect":"styles-module__itemsPerPageWrapperSelect___gVLGU","paginationInfo":"styles-module__paginationInfo___NrLda","navigationWrapper":"styles-module__navigationWrapper___lJ040","separatorItem":"styles-module__separatorItem___t-PSR","currentPage":"styles-module__currentPage___SRV7Q","navButton":"styles-module__navButton___pqOMS","selectContainerPagination":"styles-module__selectContainerPagination___C-Epb","selectTrigger":"styles-module__selectTrigger___A5PsD","selectedValue":"styles-module__selectedValue___S6skE","icon":"styles-module__icon___-BaZE","iconOpen":"styles-module__iconOpen___Azg3S","optionsList":"styles-module__optionsList___Xs-ze","option":"styles-module__option___riTqX","selected":"styles-module__selected___6iUvP"};
|
|
1051
1051
|
styleInject(css_248z$d);
|
|
1052
1052
|
|
|
@@ -1118,9 +1118,9 @@ var Pagination = function (_a) {
|
|
|
1118
1118
|
} }),
|
|
1119
1119
|
React__default.createElement("div", { className: styles$d.separatorItem }),
|
|
1120
1120
|
React__default.createElement("button", { className: styles$d.navButton, onClick: handlePrevious, disabled: currentPage === 1 },
|
|
1121
|
-
React__default.createElement(IconArrowLeft, { fill: "
|
|
1121
|
+
React__default.createElement(IconArrowLeft, { fill: "currentColor" })),
|
|
1122
1122
|
React__default.createElement("button", { className: styles$d.navButton, onClick: handleNext, disabled: currentPage === countPage },
|
|
1123
|
-
React__default.createElement(IconArrowRight, { fill: "
|
|
1123
|
+
React__default.createElement(IconArrowRight, { fill: "currentColor" })))));
|
|
1124
1124
|
};
|
|
1125
1125
|
|
|
1126
1126
|
function _typeof$9(o) {
|
|
@@ -23554,7 +23554,7 @@ var TableFooter = function (_a) {
|
|
|
23554
23554
|
return (React__default.createElement("tfoot", __assign({ className: "".concat(styles.tableFooter) }, props), children));
|
|
23555
23555
|
};
|
|
23556
23556
|
|
|
23557
|
-
var css_248z = "/* src/global.css */\r\n@import url(\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap\");\r\n*,\r\n*::before,\r\n*::after {\r\n box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n font-family: var(--font-open-sans-serif);\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n:root {\r\n --font-scale: 0px;\r\n /* fonts */\r\n --font-open-sans-serif: \"Open Sans\", \"sans-serif\";\r\n --font-open-sans-light: \"Open Sans\", 300;\r\n --font-open-sans-regular: \"Open Sans\", 400;\r\n --font-open-sans-bold: \"Open Sans\", 700;\r\n /* colors */\r\n --color-primary: #005a92;\r\n --color-secondary: #303030;\r\n --color-success: #198754;\r\n --color-warning: #cb8700;\r\n --color-information: #1a95b0;\r\n --color-danger: #cb0a0a;\r\n --color-focus: var(--color-information);\r\n --color-focus-outline: #0091ea80;\r\n --color-placeholder: #9ca4b47d;\r\n --color-border: #cfcfcffc;\r\n --color-label: #303030;\r\n --color-input: #30303090;\r\n --background-color-success: #1987541a;\r\n --background-color-error: #cb0a0a1a;\r\n --background-color-warning: #cb87001a;\r\n --background-color-table-primary: #eeeeee;\r\n --background-color-table-secondary: #f6f6f6;\r\n --background-color-table-hover: #e5f1f9;\r\n --color-weaker-blue: #52819e;\r\n --color-dark-gray: #363632;\r\n --color-gray-medium: #495057;\r\n --color-red-light: #dc354580;\r\n /* input */\r\n --input-border: 1px solid var(--color-border);\r\n --input-border-danger: 1px solid var(--color-danger);\r\n --input-border-radius: 8px;\r\n --input-border-focus: 1px solid var(--color-focus);\r\n --input-cursor: pointer;\r\n --input-font-size: 14px;\r\n --input-font-weight: 700;\r\n --input-line-height: 24px;\r\n --input-outline-focus: solid var(--color-focus-outline) 1.5px;\r\n --input-outline-danger: solid var(--color-danger) 1.5px;\r\n\r\n /* Font sizes */\r\n --font-size-32: calc(32px + var(--font-scale));\r\n --font-size-24: calc(24px + var(--font-scale));\r\n --font-size-20: calc(20px + var(--font-scale));\r\n --font-size-16: calc(16px + var(--font-scale));\r\n --font-size-14: calc(14px + var(--font-scale));\r\n --font-size-12: calc(12px + var(--font-scale));\r\n --font-size-10: calc(10px + var(--font-scale));\r\n\r\n /* Theming colors */\r\n --background-color: #fff;\r\n --foreground: #303030;\r\n --success-color: #198754;\r\n --warning-color: #cb8700;\r\n --alert-color: #cb0a0a;\r\n --information-color: #1a95b0;\r\n\r\n /* Input variables */\r\n --input-placeholder-focus: #303030cc;\r\n --input-placeholder-color: #30303066;\r\n --input-bg-color: #fff;\r\n\r\n --primary-color: #005a92;\r\n --pge-gold: #bb9b32;\r\n --hover-color: #00436d;\r\n --icon-color: #4a4a4b;\r\n --border-color: #d9d9d9;\r\n --light-grey-color: #c3c3c3;\r\n --grey-color: #a0a0a0;\r\n\r\n /* Primary Button specific variables */\r\n --btn-bg-primary-color: #005a92;\r\n --btn-text-primary-color: #fff;\r\n --btn-text-hover-primary-color: #fff;\r\n --btn-bg-focus-primary-color: #00436d;\r\n --btn-text-focus-primary-color: #fff;\r\n\r\n /* Secondary Button specific variables */\r\n --btn-bg-secondary-color: #fff;\r\n --btn-bg-hover-secondary-color: #00436d1a;\r\n --btn-text-secondary-color: #00436d;\r\n --btn-text-hover-secondary-color: #005a92;\r\n --btn-bg-focus-secondary-color: #52819e40;\r\n --btn-text-focus-secondary-color: #005a92;\r\n --btn-border-secondary-color: #52819e;\r\n --btn-text-danger-secondary-color: #ff5858;\r\n --btn-border-danger-secondary-color: #ff5858;\r\n\r\n /* Tertiary Button specific variables */\r\n --btn-bg-tertiary-color: transparent;\r\n --btn-bg-hover-tertiary-color: transparent;\r\n --btn-text-tertiary-color: #005a92;\r\n --btn-text-hover-tertiary-color: #005a92;\r\n --btn-bg-focus-tertiary-color: #0b81ca47;\r\n --btn-text-focus-tertiary-color: #005a92;\r\n --btn-border-tertiary-color: #52819e;\r\n --btn-text-danger-tertiary-color: #ff5858;\r\n --btn-border-danger-tertiary-color: #ff5858;\r\n\r\n /* Header variables */\r\n --header-bg-main-color: #fff;\r\n --header-logout-btn-color: #005a92;\r\n --header-logout-icon-color: #005a92;\r\n --header-menu-icon-color: #005a92;\r\n\r\n /* Informative box */\r\n --bg-informative-success: #1987541a;\r\n --bg-informative-alert: #cb0a0a1a;\r\n --bg-informative-warning: #cb87001a;\r\n\r\n --footer-bg-color: #005a92;\r\n\r\n /* Modal */\r\n --modal-header-bg-color: #005a92;\r\n}\r\n\r\n/* TO-DO ajustar componentes para aplicar o dark mode */\r\n\r\n/* @media (prefers-color-scheme: dark) {\r\n html {\r\n color-scheme: dark;\r\n }\r\n\r\n :root {\r\n --background-color: #303030;\r\n --foreground: #fff;\r\n --success-color: #4feba3;\r\n --warning-color: #e3a833;\r\n --alert-color: #ff5858;\r\n --information-color: #37adf6;\r\n }\r\n \r\n} */\r\n\r\n.dark-mode {\r\n --background-color: #303030;\r\n --foreground: #fff;\r\n --success-color: #4feba3;\r\n --warning-color: #e3a833;\r\n --alert-color: #ff5858;\r\n --information-color: #37adf6;\r\n --color-label: #fff;\r\n\r\n /* Button specific variables */\r\n --btn-bg-primary-color: #fff;\r\n --btn-text-primary-color: #005a92;\r\n --btn-text-hover-primary-color: #005a92;\r\n --btn-bg-focus-primary-color: #00436d;\r\n --btn-text-focus-primary-color: #fff;\r\n\r\n /* Secondary Button specific variables */\r\n --btn-bg-secondary-color: #000;\r\n --btn-bg-hover-secondary-color: #fff;\r\n --btn-text-secondary-color: #fff;\r\n --btn-text-hover-secondary-color: #000;\r\n --btn-bg-focus-secondary-color: #415474;\r\n --btn-text-focus-secondary-color: #fff;\r\n --btn-border-secondary-color: #fff;\r\n --btn-bg-danger-secondary-color: #000;\r\n --btn-text-danger-secondary-color: #ff5858;\r\n --btn-border-danger-secondary-color: #ff5858;\r\n\r\n /* Tertiary Button specific variables */\r\n --btn-bg-tertiary-color: transparent;\r\n --btn-bg-hover-tertiary-color: #415474;\r\n --btn-text-tertiary-color: #fff;\r\n --btn-text-hover-tertiary-color: #005a92;\r\n --btn-bg-focus-tertiary-color: #415474;\r\n --btn-text-focus-tertiary-color: #005a92;\r\n --btn-border-tertiary-color: #52819e;\r\n --btn-text-danger-tertiary-color: #ff5858;\r\n --btn-border-danger-tertiary-color: #ff5858;\r\n\r\n /* Input variables */\r\n --input-placeholder-color: #fff;\r\n --input-placeholder-focus: #fff;\r\n --input-bg-color: #2d2d2e;\r\n\r\n /* Table variables */\r\n --background-color-table-primary: #303030;\r\n --background-color-table-secondary: #4b4b4c;\r\n\r\n /*Header variables */\r\n --header-bg-main-color: #4a4a4a;\r\n --header-logout-btn-color: #fff;\r\n --header-logout-icon-color: #fff;\r\n --header-menu-icon-color: #fff;\r\n\r\n /* Informative box */\r\n --bg-informative-success: #303030;\r\n --bg-informative-alert: #303030;\r\n --bg-informative-warning: #303030;\r\n\r\n --footer-bg-color: #000;\r\n\r\n /* Modal */\r\n --modal-header-bg-color: #4a4a4a;\r\n}\r\n\r\n::placeholder {\r\n color: var(--input-placeholder-color);\r\n}\r\n\r\n:-ms-input-placeholder {\r\n /* Para Internet Explorer 10-11 */\r\n color: var(--input-placeholder-color);\r\n}\r\n\r\n::-ms-input-placeholder {\r\n /* Para Microsoft Edge */\r\n color: var(--input-placeholder-color);\r\n}\r\n\r\n/* Sobreescrevendo propriedades do input date, da lib prime react */\r\n\r\n.p-component {\r\n border-right: none;\r\n font-family: var(--font-open-sans-serif) !important;\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.p-inputwrapper {\r\n width: 100% !important;\r\n}\r\n\r\n.p-button-icon-only {\r\n background-color: white !important;\r\n box-shadow: none !important;\r\n border-top: 1px solid #d1d5db;\r\n border-right: 1px solid #d1d5db;\r\n border-bottom: 1px solid #d1d5db;\r\n border-left: none;\r\n border-top-right-radius: 6px;\r\n border-bottom-right-radius: 6px;\r\n max-width: 50px;\r\n}\r\n\r\n.buttoFocus {\r\n outline: 0 none;\r\n outline-offset: 0;\r\n box-shadow: 0 0 0 0.2rem #a5f3fc !important;\r\n border-color: #06b6d4;\r\n}\r\n\r\n.buttoInvalid {\r\n border-color: red !important;\r\n}\r\n\r\n.buttonHover {\r\n border-color: #06b6d4;\r\n}\r\n";
|
|
23557
|
+
var css_248z = "/* src/global.css */\r\n@import url(\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap\");\r\n*,\r\n*::before,\r\n*::after {\r\n box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n font-family: var(--font-open-sans-serif);\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n:root {\r\n --font-scale: 0px;\r\n /* fonts */\r\n --font-open-sans-serif: \"Open Sans\", \"sans-serif\";\r\n --font-open-sans-light: \"Open Sans\", 300;\r\n --font-open-sans-regular: \"Open Sans\", 400;\r\n --font-open-sans-bold: \"Open Sans\", 700;\r\n /* colors */\r\n --color-primary: #005a92;\r\n --color-secondary: #303030;\r\n --color-success: #198754;\r\n --color-warning: #cb8700;\r\n --color-information: #1a95b0;\r\n --color-danger: #cb0a0a;\r\n --color-focus: var(--color-information);\r\n --color-focus-outline: #0091ea80;\r\n --color-placeholder: #9ca4b47d;\r\n --color-border: #cfcfcffc;\r\n --color-label: #303030;\r\n --color-input: #30303090;\r\n --background-color-success: #1987541a;\r\n --background-color-error: #cb0a0a1a;\r\n --background-color-warning: #cb87001a;\r\n --background-color-table-primary: #eeeeee;\r\n --background-color-table-secondary: #f6f6f6;\r\n --background-color-table-hover: #e5f1f9;\r\n --color-weaker-blue: #52819e;\r\n --color-dark-gray: #363632;\r\n --color-gray-medium: #495057;\r\n --color-red-light: #dc354580;\r\n /* input */\r\n --input-border: 1px solid var(--color-border);\r\n --input-border-danger: 1px solid var(--color-danger);\r\n --input-border-radius: 8px;\r\n --input-border-focus: 1px solid var(--color-focus);\r\n --input-cursor: pointer;\r\n --input-font-size: 14px;\r\n --input-font-weight: 700;\r\n --input-line-height: 24px;\r\n --input-outline-focus: solid var(--color-focus-outline) 1.5px;\r\n --input-outline-danger: solid var(--color-danger) 1.5px; \r\n\r\n /* Font sizes */\r\n --font-size-32: calc(32px + var(--font-scale));\r\n --font-size-24: calc(24px + var(--font-scale));\r\n --font-size-20: calc(20px + var(--font-scale));\r\n --font-size-16: calc(16px + var(--font-scale));\r\n --font-size-14: calc(14px + var(--font-scale));\r\n --font-size-12: calc(12px + var(--font-scale));\r\n --font-size-10: calc(10px + var(--font-scale));\r\n\r\n /* Theming colors */\r\n --background-color: #fff;\r\n --foreground: #303030;\r\n --success-color: #198754;\r\n --warning-color: #cb8700;\r\n --alert-color: #cb0a0a;\r\n --information-color: #1a95b0;\r\n\r\n /* Input variables */\r\n --input-placeholder-focus: #303030cc;\r\n --input-placeholder-color: #30303066;\r\n --input-bg-color: #fff;\r\n --input-disabled-bg-color: #eeeeee; \r\n\r\n --primary-color: #005a92;\r\n --pge-gold: #bb9b32;\r\n --hover-color: #00436d;\r\n --icon-color: #4a4a4b;\r\n --border-color: #d9d9d9;\r\n --light-grey-color: #c3c3c3;\r\n --grey-color: #a0a0a0;\r\n\r\n /* Primary Button specific variables */\r\n --btn-bg-primary-color: #005a92;\r\n --btn-text-primary-color: #fff;\r\n --btn-text-hover-primary-color: #fff;\r\n --btn-bg-focus-primary-color: #00436d;\r\n --btn-text-focus-primary-color: #fff;\r\n\r\n /* Secondary Button specific variables */\r\n --btn-bg-secondary-color: #fff;\r\n --btn-bg-hover-secondary-color: #00436d1a;\r\n --btn-text-secondary-color: #00436d;\r\n --btn-text-hover-secondary-color: #005a92;\r\n --btn-bg-focus-secondary-color: #52819e40;\r\n --btn-text-focus-secondary-color: #005a92;\r\n --btn-border-secondary-color: #52819e;\r\n --btn-text-danger-secondary-color: #ff5858;\r\n --btn-border-danger-secondary-color: #ff5858;\r\n\r\n /* Tertiary Button specific variables */\r\n --btn-bg-tertiary-color: transparent;\r\n --btn-bg-hover-tertiary-color: transparent;\r\n --btn-text-tertiary-color: #005a92;\r\n --btn-text-hover-tertiary-color: #005a92;\r\n --btn-bg-focus-tertiary-color: #0b81ca47;\r\n --btn-text-focus-tertiary-color: #005a92;\r\n --btn-border-tertiary-color: #52819e;\r\n --btn-text-danger-tertiary-color: #ff5858;\r\n --btn-border-danger-tertiary-color: #ff5858;\r\n\r\n /* Header variables */\r\n --header-bg-main-color: #fff;\r\n --header-logout-btn-color: #005a92;\r\n --header-logout-icon-color: #005a92;\r\n --header-menu-icon-color: #005a92;\r\n --header-bg-dropdown: #fff;\r\n --header-font-dropdown: #303030;\r\n --header-hover-dropdown: #005a921a;\r\n\r\n /* Checkbox variables */\r\n --checkbox-bg-main-color: #FFFFFF;\r\n --checkbox-border-color: #C3C3C3;\r\n --checkbox-hover-bg-color: #005A921A;\r\n --checkbox-checked-bg-color: #005A92;\r\n --checkbox-checked-border-color: #005A92;\r\n --checkbox-checked-hover-bg-color: #005A92;\r\n --checkbox-checked-hover-border-color: #005A92;\r\n --checkbox-focus-box-shadow-color: #5E92B3;\r\n --checkbox-disabled-bg-color: #A0A0A01A;\r\n\r\n /* PaginationV2 variables */\r\n --paginationv2-arrow-color: #005A92;\r\n --paginationv2-selecttrigger-bg-color: #fff;\r\n --paginationv2-selectedValue-color: #303030B2;\r\n --paginationv2-selecttrigger-border-color: #DEE2E6;\r\n --paginationv2-optionslist-bg-color: #fff;\r\n --paginationv2-optionslist-font-color: #333;\r\n --paginationv2-optionslist-hover-bg-color: #f5f5f5;\r\n --paginationv2-optionselect-bg-color: #e6f3f9;\r\n --paginationv2-optionselect-text-color: #005a92;\r\n\r\n /* Informative box */\r\n --bg-informative-success: #1987541a;\r\n --bg-informative-alert: #cb0a0a1a;\r\n --bg-informative-warning: #cb87001a;\r\n\r\n --footer-bg-color: #005a92;\r\n\r\n /* Modal */\r\n --modal-header-bg-color: #005a92;\r\n}\r\n\r\n/* TO-DO ajustar componentes para aplicar o dark mode */\r\n\r\n/* @media (prefers-color-scheme: dark) {\r\n html {\r\n color-scheme: dark;\r\n }\r\n\r\n :root {\r\n --background-color: #303030;\r\n --foreground: #fff;\r\n --success-color: #4feba3;\r\n --warning-color: #e3a833;\r\n --alert-color: #ff5858;\r\n --information-color: #37adf6;\r\n }\r\n \r\n} */\r\n\r\n.dark-mode {\r\n --background-color: #303030;\r\n --foreground: #fff;\r\n --success-color: #4feba3;\r\n --warning-color: #e3a833;\r\n --alert-color: #ff5858;\r\n --information-color: #37adf6;\r\n --color-label: #fff;\r\n\r\n /* Button specific variables */\r\n --btn-bg-primary-color: #fff;\r\n --btn-text-primary-color: #005a92;\r\n --btn-text-hover-primary-color: #005a92;\r\n --btn-bg-focus-primary-color: #00436d;\r\n --btn-text-focus-primary-color: #fff;\r\n\r\n /* Secondary Button specific variables */\r\n --btn-bg-secondary-color: #000;\r\n --btn-bg-hover-secondary-color: #fff;\r\n --btn-text-secondary-color: #fff;\r\n --btn-text-hover-secondary-color: #000;\r\n --btn-bg-focus-secondary-color: #415474;\r\n --btn-text-focus-secondary-color: #fff;\r\n --btn-border-secondary-color: #fff;\r\n --btn-bg-danger-secondary-color: #000;\r\n --btn-text-danger-secondary-color: #ff5858;\r\n --btn-border-danger-secondary-color: #ff5858;\r\n\r\n /* Tertiary Button specific variables */\r\n --btn-bg-tertiary-color: transparent;\r\n --btn-bg-hover-tertiary-color: #415474;\r\n --btn-text-tertiary-color: #fff;\r\n --btn-text-hover-tertiary-color: #005a92;\r\n --btn-bg-focus-tertiary-color: #415474;\r\n --btn-text-focus-tertiary-color: #005a92;\r\n --btn-border-tertiary-color: #52819e;\r\n --btn-text-danger-tertiary-color: #ff5858;\r\n --btn-border-danger-tertiary-color: #ff5858;\r\n\r\n /* Input variables */\r\n --input-placeholder-color: #fff;\r\n --input-placeholder-focus: #fff;\r\n --input-bg-color: #2d2d2e;\r\n --input-disabled-bg-color: #4B4B4C;\r\n\r\n /* Table variables */\r\n --background-color-table-primary: #303030;\r\n --background-color-table-secondary: #4b4b4c;\r\n\r\n /* Header variables */\r\n --header-bg-main-color: #4a4a4a;\r\n --header-logout-btn-color: #fff;\r\n --header-logout-icon-color: #fff;\r\n --header-menu-icon-color: #fff;\r\n --header-bg-dropdown: #303030;\r\n --header-font-dropdown: #fff;\r\n --header-hover-dropdown: #4A4A4B;\r\n\r\n /* Checkbox variables */\r\n --checkbox-bg-main-color: #FFFFFF;\r\n --checkbox-border-color: #C3C3C3;\r\n --checkbox-hover-bg-color: #FFFFFF;\r\n --checkbox-checked-bg-color: #FFFFFF;\r\n --checkbox-checked-border-color: #FFFFFF;\r\n --checkbox-checked-hover-bg-color: #FFFFFF;\r\n --checkbox-checked-hover-border-color: #FFFFFF;\r\n --checkbox-focus-box-shadow-color: #D9D9D980;\r\n --checkbox-disabled-bg-color: #A0A0A01A;\r\n --checkbox-icon-color: invert(1);\r\n\r\n /* PaginationV2 variables */\r\n --paginationv2-arrow-color:#FFFFFF;\r\n --paginationv2-selecttrigger-bg-color: #FFFFFF;\r\n --paginationv2-selectedValue-color: #303030;\r\n --paginationv2-selecttrigger-border-color: #D9D9D9FC;\r\n --paginationv2-optionslist-bg-color: #4B4B4C;\r\n --paginationv2-optionslist-font-color: #fff;\r\n --paginationv2-optionslist-hover-bg-color: #303030;\r\n --paginationv2-optionselect-bg-color: #2A2A2B;\r\n --paginationv2-optionselect-text-color: #fff;\r\n\r\n /* Informative box */\r\n --bg-informative-success: #303030;\r\n --bg-informative-alert: #303030;\r\n --bg-informative-warning: #303030;\r\n\r\n --footer-bg-color: #000;\r\n\r\n /* Modal */\r\n --modal-header-bg-color: #4a4a4a;\r\n}\r\n\r\n::placeholder {\r\n color: var(--input-placeholder-color);\r\n}\r\n\r\n:-ms-input-placeholder {\r\n /* Para Internet Explorer 10-11 */\r\n color: var(--input-placeholder-color);\r\n}\r\n\r\n::-ms-input-placeholder {\r\n /* Para Microsoft Edge */\r\n color: var(--input-placeholder-color);\r\n}\r\n\r\n/* Sobreescrevendo propriedades do input date, da lib prime react */\r\n\r\n.p-component {\r\n border-right: none;\r\n font-family: var(--font-open-sans-serif) !important;\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.p-inputwrapper {\r\n width: 100% !important;\r\n}\r\n\r\n.p-button-icon-only {\r\n background-color: white !important;\r\n box-shadow: none !important;\r\n border-top: 1px solid #d1d5db;\r\n border-right: 1px solid #d1d5db;\r\n border-bottom: 1px solid #d1d5db;\r\n border-left: none;\r\n border-top-right-radius: 6px;\r\n border-bottom-right-radius: 6px;\r\n max-width: 50px;\r\n}\r\n\r\n.buttoFocus {\r\n outline: 0 none;\r\n outline-offset: 0;\r\n box-shadow: 0 0 0 0.2rem #a5f3fc !important;\r\n border-color: #06b6d4;\r\n}\r\n\r\n.buttoInvalid {\r\n border-color: red !important;\r\n}\r\n\r\n.buttonHover {\r\n border-color: #06b6d4;\r\n}\r\n";
|
|
23558
23558
|
styleInject(css_248z);
|
|
23559
23559
|
|
|
23560
23560
|
function installPrimeReactStyles() {
|