pge-front-common 14.2.5-beta.1 → 14.2.5-beta.2

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.js CHANGED
@@ -853,7 +853,7 @@ var TextareaBase = function (_a) {
853
853
  showCounter && (React.createElement("div", { className: "".concat(styles$y.counter, " ").concat(textError && hasError ? styles$y.messageError : "") }, characterCount))))));
854
854
  };
855
855
 
856
- var css_248z$B = ".radioGroup-module__inputContainer___0cHBx {\r\n width: 306px;\r\n color: var(--color-label);\r\n}\r\n\r\n.radioGroup-module__label___Ziyuh {\r\n color: var(--color-label);\r\n width: 100%;\r\n font-family: var(--font-open-sans-serif);\r\n font-size: 16px;\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n text-align: left;\r\n cursor: pointer;\r\n}\r\n\r\n.radioGroup-module__labelRequired___q7SOr::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioGroup-module__labelError___Ulm2e {\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioGroup-module__inputWrapper___wbpEu {\r\n background-color: #fff;\r\n cursor: pointer;\r\n width: 100%;\r\n font-family: \"Open Sans\", sans-serif;\r\n font-size: var(--input-font-size);\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n text-align: left;\r\n}\r\n\r\n.radioGroup-module__inputContent___g2v-v {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n}\r\n\r\n.radioGroup-module__message___FoIYt {\r\n color: var(--color-label);\r\n margin-left: 10px;\r\n margin-top: 0;\r\n font-family: \"Open Sans\", sans-serif;\r\n font-size: 10px;\r\n font-weight: 700;\r\n line-height: 14px;\r\n text-align: left;\r\n}\r\n\r\n.radioGroup-module__messageError___5BsQY {\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioGroup-module__radioGroup___YpgFb {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n width: 100%;\r\n padding: 0.4rem 0rem;\r\n font-size: 14px;\r\n font-family: var(--font-open-sans-regular);\r\n outline: none;\r\n line-height: 24px;\r\n font-weight: 400;\r\n transition: border-color 0.3s;\r\n cursor: pointer;\r\n}\r\n\r\n.radioGroup-module__radioGroup___YpgFb.radioGroup-module__horizontal___J4nzL {\r\n flex-direction: row;\r\n}\r\n\r\n.radioGroup-module__radioGroup___YpgFb.radioGroup-module__vertical___t-DLk {\r\n flex-direction: column;\r\n}\r\n\r\n.radioGroup-module__radioLabel___wJDuM {\r\n margin-right: 10px;\r\n display: flex;\r\n align-items: center;\r\n font-size: 14px;\r\n font-weight: 400;\r\n cursor: pointer;\r\n}\r\n\r\n.radioGroup-module__inputContainer___0cHBx input[type=\"radio\"i] {\r\n background-color: initial;\r\n cursor: pointer;\r\n appearance: auto;\r\n box-sizing: border-box;\r\n margin: 1px 5px 0px 5px;\r\n padding: initial;\r\n border: initial;\r\n transform: scale(1.25); /* tamanho do radio */\r\n}\r\n\r\n.radioGroup-module__inputWrapperError___91QS1 input[type=\"radio\"] {\r\n border: 1px solid var(--color-danger);\r\n appearance: none;\r\n width: 13px;\r\n height: 13px;\r\n border-radius: 50%;\r\n background-color: transparent;\r\n cursor: pointer;\r\n}\r\n\r\n.radioGroup-module__inputWrapperError___91QS1 input[type=\"radio\"]:checked {\r\n accent-color: var(--color-danger);\r\n appearance: auto;\r\n}\r\n\r\n.radioGroup-module__inputWrapperError___91QS1 input[type=\"radio\"]:disabled {\r\n accent-color: var(--color-border);\r\n appearance: auto;\r\n}\r\n";
856
+ var css_248z$B = ".radioGroup-module__inputContainer___0cHBx {\r\n width: 306px;\r\n color: var(--color-label);\r\n}\r\n\r\n.radioGroup-module__label___Ziyuh {\r\n color: var(--color-label);\r\n width: 100%;\r\n font-family: var(--font-open-sans-serif);\r\n font-size: 16px;\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n text-align: left;\r\n cursor: pointer;\r\n}\r\n\r\n.radioGroup-module__labelRequired___q7SOr::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioGroup-module__labelError___Ulm2e {\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioGroup-module__inputWrapper___wbpEu {\r\n background-color: #fff;\r\n cursor: pointer;\r\n width: 100%;\r\n font-family: \"Open Sans\", sans-serif;\r\n font-size: var(--input-font-size);\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n text-align: left;\r\n}\r\n\r\n.radioGroup-module__inputContent___g2v-v {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n}\r\n\r\n.radioGroup-module__message___FoIYt {\r\n color: var(--color-label);\r\n margin-left: 10px;\r\n margin-top: 0;\r\n font-family: \"Open Sans\", sans-serif;\r\n font-size: 10px;\r\n font-weight: 700;\r\n line-height: 14px;\r\n text-align: left;\r\n}\r\n\r\n.radioGroup-module__messageError___5BsQY {\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioGroup-module__radioGroup___YpgFb {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n width: 100%;\r\n padding: 0.4rem 0rem;\r\n font-size: 14px;\r\n font-family: var(--font-open-sans-regular);\r\n outline: none;\r\n line-height: 24px;\r\n font-weight: 400;\r\n transition: border-color 0.3s;\r\n cursor: pointer;\r\n}\r\n\r\n.radioGroup-module__radioGroup___YpgFb.radioGroup-module__horizontal___J4nzL {\r\n flex-direction: row;\r\n}\r\n\r\n.radioGroup-module__radioGroup___YpgFb.radioGroup-module__vertical___t-DLk {\r\n flex-direction: column;\r\n}\r\n\r\n.radioGroup-module__radioLabel___wJDuM {\r\n margin-right: 10px;\r\n display: flex;\r\n align-items: center;\r\n font-size: 14px;\r\n font-weight: 400;\r\n cursor: pointer;\r\n}\r\n\r\n.radioGroup-module__inputContainer___0cHBx input[type=\"radio\" i] {\r\n background-color: initial;\r\n cursor: pointer;\r\n appearance: auto;\r\n box-sizing: border-box;\r\n margin: 1px 5px 0px 5px;\r\n padding: initial;\r\n border: initial;\r\n transform: scale(1.25); /* tamanho do radio */\r\n}\r\n\r\n.radioGroup-module__inputWrapperError___91QS1 input[type=\"radio\"] {\r\n border: 1px solid var(--color-danger);\r\n appearance: none;\r\n width: 13px;\r\n height: 13px;\r\n border-radius: 50%;\r\n background-color: transparent;\r\n cursor: pointer;\r\n}\r\n\r\n.radioGroup-module__inputWrapperError___91QS1 input[type=\"radio\"]:checked {\r\n accent-color: var(--color-danger);\r\n appearance: auto;\r\n}\r\n\r\n.radioGroup-module__inputWrapperError___91QS1 input[type=\"radio\"]:disabled {\r\n accent-color: var(--color-border);\r\n appearance: auto;\r\n}\r\n";
857
857
  var styles$x = {"inputContainer":"radioGroup-module__inputContainer___0cHBx","label":"radioGroup-module__label___Ziyuh","labelRequired":"radioGroup-module__labelRequired___q7SOr","labelError":"radioGroup-module__labelError___Ulm2e","inputWrapper":"radioGroup-module__inputWrapper___wbpEu","inputContent":"radioGroup-module__inputContent___g2v-v","message":"radioGroup-module__message___FoIYt","messageError":"radioGroup-module__messageError___5BsQY","radioGroup":"radioGroup-module__radioGroup___YpgFb","horizontal":"radioGroup-module__horizontal___J4nzL","vertical":"radioGroup-module__vertical___t-DLk","radioLabel":"radioGroup-module__radioLabel___wJDuM","inputWrapperError":"radioGroup-module__inputWrapperError___91QS1"};
858
858
  styleInject(css_248z$B);
859
859
 
@@ -877,8 +877,8 @@ var RadioGroupBase = function (_a) {
877
877
  !hasError && message && React.createElement("p", { className: styles$x.message }, message)));
878
878
  };
879
879
 
880
- var css_248z$A = ".radioButton-module__inputContainer___coOCa {\r\n width: fit-content;\r\n color: var(--color-label);\r\n}\r\n\r\n.radioButton-module__label___wVR78 {\r\n color: var(--color-label);\r\n width: 100%;\r\n font-family: var(--font-open-sans-serif);\r\n font-size: var(--font-size-16, 16px);\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n text-align: left;\r\n cursor: pointer;\r\n}\r\n\r\n.radioButton-module__labelRequired___nXMVZ::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioButton-module__labelError___-3YGd {\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioButton-module__inputWrapper___0J8bD {\r\n cursor: pointer;\r\n width: 100%;\r\n font-family: \"Open Sans\", sans-serif;\r\n font-size: var(--input-font-size);\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n text-align: left;\r\n}\r\n\r\n.radioButton-module__inputWrapperError___R7Q5I {\r\n border-color: var(--color-danger);\r\n}\r\n\r\n.radioButton-module__inputContent___gOApv {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n}\r\n\r\n.radioButton-module__message___lFQac {\r\n color: var(--color-label);\r\n margin-left: 10px;\r\n margin-top: 0;\r\n font-family: \"Open Sans\", sans-serif;\r\n font-size: 10px;\r\n font-weight: 700;\r\n line-height: 14px;\r\n text-align: left;\r\n}\r\n\r\n.radioButton-module__messageError___0mNqy {\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioButton-module__radioLabel___z7BYf {\r\n display: flex;\r\n align-items: center;\r\n font-size: var(--font-size-14, 14px);\r\n font-weight: 400;\r\n cursor: pointer;\r\n width: fit-content;\r\n padding: 0.4rem 0rem;\r\n font-family: var(--font-open-sans-regular);\r\n outline: none;\r\n line-height: 24px;\r\n transition: border-color 0.3s;\r\n gap: 10px;\r\n}\r\n\r\n.radioButton-module__inputContainer___coOCa input[type=\"radio\"i] {\r\n background-color: initial;\r\n cursor: pointer;\r\n appearance: auto;\r\n box-sizing: border-box;\r\n margin: 1px 5px 0px 5px;\r\n padding: initial;\r\n border: initial;\r\n transform: scale(1.25); /* tamanho do radio */\r\n}\r\n\r\n.radioButton-module__inputContainer___coOCa input[type=\"radio\" i]:focus-visible {\r\n outline: 2px solid var(--color-primary, #0066cc);\r\n outline-offset: 2px;\r\n border-radius: 50%;\r\n}\r\n\r\n.radioButton-module__inputWrapperError___R7Q5I input[type=\"radio\"] {\r\n border: 1px solid var(--color-danger);\r\n appearance: none;\r\n width: 13px;\r\n height: 13px;\r\n border-radius: 50%;\r\n background-color: transparent;\r\n cursor: pointer;\r\n}\r\n\r\n.radioButton-module__inputWrapperError___R7Q5I input[type=\"radio\"]:checked {\r\n accent-color: var(--color-danger);\r\n appearance: auto;\r\n}\r\n\r\n.radioButton-module__inputWrapperError___R7Q5I input[type=\"radio\"]:disabled {\r\n accent-color: var(--color-border);\r\n appearance: auto;\r\n}\r\n\r\n.radioButton-module__inputContainer___coOCa input[type=\"radio\" i]:disabled {\r\n cursor: not-allowed;\r\n opacity: 0.6;\r\n}\r\n\r\n.radioButton-module__radioLabel___z7BYf:has(input[type=\"radio\"]:disabled) {\r\n cursor: not-allowed;\r\n opacity: 0.6;\r\n}\r\n\r\n";
881
- var styles$w = {"inputContainer":"radioButton-module__inputContainer___coOCa","label":"radioButton-module__label___wVR78","labelRequired":"radioButton-module__labelRequired___nXMVZ","labelError":"radioButton-module__labelError___-3YGd","inputWrapper":"radioButton-module__inputWrapper___0J8bD","inputWrapperError":"radioButton-module__inputWrapperError___R7Q5I","inputContent":"radioButton-module__inputContent___gOApv","message":"radioButton-module__message___lFQac","messageError":"radioButton-module__messageError___0mNqy","radioLabel":"radioButton-module__radioLabel___z7BYf"};
880
+ var css_248z$A = ".radioButton-module__inputContainer___coOCa {\r\n width: fit-content;\r\n color: var(--color-label);\r\n}\r\n\r\n.radioButton-module__label___wVR78 {\r\n color: var(--color-label);\r\n width: 100%;\r\n font-family: var(--font-open-sans-serif);\r\n font-size: var(--font-size-16, 16px);\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n text-align: left;\r\n cursor: pointer;\r\n}\r\n\r\n.radioButton-module__labelRequired___nXMVZ::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioButton-module__labelError___-3YGd {\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioButton-module__inputWrapper___0J8bD {\r\n cursor: pointer;\r\n width: 100%;\r\n font-family: \"Open Sans\", sans-serif;\r\n font-size: var(--input-font-size);\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n text-align: left;\r\n}\r\n\r\n.radioButton-module__inputWrapperRadioError___7l79e {\r\n border-color: var(--color-danger);\r\n}\r\n\r\n.radioButton-module__inputContent___gOApv {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n}\r\n\r\n.radioButton-module__message___lFQac {\r\n color: var(--color-label);\r\n margin-left: 10px;\r\n margin-top: 0;\r\n font-family: \"Open Sans\", sans-serif;\r\n font-size: 10px;\r\n font-weight: 700;\r\n line-height: 14px;\r\n text-align: left;\r\n}\r\n\r\n.radioButton-module__messageError___0mNqy {\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioButton-module__radioLabel___z7BYf {\r\n display: flex;\r\n align-items: center;\r\n font-size: var(--font-size-14, 14px);\r\n font-weight: 400;\r\n cursor: pointer;\r\n width: fit-content;\r\n padding: 0.4rem 0rem;\r\n font-family: var(--font-open-sans-regular);\r\n outline: none;\r\n line-height: 24px;\r\n transition: border-color 0.3s;\r\n gap: 10px;\r\n}\r\n\r\n.radioButton-module__inputContainer___coOCa input[type=\"radio\" i] {\r\n background-color: initial;\r\n cursor: pointer;\r\n appearance: auto;\r\n box-sizing: border-box;\r\n margin: 1px 5px 0px 5px;\r\n padding: initial;\r\n border: initial;\r\n transform: scale(1.25); /* tamanho do radio */\r\n}\r\n\r\n.radioButton-module__inputContainer___coOCa input[type=\"radio\" i]:focus-visible {\r\n outline: 2px solid var(--color-primary, #0066cc);\r\n outline-offset: 2px;\r\n border-radius: 50%;\r\n}\r\n\r\n.radioButton-module__inputWrapperRadioError___7l79e input[type=\"radio\"] {\r\n border: 1px solid var(--color-danger);\r\n appearance: none;\r\n width: 13px;\r\n height: 13px;\r\n border-radius: 50%;\r\n background-color: transparent;\r\n cursor: pointer;\r\n}\r\n\r\n.radioButton-module__inputWrapperRadioError___7l79e input[type=\"radio\"]:checked {\r\n accent-color: var(--color-danger);\r\n appearance: auto;\r\n}\r\n\r\n.radioButton-module__inputWrapperRadioError___7l79e input[type=\"radio\"]:disabled {\r\n accent-color: var(--color-border);\r\n appearance: auto;\r\n}\r\n\r\n.radioButton-module__inputContainer___coOCa input[type=\"radio\" i]:disabled {\r\n cursor: not-allowed;\r\n opacity: 0.6;\r\n}\r\n\r\n.radioButton-module__radioLabelItem___XIwXd:has(input[type=\"radio\"]:disabled) {\r\n cursor: not-allowed;\r\n opacity: 0.6;\r\n}\r\n\r\n";
881
+ var styles$w = {"inputContainer":"radioButton-module__inputContainer___coOCa","label":"radioButton-module__label___wVR78","labelRequired":"radioButton-module__labelRequired___nXMVZ","labelError":"radioButton-module__labelError___-3YGd","inputWrapper":"radioButton-module__inputWrapper___0J8bD","inputWrapperRadioError":"radioButton-module__inputWrapperRadioError___7l79e","inputContent":"radioButton-module__inputContent___gOApv","message":"radioButton-module__message___lFQac","messageError":"radioButton-module__messageError___0mNqy","radioLabel":"radioButton-module__radioLabel___z7BYf","radioLabelItem":"radioButton-module__radioLabelItem___XIwXd"};
882
882
  styleInject(css_248z$A);
883
883
 
884
884
  var RadioButton = function (_a) {
@@ -898,7 +898,7 @@ var RadioButton = function (_a) {
898
898
  .filter(Boolean)
899
899
  .join(" ") || undefined;
900
900
  return (React.createElement("div", { className: classes },
901
- React.createElement("div", { className: "".concat(styles$w.inputWrapper, " ").concat(hasError ? styles$w.inputWrapperError : "") },
901
+ React.createElement("div", { className: "".concat(styles$w.inputWrapper, " ").concat(hasError ? styles$w.inputWrapperRadioError : "") },
902
902
  React.createElement("div", { className: styles$w.inputContent },
903
903
  React.createElement("label", { htmlFor: radioId, className: "".concat(styles$w.radioLabel, " ").concat(hasError ? styles$w.labelError : "") },
904
904
  React.createElement("input", __assign({ type: "radio", id: radioId, name: name, value: value, checked: checked, onChange: function (event) {