pge-front-common 14.2.16 → 14.2.18

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.
Files changed (7) hide show
  1. package/lib/components/Header/Header.d.ts +3 -1
  2. package/lib/index.d.ts +14 -12
  3. package/lib/index.esm.js +5 -5
  4. package/lib/index.esm.js.map +1 -1
  5. package/lib/index.js +5 -5
  6. package/lib/index.js.map +1 -1
  7. package/package.json +1 -1
package/lib/components/Header/Header.d.ts CHANGED
@@ -4,6 +4,8 @@ export interface HeaderProps {
4
4
  isHonorarios?: boolean;
5
5
  isCASC?: boolean;
6
6
  isResponsiveCASC?: boolean;
7
+ /** Aplica limite de 1440px de largura ao conteúdo, útil para evitar overflow em zoom e telas muito largas */
8
+ constrainMaxWidth?: boolean;
7
9
  optionSelection: (name: string, id: number) => void;
8
10
  options: any[];
9
11
  name: string;
@@ -18,5 +20,5 @@ export interface HeaderProps {
18
20
  firstName?: string;
19
21
  hasLogin?: boolean;
20
22
  }
21
- declare const Header: ({ isRHDigital, isCASC, isResponsiveCASC, optionSelection, options, name, userName, handleLogout, isPortalServidor, isPortalBeneficios, profile, hasGestor, fullName, firstName, isHonorarios, extraComponent, hasLogin, }: HeaderProps) => React.JSX.Element;
23
+ declare const Header: ({ isRHDigital, isCASC, isResponsiveCASC, constrainMaxWidth, optionSelection, options, name, userName, handleLogout, isPortalServidor, isPortalBeneficios, profile, hasGestor, fullName, firstName, isHonorarios, extraComponent, hasLogin, }: HeaderProps) => React.JSX.Element;
22
24
  export default Header;
package/lib/index.d.ts CHANGED
@@ -92,6 +92,17 @@ declare const FileUpload: React__default.ForwardRefExoticComponent<{
92
92
  maxFileSize?: `${number}KB` | `${number}MB` | `${number}GB`;
93
93
  helperText?: React__default.ReactNode;
94
94
  } & {
95
+ disabled?: boolean | undefined | undefined;
96
+ onChange?: React__default.FormEventHandler<HTMLButtonElement> | undefined;
97
+ form?: string | undefined | undefined;
98
+ formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
99
+ formEncType?: string | undefined | undefined;
100
+ formMethod?: string | undefined | undefined;
101
+ formNoValidate?: boolean | undefined | undefined;
102
+ formTarget?: string | undefined | undefined;
103
+ name?: string | undefined | undefined;
104
+ type?: "submit" | "reset" | "button" | undefined | undefined;
105
+ value?: string | number | readonly string[] | undefined;
95
106
  defaultChecked?: boolean | undefined | undefined;
96
107
  defaultValue?: string | number | readonly string[] | undefined;
97
108
  suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -219,7 +230,6 @@ declare const FileUpload: React__default.ForwardRefExoticComponent<{
219
230
  onFocusCapture?: React__default.FocusEventHandler<HTMLButtonElement> | undefined;
220
231
  onBlur?: React__default.FocusEventHandler<HTMLButtonElement> | undefined;
221
232
  onBlurCapture?: React__default.FocusEventHandler<HTMLButtonElement> | undefined;
222
- onChange?: React__default.FormEventHandler<HTMLButtonElement> | undefined;
223
233
  onChangeCapture?: React__default.FormEventHandler<HTMLButtonElement> | undefined;
224
234
  onBeforeInput?: React__default.InputEventHandler<HTMLButtonElement> | undefined;
225
235
  onBeforeInputCapture?: React__default.FormEventHandler<HTMLButtonElement> | undefined;
@@ -388,16 +398,6 @@ declare const FileUpload: React__default.ForwardRefExoticComponent<{
388
398
  'data-pr-hidedelay'?: number | undefined | undefined;
389
399
  'data-pr-autohide'?: boolean | undefined | undefined;
390
400
  'data-pr-showondisabled'?: boolean | undefined | undefined;
391
- disabled?: boolean | undefined | undefined;
392
- value?: string | number | readonly string[] | undefined;
393
- form?: string | undefined | undefined;
394
- formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
395
- formEncType?: string | undefined | undefined;
396
- formMethod?: string | undefined | undefined;
397
- formNoValidate?: boolean | undefined | undefined;
398
- formTarget?: string | undefined | undefined;
399
- name?: string | undefined | undefined;
400
- type?: "submit" | "reset" | "button" | undefined | undefined;
401
401
  } & React__default.RefAttributes<FileUploadHandle>>;
402
402
 
403
403
  interface TooltipProps$1 {
@@ -470,6 +470,8 @@ interface HeaderProps$1 {
470
470
  isHonorarios?: boolean;
471
471
  isCASC?: boolean;
472
472
  isResponsiveCASC?: boolean;
473
+ /** Aplica limite de 1440px de largura ao conteúdo, útil para evitar overflow em zoom e telas muito largas */
474
+ constrainMaxWidth?: boolean;
473
475
  optionSelection: (name: string, id: number) => void;
474
476
  options: any[];
475
477
  name: string;
@@ -484,7 +486,7 @@ interface HeaderProps$1 {
484
486
  firstName?: string;
485
487
  hasLogin?: boolean;
486
488
  }
487
- declare const Header: ({ isRHDigital, isCASC, isResponsiveCASC, optionSelection, options, name, userName, handleLogout, isPortalServidor, isPortalBeneficios, profile, hasGestor, fullName, firstName, isHonorarios, extraComponent, hasLogin, }: HeaderProps$1) => React__default.JSX.Element;
489
+ declare const Header: ({ isRHDigital, isCASC, isResponsiveCASC, constrainMaxWidth, optionSelection, options, name, userName, handleLogout, isPortalServidor, isPortalBeneficios, profile, hasGestor, fullName, firstName, isHonorarios, extraComponent, hasLogin, }: HeaderProps$1) => React__default.JSX.Element;
488
490
 
489
491
  interface FooterProps {
490
492
  imageFooter: string;
package/lib/index.esm.js CHANGED
@@ -903,8 +903,8 @@ var RadioButton = function (_a) {
903
903
  !hasError && message && (React__default.createElement("p", { id: messageId, className: styles$w.message }, message))));
904
904
  };
905
905
 
906
- var css_248z$z = ".header-module__separator_background___lYfCd {\r\n background-color: rgb(188, 157, 50);\r\n width: 100%;\r\n height: 4px;\r\n opacity: 1;\r\n}\r\n\r\n.header-module__container___eaqPg {\r\n height: 100%;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 28px 72px;\r\n min-width: 1024px;\r\n\r\n @media (max-width: 1024px) {\r\n padding: 22px 16px;\r\n min-width: 100%;\r\n }\r\n}\r\n\r\n.header-module__wrapperMenu___m5rLa {\r\n display: flex;\r\n gap: 24px;\r\n align-items: center;\r\n\r\n @media (max-width: 1024px) {\r\n gap: 8px;\r\n }\r\n}\r\n\r\n.header-module__iconLogo___pcEoN {\r\n @media (max-width: 1024px) {\r\n width: 100px;\r\n }\r\n}\r\n\r\n.header-module__verticalDivider___4JMWc {\r\n content: \"\";\r\n display: inline-block;\r\n height: 50px;\r\n width: 1px;\r\n background-color: #ccc;\r\n margin: 0px 0px 0px 0px;\r\n}\r\n\r\n.header-module__containerHeaderIndex___ueqa- {\r\n width: 100%;\r\n max-height: 6rem;\r\n font-size: 2rem;\r\n box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.19);\r\n}\r\n\r\n.header-module__set_shadow___UUN7Y {\r\n border-radius: 0px 0px 16px 16px;\r\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n.header-module__limitedWidth___fsCel {\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n .header-module__containerHeaderIndex___ueqa- {\r\n max-height: 6rem;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .header-module__containerHeaderIndex___ueqa- {\r\n max-height: 13rem;\r\n }\r\n}\r\n\r\n.header-module__iconLogoCASC___3YUG6 {\r\n height: 65px;\r\n width: auto;\r\n}\r\n\r\n.header-module__iconLogoPGE___HK3gX {\r\n margin-right: 20px;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .header-module__iconLogoCASC___3YUG6 {\r\n height: 45px;\r\n width: auto;\r\n }\r\n}\r\n\r\n.header-module__responsiveCASC___KL8jM {\r\n @media (max-width: 1024px) {\r\n .header-module__iconLogoCASC___3YUG6 {\r\n height: 45px;\r\n width: auto;\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .header-module__iconLogoCASC___3YUG6 {\r\n height: 40px;\r\n width: auto;\r\n }\r\n }\r\n}\r\n\r\n.header-module__limitedWidthBeneficios___-Jcji {\r\n max-width: 1440px !important;\r\n margin: 0 auto !important;\r\n}\r\n\r\n.header-module__IconMenu___7JWj- {\r\n display: flex;\r\n max-height: 48px;\r\n}\r\n\r\n.header-module__wrapperUserButton___M-CBj {\r\n display: flex;\r\n align-items: center;\r\n gap: 24px;\r\n\r\n @media (max-width: 1024px) {\r\n gap: 8px;\r\n }\r\n}";
907
- var styles$v = {"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","limitedWidthBeneficios":"header-module__limitedWidthBeneficios___-Jcji","IconMenu":"header-module__IconMenu___7JWj-","wrapperUserButton":"header-module__wrapperUserButton___M-CBj"};
906
+ var css_248z$z = ".header-module__separator_background___lYfCd {\r\n background-color: rgb(188, 157, 50);\r\n width: 100%;\r\n height: 4px;\r\n opacity: 1;\r\n}\r\n\r\n.header-module__container___eaqPg {\r\n height: 100%;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 28px 72px;\r\n min-width: 1024px;\r\n\r\n @media (max-width: 1024px) {\r\n padding: 22px 16px;\r\n min-width: 100%;\r\n }\r\n}\r\n\r\n.header-module__wrapperMenu___m5rLa {\r\n display: flex;\r\n gap: 24px;\r\n align-items: center;\r\n\r\n @media (max-width: 1024px) {\r\n gap: 8px;\r\n }\r\n}\r\n\r\n.header-module__iconLogo___pcEoN {\r\n @media (max-width: 1024px) {\r\n width: 100px;\r\n }\r\n}\r\n\r\n.header-module__verticalDivider___4JMWc {\r\n content: \"\";\r\n display: inline-block;\r\n height: 50px;\r\n width: 1px;\r\n background-color: #ccc;\r\n margin: 0px 0px 0px 0px;\r\n}\r\n\r\n.header-module__containerHeaderIndex___ueqa- {\r\n width: 100%;\r\n max-height: 6rem;\r\n font-size: 2rem;\r\n box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.19);\r\n}\r\n\r\n.header-module__set_shadow___UUN7Y {\r\n border-radius: 0px 0px 16px 16px;\r\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n.header-module__limitedWidth___fsCel {\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* Padding reduzido quando constrainMaxWidth (>= 1440px) - evita diminuir área do conteúdo */\r\n.header-module__constrainedPadding___IzbnO {\r\n padding: 28px 0;\r\n}\r\n\r\n@media (max-width: 1439px) {\r\n .header-module__constrainedPadding___IzbnO {\r\n padding: 28px 72px;\r\n }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .header-module__constrainedPadding___IzbnO {\r\n padding: 22px 16px;\r\n }\r\n}\r\n\r\n@media (min-width: 640px) {\r\n .header-module__containerHeaderIndex___ueqa- {\r\n max-height: 6rem;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .header-module__containerHeaderIndex___ueqa- {\r\n max-height: 13rem;\r\n }\r\n}\r\n\r\n.header-module__iconLogoCASC___3YUG6 {\r\n height: 65px;\r\n width: auto;\r\n}\r\n\r\n.header-module__iconLogoPGE___HK3gX {\r\n margin-right: 20px;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .header-module__iconLogoCASC___3YUG6 {\r\n height: 45px;\r\n width: auto;\r\n }\r\n}\r\n\r\n.header-module__responsiveCASC___KL8jM {\r\n @media (max-width: 1024px) {\r\n .header-module__iconLogoCASC___3YUG6 {\r\n height: 45px;\r\n width: auto;\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .header-module__iconLogoCASC___3YUG6 {\r\n height: 40px;\r\n width: auto;\r\n }\r\n }\r\n}\r\n\r\n.header-module__limitedWidthBeneficios___-Jcji {\r\n max-width: 1440px !important;\r\n margin: 0 auto !important;\r\n}\r\n\r\n.header-module__IconMenu___7JWj- {\r\n display: flex;\r\n max-height: 48px;\r\n}\r\n\r\n.header-module__wrapperUserButton___M-CBj {\r\n display: flex;\r\n align-items: center;\r\n gap: 24px;\r\n\r\n @media (max-width: 1024px) {\r\n gap: 8px;\r\n }\r\n}";
907
+ var styles$v = {"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","constrainedPadding":"header-module__constrainedPadding___IzbnO","iconLogoCASC":"header-module__iconLogoCASC___3YUG6","iconLogoPGE":"header-module__iconLogoPGE___HK3gX","responsiveCASC":"header-module__responsiveCASC___KL8jM","limitedWidthBeneficios":"header-module__limitedWidthBeneficios___-Jcji","IconMenu":"header-module__IconMenu___7JWj-","wrapperUserButton":"header-module__wrapperUserButton___M-CBj"};
908
908
  styleInject(css_248z$z);
909
909
 
910
910
  var css_248z$y = ".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: 306px;\r\n box-shadow: rgba(197, 164, 164, 0.35) 0px 5px 15px;\r\n cursor: pointer;\r\n margin-right: 5px;\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: 304px;\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: 56px;\r\n border: none;\r\n white-space: pre-wrap;\r\n\r\n -webkit-appearance: button;\r\n background-color: transparent;\r\n background-image: none;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .dropdown-module__primaryDropdown___I7kas {\r\n font-size: var(--font-size-14, 14);\r\n }\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: 400;\r\n}\r\n\r\n.dropdown-module__contentIcon___aqI89 {\r\n transition: transform 0.3s ease;\r\n display: flex;\r\n}\r\n\r\n.dropdown-module__colorIcon___7UTK3 {\r\n color: var(--header-menu-seta-color);\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";
@@ -1117,7 +1117,7 @@ function UserCascButton(_a) {
1117
1117
  }
1118
1118
 
1119
1119
  var Header = function (_a) {
1120
- var _b = _a.isRHDigital, isRHDigital = _b === void 0 ? false : _b, _c = _a.isCASC, isCASC = _c === void 0 ? false : _c, _d = _a.isResponsiveCASC, isResponsiveCASC = _d === void 0 ? false : _d, optionSelection = _a.optionSelection, options = _a.options, name = _a.name, userName = _a.userName, handleLogout = _a.handleLogout, isPortalServidor = _a.isPortalServidor, isPortalBeneficios = _a.isPortalBeneficios, profile = _a.profile, _e = _a.hasGestor, hasGestor = _e === void 0 ? true : _e, fullName = _a.fullName, firstName = _a.firstName, isHonorarios = _a.isHonorarios, extraComponent = _a.extraComponent, _f = _a.hasLogin, hasLogin = _f === void 0 ? true : _f;
1120
+ var _b = _a.isRHDigital, isRHDigital = _b === void 0 ? false : _b, _c = _a.isCASC, isCASC = _c === void 0 ? false : _c, _d = _a.isResponsiveCASC, isResponsiveCASC = _d === void 0 ? false : _d, _e = _a.constrainMaxWidth, constrainMaxWidth = _e === void 0 ? false : _e, optionSelection = _a.optionSelection, options = _a.options, name = _a.name, userName = _a.userName, handleLogout = _a.handleLogout, isPortalServidor = _a.isPortalServidor, isPortalBeneficios = _a.isPortalBeneficios, profile = _a.profile, _f = _a.hasGestor, hasGestor = _f === void 0 ? true : _f, fullName = _a.fullName, firstName = _a.firstName, isHonorarios = _a.isHonorarios, extraComponent = _a.extraComponent, _g = _a.hasLogin, hasLogin = _g === void 0 ? true : _g;
1121
1121
  var getHeaderKey = function () {
1122
1122
  if (isRHDigital)
1123
1123
  return "RH_DIGITAL";
@@ -1169,7 +1169,7 @@ var Header = function (_a) {
1169
1169
  return (React__default.createElement(React__default.Fragment, null,
1170
1170
  React__default.createElement("div", { className: styles$v.separator_background }),
1171
1171
  React__default.createElement("header", { className: getContainerClasses() },
1172
- React__default.createElement("div", { className: "".concat(styles$v.container, " ").concat(isCASC ? styles$v.limitedWidth : "", " ").concat(isPortalBeneficios ? styles$v.limitedWidthBeneficios : "") },
1172
+ React__default.createElement("div", { className: "".concat(styles$v.container, " ").concat(isCASC || constrainMaxWidth ? styles$v.limitedWidth : "", " ").concat(constrainMaxWidth ? styles$v.constrainedPadding : "", " ").concat(isPortalBeneficios ? styles$v.limitedWidthBeneficios : "") },
1173
1173
  React__default.createElement("div", { className: styles$v.wrapperMenu },
1174
1174
  React__default.createElement("div", { className: styles$v.IconMenu },
1175
1175
  React__default.createElement(Menu$2, { options: options, optionSelection: optionSelection })),
@@ -1194,7 +1194,7 @@ function FooterPge(_a) {
1194
1194
  React__default.createElement("span", { className: styles$q.copyrightText }, "2025 \u00A9 Copyright - Todos os direitos reservados."))));
1195
1195
  }
1196
1196
 
1197
- var css_248z$t = ".styles-module__accordion___BdbSg {\r\n border-radius: 15px;\r\n width: 100%;\r\n}\r\n\r\n.styles-module__accordionItem___AcHG1 {\r\n background-color: var(--background-color);\r\n border-radius: 15px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.styles-module__header___0zXFp {\r\n border-radius: 15px;\r\n margin: 0;\r\n}\r\n\r\n.styles-module__accordionButton___5W70F {\r\n width: 100%;\r\n background-color: var(--background-color);\r\n box-shadow: none;\r\n border: 1px solid var(--light-grey-color);\r\n font-size: var(--font-size-20);\r\n font-weight: var(--input-font-weight);\r\n line-height: 30px;\r\n text-align: left;\r\n color: var(--primary-color);\r\n padding: 12px 16px;\r\n position: relative;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__collapsed___7DjAi {\r\n border-radius: 15px;\r\n}\r\n\r\n.styles-module__accordionButton___5W70F:focus {\r\n border: 2px solid var(--color-weaker-blue);\r\n outline: none;\r\n box-shadow: none;\r\n}\r\n\r\n.styles-module__accordionButton___5W70F.styles-module__collapsed___7DjAi:focus {\r\n border-radius: 15px;\r\n}\r\n\r\n.styles-module__accordionButton___5W70F:not(.styles-module__collapsed___7DjAi):focus {\r\n border: 1px solid var(--light-grey-color);\r\n outline: none;\r\n box-shadow: none;\r\n border-top-left-radius: 15px;\r\n border-top-right-radius: 15px;\r\n}\r\n\r\n.styles-module__accordionIcon___s2ytc {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 24px;\r\n height: 24px;\r\n transition: transform 0.3s ease-in-out;\r\n transform: rotate(180deg);\r\n flex-shrink: 0;\r\n}\r\n\r\n.styles-module__accordionIconContainer___FUceu {\r\n fill: #005a924d;\r\n transition: fill 0.2s ease;\r\n}\r\n\r\n.styles-module__accordionButton___5W70F:hover .styles-module__accordionIconContainer___FUceu {\r\n fill: #00436d80;\r\n}\r\n\r\n.styles-module__accordionButton___5W70F:focus .styles-module__accordionIconContainer___FUceu {\r\n fill: #00436d80;\r\n}\r\n\r\n.styles-module__accordionIconArrow___PEwuM {\r\n fill: #ffffff;\r\n}\r\n\r\n.styles-module__dark-mode___XMLvW .styles-module__accordionIconContainer___FUceu {\r\n fill: #ffffff;\r\n}\r\n\r\n.styles-module__dark-mode___XMLvW .styles-module__accordionIconArrow___PEwuM {\r\n fill: #4a4a4a;\r\n}\r\n\r\n.styles-module__collapsed___7DjAi .styles-module__accordionIcon___s2ytc {\r\n transform: rotate(0deg);\r\n}\r\n\r\n.styles-module__accordionCollapse___g1CA6 {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.2s ease-out;\r\n}\r\n\r\n.styles-module__accordionCollapse___g1CA6.styles-module__show___xeyUH {\r\n max-height: fit-content;\r\n}\r\n\r\n.styles-module__accordionBody___goPRU {\r\n background-color: var(--background-color);\r\n border: 1px solid var(--light-grey-color);\r\n border-top: none;\r\n border-bottom-left-radius: 15px;\r\n border-bottom-right-radius: 15px;\r\n padding: 16px;\r\n}\r\n";
1197
+ var css_248z$t = ".styles-module__accordion___BdbSg {\r\n border-radius: 15px;\r\n width: 100%;\r\n}\r\n\r\n.styles-module__accordionItem___AcHG1 {\r\n background-color: var(--background-color);\r\n border-radius: 15px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.styles-module__header___0zXFp {\r\n border-radius: 15px;\r\n margin: 0;\r\n}\r\n\r\n.styles-module__accordionButton___5W70F {\r\n width: 100%;\r\n background-color: var(--background-color);\r\n box-shadow: none;\r\n border: 1px solid var(--light-grey-color);\r\n font-size: var(--font-size-20);\r\n font-weight: var(--input-font-weight);\r\n line-height: 30px;\r\n text-align: left;\r\n color: var(--primary-color);\r\n padding: 12px 16px;\r\n position: relative;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__collapsed___7DjAi {\r\n border-radius: 15px;\r\n}\r\n\r\n.styles-module__accordionButton___5W70F:not(.styles-module__collapsed___7DjAi) {\r\n border-top-left-radius: 15px;\r\n border-top-right-radius: 15px;\r\n}\r\n\r\n.styles-module__accordionButton___5W70F:focus {\r\n border: 2px solid var(--color-weaker-blue);\r\n outline: none;\r\n box-shadow: none;\r\n}\r\n\r\n.styles-module__accordionButton___5W70F.styles-module__collapsed___7DjAi:focus {\r\n border-radius: 15px;\r\n}\r\n\r\n.styles-module__accordionButton___5W70F:not(.styles-module__collapsed___7DjAi):focus {\r\n border: 1px solid var(--light-grey-color);\r\n outline: none;\r\n box-shadow: none;\r\n border-top-left-radius: 15px;\r\n border-top-right-radius: 15px;\r\n}\r\n\r\n.styles-module__accordionIcon___s2ytc {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 24px;\r\n height: 24px;\r\n transition: transform 0.3s ease-in-out;\r\n transform: rotate(180deg);\r\n flex-shrink: 0;\r\n}\r\n\r\n.styles-module__accordionIconContainer___FUceu {\r\n fill: #005a924d;\r\n transition: fill 0.2s ease;\r\n}\r\n\r\n.styles-module__accordionButton___5W70F:hover .styles-module__accordionIconContainer___FUceu {\r\n fill: #00436d80;\r\n}\r\n\r\n.styles-module__accordionButton___5W70F:focus .styles-module__accordionIconContainer___FUceu {\r\n fill: #00436d80;\r\n}\r\n\r\n.styles-module__accordionIconArrow___PEwuM {\r\n fill: #ffffff;\r\n}\r\n\r\n.styles-module__dark-mode___XMLvW .styles-module__accordionIconContainer___FUceu {\r\n fill: #ffffff;\r\n}\r\n\r\n.styles-module__dark-mode___XMLvW .styles-module__accordionIconArrow___PEwuM {\r\n fill: #4a4a4a;\r\n}\r\n\r\n.styles-module__collapsed___7DjAi .styles-module__accordionIcon___s2ytc {\r\n transform: rotate(0deg);\r\n}\r\n\r\n.styles-module__accordionCollapse___g1CA6 {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.2s ease-out;\r\n}\r\n\r\n.styles-module__accordionCollapse___g1CA6.styles-module__show___xeyUH {\r\n max-height: fit-content;\r\n}\r\n\r\n.styles-module__accordionBody___goPRU {\r\n background-color: var(--background-color);\r\n border: 1px solid var(--light-grey-color);\r\n border-top: none;\r\n border-bottom-left-radius: 15px;\r\n border-bottom-right-radius: 15px;\r\n padding: 16px;\r\n}\r\n";
1198
1198
  var styles$p = {"accordion":"styles-module__accordion___BdbSg","accordionItem":"styles-module__accordionItem___AcHG1","header":"styles-module__header___0zXFp","accordionButton":"styles-module__accordionButton___5W70F","collapsed":"styles-module__collapsed___7DjAi","accordionIcon":"styles-module__accordionIcon___s2ytc","accordionIconContainer":"styles-module__accordionIconContainer___FUceu","accordionIconArrow":"styles-module__accordionIconArrow___PEwuM","accordionCollapse":"styles-module__accordionCollapse___g1CA6","show":"styles-module__show___xeyUH","accordionBody":"styles-module__accordionBody___goPRU"};
1199
1199
  styleInject(css_248z$t);
1200
1200