pge-front-common 10.4.4 → 10.4.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/components/InformativeBox/InformativeBox.stories.d.ts +3 -0
- package/lib/components/InformativeBox/index.d.ts +1 -1
- package/lib/components/InformativeBox/index.type.d.ts +1 -0
- package/lib/icons/alert-icon.d.ts +2 -0
- package/lib/icons/attention-icon.d.ts +2 -0
- package/lib/icons/check-circle-icon.d.ts +1 -1
- package/lib/icons/check-success-icon.d.ts +2 -0
- package/lib/icons/index.d.ts +5 -1
- package/lib/icons/informative-icon.d.ts +2 -0
- package/lib/icons/warning-icon.d.ts +1 -1
- package/lib/index.d.ts +4 -3
- package/lib/index.esm.js +49 -17
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +49 -17
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -5,4 +5,7 @@ export default meta;
|
|
|
5
5
|
type Story = StoryObj<typeof meta>;
|
|
6
6
|
export declare const Default: Story;
|
|
7
7
|
export declare const Success: Story;
|
|
8
|
+
export declare const SuccessFullWidth: Story;
|
|
9
|
+
export declare const SuccessFitContent: Story;
|
|
10
|
+
export declare const Alert: Story;
|
|
8
11
|
export declare const Warning: Story;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { InformativeBoxProps } from "./index.type";
|
|
3
|
-
declare const InformativeBox: ({ infoType, title, message, onClose, hasDismissButton, ...props }: InformativeBoxProps) => React.JSX.Element;
|
|
3
|
+
declare const InformativeBox: ({ infoType, title, message, onClose, widthType, hasDismissButton, ...props }: InformativeBoxProps) => React.JSX.Element;
|
|
4
4
|
export { InformativeBox };
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { HtmlHTMLAttributes } from "react";
|
|
2
2
|
export interface InformativeBoxProps extends HtmlHTMLAttributes<HTMLDivElement> {
|
|
3
3
|
infoType: 'success' | 'alert' | 'warning' | 'informative';
|
|
4
|
+
widthType?: 'fitContent' | 'fullWidth';
|
|
4
5
|
title: string;
|
|
5
6
|
message: string;
|
|
6
7
|
hasDismissButton?: boolean;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import React, { SVGProps } from "react";
|
|
2
|
-
export declare const IconCheckCircle: (props
|
|
2
|
+
export declare const IconCheckCircle: ({ className, ...props }: SVGProps<SVGSVGElement>) => React.JSX.Element;
|
package/lib/icons/index.d.ts
CHANGED
|
@@ -34,4 +34,8 @@ import { IconPrint } from "./print-icon";
|
|
|
34
34
|
import { IconUploadFile } from "./upload-file";
|
|
35
35
|
import { IconUploadV2 } from "./upload-iconV2";
|
|
36
36
|
import { LogoDividaAtiva } from "./logo-divida-ativa";
|
|
37
|
-
|
|
37
|
+
import { IconAttention } from "./attention-icon";
|
|
38
|
+
import { IconAlert } from "./alert-icon";
|
|
39
|
+
import { IconCheckSuccess } from "./check-success-icon";
|
|
40
|
+
import { IconInformative } from "./informative-icon";
|
|
41
|
+
export { IconInformative, IconCheckSuccess, IconAlert, IconAttention, IconPrint, IconDownload, IconVisibility, IconEdit, IconDelete, IconCalendar, IconProfile, IconUpload, IconNewTab, IconWarning, IconCheckCircle, IconEventAvaliable, IconLogout, IconCLose, IconAdd, IconRemove, IconCircleExpland, IconCircleRecall, IconArrowExpland, IconArrowRecall, IconTriangleExpand, IconTriangleRecall, IconSwap, IconAddCell, MenuIcon, LogoRhDigital, LogoPGERG, IconInvisibility, IconPdf, IconHourglass, IconSearch, IconUpAndDownArror, IconCheck, IconUploadFile, LogoDividaAtiva, IconUploadV2, };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import React, { SVGProps } from "react";
|
|
2
|
-
export declare const IconWarning: (props
|
|
2
|
+
export declare const IconWarning: ({ className, ...props }: SVGProps<SVGSVGElement>) => React.JSX.Element;
|
package/lib/index.d.ts
CHANGED
|
@@ -23,13 +23,14 @@ declare const InputBase: React__default.FC<InputBaseProps>;
|
|
|
23
23
|
|
|
24
24
|
interface InformativeBoxProps extends HtmlHTMLAttributes<HTMLDivElement> {
|
|
25
25
|
infoType: 'success' | 'alert' | 'warning' | 'informative';
|
|
26
|
+
widthType?: 'fitContent' | 'fullWidth';
|
|
26
27
|
title: string;
|
|
27
28
|
message: string;
|
|
28
29
|
hasDismissButton?: boolean;
|
|
29
30
|
onClose?: () => void;
|
|
30
31
|
}
|
|
31
32
|
|
|
32
|
-
declare const InformativeBox: ({ infoType, title, message, onClose, hasDismissButton, ...props }: InformativeBoxProps) => React__default.JSX.Element;
|
|
33
|
+
declare const InformativeBox: ({ infoType, title, message, onClose, widthType, hasDismissButton, ...props }: InformativeBoxProps) => React__default.JSX.Element;
|
|
33
34
|
|
|
34
35
|
type CheckboxProps = {
|
|
35
36
|
checked?: boolean;
|
|
@@ -294,9 +295,9 @@ declare const IconUpload: (props?: SVGProps<SVGSVGElement>) => React__default.JS
|
|
|
294
295
|
|
|
295
296
|
declare const IconNewTab: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
|
|
296
297
|
|
|
297
|
-
declare const IconWarning: (props
|
|
298
|
+
declare const IconWarning: ({ className, ...props }: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
|
|
298
299
|
|
|
299
|
-
declare const IconCheckCircle: (props
|
|
300
|
+
declare const IconCheckCircle: ({ className, ...props }: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
|
|
300
301
|
|
|
301
302
|
declare const IconEventAvaliable: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
|
|
302
303
|
|
package/lib/index.esm.js
CHANGED
|
@@ -87,7 +87,7 @@ function Button(_a) {
|
|
|
87
87
|
|
|
88
88
|
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}
|
|
89
89
|
|
|
90
|
-
var css_248z$p = ".styles-module__textInput___zRDx3 {\r\n width: 100%;\r\n height: 40px;\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 #cfcfcffc;\r\n color: #363632;\r\n outline: none;\r\n transition: all 0.5s;\r\n margin-right: 0.25rem;\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__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: #303030;\r\n line-height: 21px;\r\n font-size: 16px;\r\n bottom: 5px;\r\n font-weight: 700;\r\n}\r\n\r\n.styles-module__textInput___zRDx3:disabled {\r\n background: #eeeeee;\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___zRDx3:focus {\r\n color: #495057;\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:
|
|
90
|
+
var css_248z$p = ".styles-module__textInput___zRDx3 {\r\n width: 100%;\r\n height: 40px;\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 #cfcfcffc;\r\n color: #363632;\r\n outline: none;\r\n transition: all 0.5s;\r\n margin-right: 0.25rem;\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__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: #303030;\r\n line-height: 21px;\r\n font-size: 16px;\r\n bottom: 5px;\r\n font-weight: 700;\r\n}\r\n\r\n.styles-module__textInput___zRDx3:disabled {\r\n background: #eeeeee;\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___zRDx3:focus {\r\n color: #495057;\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, #30303059);\r\n font-size: var(--font-size-14, 14px);\r\n line-height: 21px;\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: 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";
|
|
91
91
|
var styles$k = {"textInput":"styles-module__textInput___zRDx3","inputContainer":"styles-module__inputContainer___fTYpT","iconWrapper":"styles-module__iconWrapper___5jskS","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"};
|
|
92
92
|
styleInject(css_248z$p);
|
|
93
93
|
|
|
@@ -132,11 +132,17 @@ var IconUpload = function (props) { return (React__default.createElement("svg",
|
|
|
132
132
|
var IconNewTab = function (props) { return (React__default.createElement("svg", __assign({ width: "19", height: "19", viewBox: "0 0 19 19", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
133
133
|
React__default.createElement("path", { d: "M2.6665 18.5C2.1165 18.5 1.64567 18.3042 1.254 17.9125C0.862337 17.5208 0.666504 17.05 0.666504 16.5V2.5C0.666504 1.95 0.862337 1.47917 1.254 1.0875C1.64567 0.695833 2.1165 0.5 2.6665 0.5H9.6665V2.5H2.6665V16.5H16.6665V9.5H18.6665V16.5C18.6665 17.05 18.4707 17.5208 18.079 17.9125C17.6873 18.3042 17.2165 18.5 16.6665 18.5H2.6665ZM7.3665 13.2L5.9665 11.8L15.2665 2.5H11.6665V0.5H18.6665V7.5H16.6665V3.9L7.3665 13.2Z", fill: "#4A4A4B" }))); };
|
|
134
134
|
|
|
135
|
-
var IconWarning = function (
|
|
136
|
-
|
|
135
|
+
var IconWarning = function (_a) {
|
|
136
|
+
var className = _a.className, props = __rest(_a, ["className"]);
|
|
137
|
+
return (React__default.createElement("svg", __assign({ viewBox: "0 0 23 23", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, props),
|
|
138
|
+
React__default.createElement("path", { d: "M0.666504 19.5L11.6665 0.5L22.6665 19.5H0.666504ZM4.1165 17.5H19.2165L11.6665 4.5L4.1165 17.5ZM11.6665 16.5C11.9498 16.5 12.1873 16.4042 12.379 16.2125C12.5707 16.0208 12.6665 15.7833 12.6665 15.5C12.6665 15.2167 12.5707 14.9792 12.379 14.7875C12.1873 14.5958 11.9498 14.5 11.6665 14.5C11.3832 14.5 11.1457 14.5958 10.954 14.7875C10.7623 14.9792 10.6665 15.2167 10.6665 15.5C10.6665 15.7833 10.7623 16.0208 10.954 16.2125C11.1457 16.4042 11.3832 16.5 11.6665 16.5ZM10.6665 13.5H12.6665V8.5H10.6665V13.5Z", fill: "currentColor" })));
|
|
139
|
+
};
|
|
137
140
|
|
|
138
|
-
var IconCheckCircle = function (
|
|
139
|
-
|
|
141
|
+
var IconCheckCircle = function (_a) {
|
|
142
|
+
var className = _a.className, props = __rest(_a, ["className"]);
|
|
143
|
+
return (React__default.createElement("svg", __assign({ viewBox: "0 0 23 23", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, props),
|
|
144
|
+
React__default.createElement("path", { d: "M9.2665 15.1L16.3165 8.05L14.9165 6.65L9.2665 12.3L6.4165 9.45L5.0165 10.85L9.2665 15.1ZM10.6665 20.5C9.28317 20.5 7.98317 20.2375 6.7665 19.7125C5.54984 19.1875 4.4915 18.475 3.5915 17.575C2.6915 16.675 1.979 15.6167 1.454 14.4C0.929004 13.1833 0.666504 11.8833 0.666504 10.5C0.666504 9.11667 0.929004 7.81667 1.454 6.6C1.979 5.38333 2.6915 4.325 3.5915 3.425C4.4915 2.525 5.54984 1.8125 6.7665 1.2875C7.98317 0.7625 9.28317 0.5 10.6665 0.5C12.0498 0.5 13.3498 0.7625 14.5665 1.2875C15.7832 1.8125 16.8415 2.525 17.7415 3.425C18.6415 4.325 19.354 5.38333 19.879 6.6C20.404 7.81667 20.6665 9.11667 20.6665 10.5C20.6665 11.8833 20.404 13.1833 19.879 14.4C19.354 15.6167 18.6415 16.675 17.7415 17.575C16.8415 18.475 15.7832 19.1875 14.5665 19.7125C13.3498 20.2375 12.0498 20.5 10.6665 20.5ZM10.6665 18.5C12.8998 18.5 14.7915 17.725 16.3415 16.175C17.8915 14.625 18.6665 12.7333 18.6665 10.5C18.6665 8.26667 17.8915 6.375 16.3415 4.825C14.7915 3.275 12.8998 2.5 10.6665 2.5C8.43317 2.5 6.5415 3.275 4.9915 4.825C3.4415 6.375 2.6665 8.26667 2.6665 10.5C2.6665 12.7333 3.4415 14.625 4.9915 16.175C6.5415 17.725 8.43317 18.5 10.6665 18.5Z", fill: "currentColor" })));
|
|
145
|
+
};
|
|
140
146
|
|
|
141
147
|
var IconEventAvaliable = function (props) { return (React__default.createElement("svg", __assign({ width: "17", height: "21", viewBox: "0 0 17 21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
142
148
|
React__default.createElement("path", { d: "M7.74775 16.85L4.6415 13.3L5.91025 11.85L7.74775 13.95L11.4228 9.75L12.6915 11.2L7.74775 16.85ZM2.5415 20.5C2.06025 20.5 1.64827 20.3042 1.30557 19.9125C0.962858 19.5208 0.791504 19.05 0.791504 18.5V4.5C0.791504 3.95 0.962858 3.47917 1.30557 3.0875C1.64827 2.69583 2.06025 2.5 2.5415 2.5H3.4165V0.5H5.1665V2.5H12.1665V0.5H13.9165V2.5H14.7915C15.2728 2.5 15.6847 2.69583 16.0274 3.0875C16.3701 3.47917 16.5415 3.95 16.5415 4.5V18.5C16.5415 19.05 16.3701 19.5208 16.0274 19.9125C15.6847 20.3042 15.2728 20.5 14.7915 20.5H2.5415ZM2.5415 18.5H14.7915V8.5H2.5415V18.5ZM2.5415 6.5H14.7915V4.5H2.5415V6.5Z", fill: "black" }))); };
|
|
@@ -363,29 +369,55 @@ var LogoDividaAtiva = function (props) {
|
|
|
363
369
|
React__default.createElement("path", { d: "M1.31912 47.6537V40.908H4.50412C5.09345 40.908 5.58312 40.99 5.97312 41.1539C6.37178 41.3178 6.67078 41.5472 6.87012 41.8422C7.06945 42.1372 7.16912 42.4814 7.16912 42.8747C7.16912 43.268 7.06078 43.6155 6.84412 43.917C6.62745 44.2186 6.31978 44.4546 5.92112 44.625C5.53112 44.789 5.05878 44.8709 4.50412 44.8709H2.46312V47.6537H1.31912ZM2.46312 44.0842H4.46512C4.92445 44.0842 5.28845 43.9728 5.55712 43.7499C5.83445 43.527 5.97312 43.2353 5.97312 42.8747C5.97312 42.5076 5.84312 42.2191 5.58312 42.0094C5.32312 41.7996 4.95045 41.6947 4.46512 41.6947H2.46312V44.0842ZM9.53349 47.6537V40.908H13.1215C13.9968 40.908 14.6598 41.0818 15.1105 41.4292C15.5612 41.7701 15.7865 42.2191 15.7865 42.7764C15.7865 43.196 15.6478 43.5598 15.3705 43.8679C15.0932 44.1695 14.7032 44.3858 14.2005 44.5169L15.9945 47.6537H14.7205L13.0695 44.6742H10.6775V47.6537H9.53349ZM10.6775 43.8875H13.0825C13.5418 43.8875 13.9058 43.786 14.1745 43.5827C14.4518 43.3795 14.5905 43.1107 14.5905 42.7764C14.5905 42.442 14.4605 42.1798 14.2005 41.9897C13.9405 41.793 13.5678 41.6947 13.0825 41.6947H10.6775V43.8875ZM21.5689 47.7717C20.4769 47.7717 19.6189 47.4833 18.9949 46.9064C18.3709 46.323 18.0589 45.4478 18.0589 44.2809C18.0589 43.1075 18.3709 42.2323 18.9949 41.6554C19.6189 41.0785 20.4769 40.79 21.5689 40.79C22.6609 40.79 23.5189 41.0785 24.1429 41.6554C24.7669 42.2323 25.0789 43.1075 25.0789 44.2809C25.0789 45.4478 24.7669 46.323 24.1429 46.9064C23.5189 47.4833 22.6609 47.7717 21.5689 47.7717ZM21.5689 46.9752C22.2882 46.9752 22.8515 46.772 23.2589 46.3655C23.6749 45.9591 23.8829 45.3461 23.8829 44.5267V44.035C23.8829 43.2156 23.6749 42.6026 23.2589 42.1962C22.8515 41.7898 22.2882 41.5865 21.5689 41.5865C20.8582 41.5865 20.2949 41.7898 19.8789 42.1962C19.4629 42.6026 19.2549 43.2156 19.2549 44.035V44.5267C19.2549 45.3461 19.4629 45.9591 19.8789 46.3655C20.2949 46.772 20.8582 46.9752 21.5689 46.9752ZM30.8729 47.7717C29.7202 47.7717 28.8449 47.4833 28.2469 46.9064C27.6576 46.323 27.3629 45.4478 27.3629 44.2809C27.3629 43.1075 27.6576 42.2323 28.2469 41.6554C28.8449 41.0785 29.7202 40.79 30.8729 40.79C31.4796 40.79 32.0169 40.8851 32.4849 41.0752C32.9529 41.2588 33.3169 41.5406 33.5769 41.9209C33.8456 42.2945 33.9799 42.7698 33.9799 43.3467H32.8099C32.8099 42.7567 32.6322 42.3175 32.2769 42.029C31.9302 41.734 31.4622 41.5865 30.8729 41.5865C30.0929 41.5865 29.5122 41.7898 29.1309 42.1962C28.7496 42.6026 28.5589 43.2156 28.5589 44.035V44.5267C28.5589 45.3461 28.7496 45.9591 29.1309 46.3655C29.5122 46.772 30.0929 46.9752 30.8729 46.9752C31.4709 46.9752 31.9476 46.831 32.3029 46.5425C32.6669 46.2541 32.8489 45.8181 32.8489 45.2347H33.9799C33.9799 45.8116 33.8456 46.2901 33.5769 46.6704C33.3169 47.044 32.9529 47.3226 32.4849 47.5062C32.0169 47.6832 31.4796 47.7717 30.8729 47.7717ZM39.4632 47.7717C38.5446 47.7717 37.8252 47.575 37.3052 47.1817C36.7852 46.7884 36.5252 46.2148 36.5252 45.4609V40.908H37.6692V45.51C37.6692 45.9886 37.8296 46.3525 38.1502 46.6015C38.4709 46.8506 38.9086 46.9752 39.4632 46.9752C40.0266 46.9752 40.4642 46.8506 40.7762 46.6015C41.0969 46.3525 41.2572 45.9886 41.2572 45.51V40.908H42.4012V45.4609C42.4012 46.2148 42.1412 46.7884 41.6212 47.1817C41.1012 47.575 40.3819 47.7717 39.4632 47.7717ZM45.3236 47.6537V40.908H48.9116C49.7869 40.908 50.4499 41.0818 50.9006 41.4292C51.3513 41.7701 51.5766 42.2191 51.5766 42.7764C51.5766 43.196 51.4379 43.5598 51.1606 43.8679C50.8833 44.1695 50.4933 44.3858 49.9906 44.5169L51.7846 47.6537H50.5106L48.8596 44.6742H46.4676V47.6537H45.3236ZM46.4676 43.8875H48.8726C49.3319 43.8875 49.6959 43.786 49.9646 43.5827C50.2419 43.3795 50.3806 43.1107 50.3806 42.7764C50.3806 42.442 50.2506 42.1798 49.9906 41.9897C49.7306 41.793 49.3579 41.6947 48.8726 41.6947H46.4676V43.8875ZM53.199 47.6537L56.033 40.908H57.502L60.336 47.6537H59.101L58.49 46.1492H54.954L54.343 47.6537H53.199ZM55.266 45.3625H58.165L56.956 42.3634C56.93 42.2847 56.8996 42.1864 56.865 42.0684C56.8303 41.9504 56.8 41.8455 56.774 41.7537C56.7566 41.662 56.748 41.616 56.748 41.616H56.696C56.696 41.616 56.683 41.6652 56.657 41.7635C56.6396 41.8553 56.6136 41.9602 56.579 42.0782C56.553 42.1962 56.5226 42.2913 56.488 42.3634L55.266 45.3625ZM62.3363 47.6537V40.908H65.1053C66.1627 40.908 66.9903 41.1834 67.5883 41.734C68.1863 42.2781 68.4853 43.0943 68.4853 44.1825C68.4853 45.3363 68.1863 46.205 67.5883 46.7884C66.9903 47.3653 66.1627 47.6537 65.1053 47.6537H62.3363ZM63.4803 46.867H65.0013C65.7033 46.867 66.258 46.6671 66.6653 46.2672C67.0813 45.8608 67.2893 45.2478 67.2893 44.4284V43.9367C67.2893 43.1828 67.0813 42.6223 66.6653 42.2552C66.258 41.8815 65.7033 41.6947 65.0013 41.6947H63.4803V46.867ZM74.3717 47.7717C73.2797 47.7717 72.4217 47.4833 71.7977 46.9064C71.1737 46.323 70.8617 45.4478 70.8617 44.2809C70.8617 43.1075 71.1737 42.2323 71.7977 41.6554C72.4217 41.0785 73.2797 40.79 74.3717 40.79C75.4637 40.79 76.3217 41.0785 76.9457 41.6554C77.5697 42.2323 77.8817 43.1075 77.8817 44.2809C77.8817 45.4478 77.5697 46.323 76.9457 46.9064C76.3217 47.4833 75.4637 47.7717 74.3717 47.7717ZM74.3717 46.9752C75.091 46.9752 75.6544 46.772 76.0617 46.3655C76.4777 45.9591 76.6857 45.3461 76.6857 44.5267V44.035C76.6857 43.2156 76.4777 42.6026 76.0617 42.1962C75.6544 41.7898 75.091 41.5865 74.3717 41.5865C73.661 41.5865 73.0977 41.7898 72.6817 42.1962C72.2657 42.6026 72.0577 43.2156 72.0577 44.035V44.5267C72.0577 45.3461 72.2657 45.9591 72.6817 46.3655C73.0977 46.772 73.661 46.9752 74.3717 46.9752ZM80.5297 47.6537V40.908H84.1177C84.9931 40.908 85.6561 41.0818 86.1067 41.4292C86.5574 41.7701 86.7827 42.2191 86.7827 42.7764C86.7827 43.196 86.6441 43.5598 86.3667 43.8679C86.0894 44.1695 85.6994 44.3858 85.1967 44.5169L86.9907 47.6537H85.7167L84.0657 44.6742H81.6737V47.6537H80.5297ZM81.6737 43.8875H84.0787C84.5381 43.8875 84.9021 43.786 85.1707 43.5827C85.4481 43.3795 85.5867 43.1107 85.5867 42.7764C85.5867 42.442 85.4567 42.1798 85.1967 41.9897C84.9367 41.793 84.5641 41.6947 84.0787 41.6947H81.6737V43.8875ZM89.3281 47.6537V40.908H90.4721V47.6537H89.3281ZM92.4681 47.6537L95.3021 40.908H96.7711L99.6051 47.6537H98.3701L97.7591 46.1492H94.2231L93.6121 47.6537H92.4681ZM94.5351 45.3625H97.4341L96.2251 42.3634C96.1991 42.2847 96.1688 42.1864 96.1341 42.0684C96.0994 41.9504 96.0691 41.8455 96.0431 41.7537C96.0258 41.662 96.0171 41.616 96.0171 41.616H95.9651C95.9651 41.616 95.9521 41.6652 95.9261 41.7635C95.9088 41.8553 95.8828 41.9602 95.8481 42.0782C95.8221 42.1962 95.7918 42.2913 95.7571 42.3634L94.5351 45.3625ZM1.30566 57.487V50.7414H4.07466C5.13199 50.7414 5.95966 51.0167 6.55766 51.5674C7.15566 52.1115 7.45466 52.9276 7.45466 54.0159C7.45466 55.1696 7.15566 56.0383 6.55766 56.6217C5.95966 57.1986 5.13199 57.487 4.07466 57.487H1.30566ZM2.44966 56.7004H3.97066C4.67266 56.7004 5.22733 56.5005 5.63466 56.1005C6.05066 55.6941 6.25866 55.0811 6.25866 54.2617V53.77C6.25866 53.0161 6.05066 52.4556 5.63466 52.0885C5.22733 51.7149 4.67266 51.528 3.97066 51.528H2.44966V56.7004ZM9.18102 57.487L12.015 50.7414H13.484L16.318 57.487H15.083L14.472 55.9825H10.936L10.325 57.487H9.18102ZM11.248 55.1959H14.147L12.938 52.1967C12.912 52.118 12.8817 52.0197 12.847 51.9017C12.8124 51.7837 12.782 51.6788 12.756 51.587C12.7387 51.4953 12.73 51.4494 12.73 51.4494H12.678C12.678 51.4494 12.665 51.4985 12.639 51.5969C12.6217 51.6886 12.5957 51.7935 12.561 51.9115C12.535 52.0295 12.5047 52.1246 12.47 52.1967L11.248 55.1959ZM21.7974 57.487V50.7414H24.5664C25.6238 50.7414 26.4514 51.0167 27.0494 51.5674C27.6474 52.1115 27.9464 52.9276 27.9464 54.0159C27.9464 55.1696 27.6474 56.0383 27.0494 56.6217C26.4514 57.1986 25.6238 57.487 24.5664 57.487H21.7974ZM22.9414 56.7004H24.4624C25.1644 56.7004 25.7191 56.5005 26.1264 56.1005C26.5424 55.6941 26.7504 55.0811 26.7504 54.2617V53.77C26.7504 53.0161 26.5424 52.4556 26.1264 52.0885C25.7191 51.7149 25.1644 51.528 24.4624 51.528H22.9414V56.7004ZM30.5958 57.487V50.7414H31.7398V57.487H30.5958ZM30.2838 50.1022L31.2718 49.0992H32.5718L32.5848 49.1287L31.3108 50.1022H30.2838ZM36.5698 57.487L33.8528 50.7414H35.1138L37.3238 56.5332H37.3758L39.6508 50.7414H40.7558L38.0388 57.487H36.5698ZM42.8732 57.487V50.7414H44.0172V57.487H42.8732ZM46.9362 57.487V50.7414H49.7052C50.7625 50.7414 51.5902 51.0167 52.1882 51.5674C52.7862 52.1115 53.0852 52.9276 53.0852 54.0159C53.0852 55.1696 52.7862 56.0383 52.1882 56.6217C51.5902 57.1986 50.7625 57.487 49.7052 57.487H46.9362ZM48.0802 56.7004H49.6012C50.3032 56.7004 50.8578 56.5005 51.2652 56.1005C51.6812 55.6941 51.8892 55.0811 51.8892 54.2617V53.77C51.8892 53.0161 51.6812 52.4556 51.2652 52.0885C50.8578 51.7149 50.3032 51.528 49.6012 51.528H48.0802V56.7004ZM54.8115 57.487L57.6455 50.7414H59.1145L61.9485 57.487H60.7135L60.1025 55.9825H56.5665L55.9555 57.487H54.8115ZM56.8785 55.1959H59.7775L58.5685 52.1967C58.5425 52.118 58.5122 52.0197 58.4775 51.9017C58.4429 51.7837 58.4125 51.6788 58.3865 51.587C58.3692 51.4953 58.3605 51.4494 58.3605 51.4494H58.3085C58.3085 51.4494 58.2955 51.4985 58.2695 51.5969C58.2522 51.6886 58.2262 51.7935 58.1915 51.9115C58.1655 52.0295 58.1352 52.1246 58.1005 52.1967L56.8785 55.1959ZM65.9209 57.487L68.7549 50.7414H70.2239L73.0579 57.487H71.8229L71.2119 55.9825H67.6759L67.0649 57.487H65.9209ZM67.9879 55.1959H70.8869L69.6779 52.1967C69.6519 52.118 69.6216 52.0197 69.5869 51.9017C69.5523 51.7837 69.5219 51.6788 69.4959 51.587C69.4786 51.4953 69.4699 51.4494 69.4699 51.4494H69.4179C69.4179 51.4494 69.4049 51.4985 69.3789 51.5969C69.3616 51.6886 69.3356 51.7935 69.3009 51.9115C69.2749 52.0295 69.2446 52.1246 69.2099 52.1967L67.9879 55.1959ZM76.0519 57.487V51.528H73.6209V50.7414H79.6269V51.528H77.1959V57.487H76.0519ZM81.9016 57.487V50.7414H83.0456V57.487H81.9016ZM87.8756 57.487L85.1586 50.7414H86.4196L88.6296 56.5332H88.6816L90.9566 50.7414H92.0616L89.3446 57.487H87.8756ZM92.4816 57.487L95.3156 50.7414H96.7846L99.6186 57.487H98.3836L97.7726 55.9825H94.2366L93.6256 57.487H92.4816ZM94.5486 55.1959H97.4476L96.2386 52.1967C96.2126 52.118 96.1822 52.0197 96.1476 51.9017C96.1129 51.7837 96.0826 51.6788 96.0566 51.587C96.0392 51.4953 96.0306 51.4494 96.0306 51.4494H95.9786C95.9786 51.4494 95.9656 51.4985 95.9396 51.5969C95.9222 51.6886 95.8962 51.7935 95.8616 51.9115C95.8356 52.0295 95.8052 52.1246 95.7706 52.1967L94.5486 55.1959Z", fill: "black" })));
|
|
364
370
|
};
|
|
365
371
|
|
|
366
|
-
var
|
|
367
|
-
var
|
|
372
|
+
var IconAttention = function (_a) {
|
|
373
|
+
var className = _a.className, props = __rest(_a, ["className"]);
|
|
374
|
+
return (React__default.createElement("svg", __assign({ viewBox: "0 0 23 23", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, props),
|
|
375
|
+
React__default.createElement("path", { d: "M20.0844 14.998L13.0194 2.01066C11.8843 0.0996851 9.11722 0.0971461 7.98058 2.01066L0.915894 14.998C-0.244497 16.9507 1.16039 19.4234 3.43472 19.4234H17.565C19.8375 19.4234 21.2448 16.9527 20.0844 14.998ZM10.5 17.0797C9.85398 17.0797 9.32812 16.5538 9.32812 15.9078C9.32812 15.2618 9.85398 14.7359 10.5 14.7359C11.146 14.7359 11.6719 15.2618 11.6719 15.9078C11.6719 16.5538 11.146 17.0797 10.5 17.0797ZM11.6719 12.3922C11.6719 13.0382 11.146 13.5641 10.5 13.5641C9.85398 13.5641 9.32812 13.0382 9.32812 12.3922V6.53281C9.32812 5.8868 9.85398 5.36094 10.5 5.36094C11.146 5.36094 11.6719 5.8868 11.6719 6.53281V12.3922Z", fill: "currentColor" })));
|
|
376
|
+
};
|
|
377
|
+
|
|
378
|
+
var IconAlert = function (_a) {
|
|
379
|
+
var className = _a.className, props = __rest(_a, ["className"]);
|
|
380
|
+
return (React__default.createElement("svg", __assign({ viewBox: "0 0 23 23", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, props),
|
|
381
|
+
React__default.createElement("path", { d: "M10.5 1.875C12.6549 1.875 14.7215 2.73102 16.2452 4.25476C17.769 5.77849 18.625 7.84512 18.625 10C18.625 12.1549 17.769 14.2215 16.2452 15.7452C14.7215 17.269 12.6549 18.125 10.5 18.125C8.34512 18.125 6.27849 17.269 4.75476 15.7452C3.23102 14.2215 2.375 12.1549 2.375 10C2.375 7.84512 3.23102 5.77849 4.75476 4.25476C6.27849 2.73102 8.34512 1.875 10.5 1.875ZM10.5 20C13.1522 20 15.6957 18.9464 17.5711 17.0711C19.4464 15.1957 20.5 12.6522 20.5 10C20.5 7.34784 19.4464 4.8043 17.5711 2.92893C15.6957 1.05357 13.1522 0 10.5 0C7.84784 0 5.3043 1.05357 3.42893 2.92893C1.55357 4.8043 0.5 7.34784 0.5 10C0.5 12.6522 1.55357 15.1957 3.42893 17.0711C5.3043 18.9464 7.84784 20 10.5 20ZM10.5 5C9.98047 5 9.5625 5.41797 9.5625 5.9375V10.3125C9.5625 10.832 9.98047 11.25 10.5 11.25C11.0195 11.25 11.4375 10.832 11.4375 10.3125V5.9375C11.4375 5.41797 11.0195 5 10.5 5ZM11.75 13.75C11.75 13.4185 11.6183 13.1005 11.3839 12.8661C11.1495 12.6317 10.8315 12.5 10.5 12.5C10.1685 12.5 9.85054 12.6317 9.61612 12.8661C9.3817 13.1005 9.25 13.4185 9.25 13.75C9.25 14.0815 9.3817 14.3995 9.61612 14.6339C9.85054 14.8683 10.1685 15 10.5 15C10.8315 15 11.1495 14.8683 11.3839 14.6339C11.6183 14.3995 11.75 14.0815 11.75 13.75Z", fill: "currentColor" })));
|
|
382
|
+
};
|
|
383
|
+
|
|
384
|
+
var IconCheckSuccess = function (_a) {
|
|
385
|
+
var className = _a.className, props = __rest(_a, ["className"]);
|
|
386
|
+
return (React__default.createElement("svg", __assign({ viewBox: "0 0 23 23", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, props),
|
|
387
|
+
React__default.createElement("path", { d: "M9.17188 13.75L15.3698 7.57812L14.0417 6.25L9.17188 11.0938L6.95833 8.90625L5.63021 10.2344L9.17188 13.75ZM10.5 20C9.12847 20 7.83507 19.7396 6.61979 19.2188C5.40451 18.6979 4.34115 17.9818 3.42969 17.0703C2.51823 16.1589 1.80208 15.0955 1.28125 13.8802C0.760417 12.6649 0.5 11.3715 0.5 10C0.5 8.61111 0.760417 7.31337 1.28125 6.10677C1.80208 4.90017 2.51823 3.84115 3.42969 2.92969C4.34115 2.01823 5.40451 1.30208 6.61979 0.78125C7.83507 0.260417 9.12847 0 10.5 0C11.8889 0 13.1866 0.260417 14.3932 0.78125C15.5998 1.30208 16.6589 2.01823 17.5703 2.92969C18.4818 3.84115 19.1979 4.90017 19.7188 6.10677C20.2396 7.31337 20.5 8.61111 20.5 10C20.5 11.3715 20.2396 12.6649 19.7188 13.8802C19.1979 15.0955 18.4818 16.1589 17.5703 17.0703C16.6589 17.9818 15.5998 18.6979 14.3932 19.2188C13.1866 19.7396 11.8889 20 10.5 20Z", fill: "currentColor" })));
|
|
388
|
+
};
|
|
389
|
+
|
|
390
|
+
var IconInformative = function (_a) {
|
|
391
|
+
var className = _a.className, props = __rest(_a, ["className"]);
|
|
392
|
+
return (React__default.createElement("svg", __assign({ viewBox: "0 0 23 23", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, props),
|
|
393
|
+
React__default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.4997 2.49998C6.35754 2.49998 2.99967 5.85784 2.99967 9.99998C2.99967 14.1421 6.35754 17.5 10.4997 17.5C14.6418 17.5 17.9997 14.1421 17.9997 9.99998C17.9997 5.85784 14.6418 2.49998 10.4997 2.49998ZM1.33301 9.99998C1.33301 4.93737 5.43706 0.833313 10.4997 0.833313C15.5623 0.833313 19.6663 4.93737 19.6663 9.99998C19.6663 15.0626 15.5623 19.1666 10.4997 19.1666C5.43706 19.1666 1.33301 15.0626 1.33301 9.99998Z", fill: "currentColor" }),
|
|
394
|
+
React__default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.5003 9.16669C10.9606 9.16669 11.3337 9.53978 11.3337 10V13.3334C11.3337 13.7936 10.9606 14.1667 10.5003 14.1667C10.0401 14.1667 9.66699 13.7936 9.66699 13.3334V10C9.66699 9.53978 10.0401 9.16669 10.5003 9.16669Z", fill: "currentColor" }),
|
|
395
|
+
React__default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.66699 6.66665C9.66699 6.20641 10.0401 5.83331 10.5003 5.83331H10.5087C10.9689 5.83331 11.342 6.20641 11.342 6.66665C11.342 7.12688 10.9689 7.49998 10.5087 7.49998H10.5003C10.0401 7.49998 9.66699 7.12688 9.66699 6.66665Z", fill: "currentColor" })));
|
|
396
|
+
};
|
|
397
|
+
|
|
398
|
+
var css_248z$o = ".styles-module__toast___JCV9s {\r\n height: auto;\r\n border-radius: 8px;\r\n padding: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n margin-bottom: 16px;\r\n }\r\n\r\n .styles-module__toast___JCV9s.styles-module__fullWidth___LJFXr {\r\n width: 100%;\r\n }\r\n\r\n .styles-module__toast___JCV9s.styles-module__fitContent___9F6bX {\r\n width: fit-content;\r\n }\r\n \r\n .styles-module__toast___JCV9s.styles-module__success___-BEJb {\r\n background-color: var(--background-color-success);\r\n }\r\n\r\n .styles-module__title___TK6Kt.styles-module__success___-BEJb {\r\n color: var(--success-color);\r\n }\r\n\r\n .styles-module__toast___JCV9s.styles-module__alert___Gum-6 {\r\n background-color: var(--background-color-error);\r\n }\r\n\r\n .styles-module__title___TK6Kt.styles-module__alert___Gum-6 {\r\n color: var(--alert-color);\r\n }\r\n \r\n .styles-module__toast___JCV9s.styles-module__warning___CVMAV {\r\n background-color: var(--background-color-warning);\r\n }\r\n\r\n .styles-module__title___TK6Kt.styles-module__warning___CVMAV {\r\n color: var(--warning-color);\r\n }\r\n \r\n .styles-module__toast___JCV9s.styles-module__informative___0nyLv {\r\n background-color: #005a9214;\r\n }\r\n\r\n .styles-module__title___TK6Kt.styles-module__informative___0nyLv {\r\n color: var(--information-color);\r\n }\r\n \r\n .styles-module__content___AING8 {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n width: 100%;\r\n gap: 8px;\r\n }\r\n \r\n .styles-module__info___g8ce2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .styles-module__iconSize___os5JS {\r\n width: 20px;\r\n height: 20px;\r\n flex-shrink: 0;\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .styles-module__iconSize___os5JS {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n\r\n .styles-module__icon___uiYA-.styles-module__success___-BEJb {\r\n color: var(--success-color);\r\n }\r\n\r\n .styles-module__icon___uiYA-.styles-module__alert___Gum-6 {\r\n color: var(--alert-color);\r\n }\r\n\r\n .styles-module__icon___uiYA-.styles-module__warning___CVMAV {\r\n color: var(--warning-color);\r\n }\r\n\r\n .styles-module__icon___uiYA-.styles-module__informative___0nyLv {\r\n color: var(--information-color);\r\n }\r\n \r\n .styles-module__text___UCxPH {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n gap: 4px;\r\n }\r\n \r\n .styles-module__text___UCxPH strong {\r\n font-size: var(--font-size-16, 16px);\r\n font-weight: 700;\r\n line-height: 16px;\r\n text-align: left;\r\n text-decoration-skip-ink: none;\r\n }\r\n \r\n .styles-module__text___UCxPH span {\r\n font-weight: 400;\r\n text-align: left;\r\n text-decoration-skip-ink: none;\r\n }\r\n\r\n .styles-module__textContent___S1KEv {\r\n color: var(--foreground);\r\n font-size: var(--font-size-16);\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .styles-module__textContent___S1KEv {\r\n font-size: var(--font-size-12);\r\n }\r\n }\r\n\r\n \r\n .styles-module__closeButton___ELkqN {\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n font-size: var(--font-size-20, 20px);;\r\n color: var(--foreground);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n \r\n .styles-module__closeButton___ELkqN:hover {\r\n color: var(--foreground);\r\n }\r\n\r\n ";
|
|
399
|
+
var styles$j = {"toast":"styles-module__toast___JCV9s","fullWidth":"styles-module__fullWidth___LJFXr","fitContent":"styles-module__fitContent___9F6bX","success":"styles-module__success___-BEJb","title":"styles-module__title___TK6Kt","alert":"styles-module__alert___Gum-6","warning":"styles-module__warning___CVMAV","informative":"styles-module__informative___0nyLv","content":"styles-module__content___AING8","info":"styles-module__info___g8ce2","iconSize":"styles-module__iconSize___os5JS","icon":"styles-module__icon___uiYA-","text":"styles-module__text___UCxPH","textContent":"styles-module__textContent___S1KEv","closeButton":"styles-module__closeButton___ELkqN"};
|
|
368
400
|
styleInject(css_248z$o);
|
|
369
401
|
|
|
370
402
|
var InformativeBox = function (_a) {
|
|
371
|
-
var infoType = _a.infoType, title = _a.title, message = _a.message, onClose = _a.onClose, _b = _a.hasDismissButton, hasDismissButton =
|
|
403
|
+
var infoType = _a.infoType, title = _a.title, message = _a.message, onClose = _a.onClose, _b = _a.widthType, widthType = _b === void 0 ? "fitContent" : _b, _c = _a.hasDismissButton, hasDismissButton = _c === void 0 ? false : _c, props = __rest(_a, ["infoType", "title", "message", "onClose", "widthType", "hasDismissButton"]);
|
|
372
404
|
var getIcon = function () {
|
|
373
405
|
var iconClass = "".concat(styles$j.icon, " ").concat(styles$j[infoType] || '');
|
|
374
406
|
switch (infoType) {
|
|
375
407
|
case 'success':
|
|
376
|
-
return React__default.createElement(
|
|
408
|
+
return React__default.createElement(IconCheckSuccess, { className: "".concat(iconClass, " ").concat(styles$j.iconSize) });
|
|
377
409
|
case 'alert':
|
|
378
|
-
return React__default.createElement(
|
|
410
|
+
return React__default.createElement(IconAlert, { className: "".concat(iconClass, " ").concat(styles$j.iconSize) });
|
|
379
411
|
case 'warning':
|
|
380
|
-
return React__default.createElement(
|
|
412
|
+
return React__default.createElement(IconAttention, { className: "".concat(iconClass, " ").concat(styles$j.iconSize) });
|
|
381
413
|
case 'informative':
|
|
382
|
-
return React__default.createElement(
|
|
414
|
+
return React__default.createElement(IconInformative, { className: "".concat(iconClass, " ").concat(styles$j.iconSize) });
|
|
383
415
|
default:
|
|
384
416
|
return null;
|
|
385
417
|
}
|
|
386
418
|
};
|
|
387
|
-
return (React__default.createElement("div", __assign({
|
|
388
|
-
React__default.createElement("div", { className: "".concat(styles$j.toast, " ").concat(styles$j[infoType]) },
|
|
419
|
+
return (React__default.createElement("div", __assign({}, props),
|
|
420
|
+
React__default.createElement("div", { className: "".concat(styles$j.toast, " ").concat(styles$j[infoType], " ").concat(styles$j[widthType]) },
|
|
389
421
|
React__default.createElement("div", { className: styles$j.content },
|
|
390
422
|
React__default.createElement("div", { className: styles$j.info },
|
|
391
423
|
getIcon(),
|
|
@@ -445,7 +477,7 @@ var PasswordInput = function (_a) {
|
|
|
445
477
|
restrictionMessage && (React__default.createElement("div", { className: clsx(styles$h.restrictionMessage) }, restrictionMessage)))));
|
|
446
478
|
};
|
|
447
479
|
|
|
448
|
-
var css_248z$l = ".styles-module__button___ak3jK {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 12px 16px;\r\n gap: var(--small-space, 8px);\r\n border-radius: 10px;\r\n font-size:
|
|
480
|
+
var css_248z$l = ".styles-module__button___ak3jK {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 12px 16px;\r\n gap: var(--small-space, 8px);\r\n border-radius: 10px;\r\n font-size: var(--font-size-14);\r\n cursor: pointer;\r\n transition: all 0.2s ease-in-out;\r\n max-height: 40px;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__button___ak3jK {\r\n font-size: var(--font-size-12);\r\n max-height: 35px;\r\n }\r\n}\r\n\r\n.styles-module__fullWidth___hkrRe {\r\n width: 100%;\r\n}\r\n\r\n.styles-module__fitContent___h16Hv {\r\n width: fit-content;\r\n}\r\n\r\n.styles-module__primary___0Lugn {\r\n background-color: #005A92;\r\n color: #fff;\r\n border: none;\r\n}\r\n\r\n.styles-module__primary___0Lugn:hover {\r\n background-color: #00436DCC;\r\n}\r\n\r\n.styles-module__primary___0Lugn:active {\r\n border: 1.8px solid var(--Pressed-button, #3AB0F3);\r\n}\r\n\r\n.styles-module__primary___0Lugn:focus {\r\n box-shadow: 0px 4px 4px 0px #00000040;\r\n background: var(--hover-color, #00436d);\r\n}\r\n\r\n.styles-module__primary___0Lugn:disabled {\r\n background: var(--light-grey-color, #C3C3C3);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__secondary___C7rZE {\r\n border: 1px solid #005A92;\r\n background: var(--background-color);\r\n color: var(--primary-color);\r\n}\r\n\r\n.styles-module__secondary___C7rZE:hover {\r\n background: #00436D1A;\r\n border: 1px solid #00436DCC;\r\n}\r\n\r\n.styles-module__secondary___C7rZE:active {\r\n background: #00436D1A;\r\n border: 2px solid #3AB0F3CC;\r\n}\r\n\r\n.styles-module__secondary___C7rZE:focus {\r\n background: #52819E40;\r\n border: 2.5px solid #52819E;\r\n}\r\n\r\n.styles-module__secondary___C7rZE:disabled {\r\n border: 1px solid var(--light-grey-color, #C3C3C3);\r\n color: var(--light-grey-color, #C3C3C3);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__secondary___C7rZE.styles-module__danger___kcS09 {\r\n border: 1px solid var(--alert-color, #CB0A0A);\r\n color: var(--alert-color, #CB0A0A);\r\n}\r\n\r\n.styles-module__tertiary___xMgwD {\r\n border: none;\r\n background: var(--background-color);\r\n color: var(--primary-color);\r\n}\r\n\r\n.styles-module__tertiary___xMgwD:active {\r\n background: var(--terciary-button-background, #0B81CA47);\r\n}\r\n\r\n.styles-module__tertiary___xMgwD:focus {\r\n background: var(--terciary-button-background, #0B81CA47);\r\n border: 2.5px solid #52819E;\r\n}\r\n\r\n.styles-module__tertiary___xMgwD:disabled {\r\n background: var(--light-grey-color, #C3C3C3);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__tertiary___xMgwD.styles-module__danger___kcS09 {\r\n border: none;\r\n color: var(--alert-color, #CB0A0A);\r\n}\r\n";
|
|
449
481
|
var styles$g = {"button":"styles-module__button___ak3jK","fullWidth":"styles-module__fullWidth___hkrRe","fitContent":"styles-module__fitContent___h16Hv","primary":"styles-module__primary___0Lugn","secondary":"styles-module__secondary___C7rZE","danger":"styles-module__danger___kcS09","tertiary":"styles-module__tertiary___xMgwD"};
|
|
450
482
|
styleInject(css_248z$l);
|
|
451
483
|
|
|
@@ -925,7 +957,7 @@ var PaginationTable = function (_a) {
|
|
|
925
957
|
React__default.createElement("button", { type: "button", className: "".concat(styles$5.paginationButton, " ").concat(currentPage === countPage ? styles$5.paginationButtonDisabled : ""), onClick: function () { return handleClickPage === null || handleClickPage === void 0 ? void 0 : handleClickPage(currentPage + 1); }, disabled: currentPage === countPage }, ">")))));
|
|
926
958
|
};
|
|
927
959
|
|
|
928
|
-
var css_248z$5 = ".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 background-color: #ffffff;\r\n font-size: 14px;\r\n max-height: 61px;\r\n border-radius: 0px 0px 10px 10px;\r\n}\r\n\r\n.styles-module__labelItems___p-9pv {\r\n font-size: 14px;\r\n font-weight: 400;\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: 6px;\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: 14px;\r\n font-weight: 400;\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}\r\n\r\n.styles-module__separator___EWbws {\r\n width: 32px;\r\n height: 1px;\r\n color: #cccccc;\r\n border: 1px solid #cccccc;\r\n transform: rotate(90deg);\r\n}\r\n\r\n.styles-module__currentPage___SRV7Q {\r\n font-size: 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: none;\r\n background-color: transparent;\r\n cursor: pointer;\r\n transition: background-color 0.2s;\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: white;\r\n border-radius: 4px;\r\n cursor: default;\r\n gap: 12px;\r\n}\r\n\r\n.styles-module__selectedValue___S6skE {\r\n font-size: 14px;\r\n color: #
|
|
960
|
+
var css_248z$5 = ".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 background-color: #ffffff;\r\n font-size: 14px;\r\n max-height: 61px;\r\n border-radius: 0px 0px 10px 10px;\r\n}\r\n\r\n.styles-module__labelItems___p-9pv {\r\n font-size: 14px;\r\n font-weight: 400;\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: 6px;\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}\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}\r\n\r\n.styles-module__separator___EWbws {\r\n width: 32px;\r\n height: 1px;\r\n color: #cccccc;\r\n border: 1px solid #cccccc;\r\n transform: rotate(90deg);\r\n}\r\n\r\n.styles-module__currentPage___SRV7Q {\r\n font-size: 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: none;\r\n background-color: transparent;\r\n cursor: pointer;\r\n transition: background-color 0.2s;\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: white;\r\n border-radius: 4px;\r\n cursor: default;\r\n gap: 12px;\r\n}\r\n\r\n.styles-module__selectedValue___S6skE {\r\n font-size: var(--font-size-14, 14px);\r\n color: var(--foreground, #303030);\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\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: white;\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}\r\n\r\n.styles-module__option___riTqX {\r\n padding: 8px 12px;\r\n font-size: 14px;\r\n color: #333;\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__option___riTqX:hover {\r\n background-color: #f5f5f5;\r\n}\r\n\r\n.styles-module__option___riTqX.styles-module__selected___6iUvP {\r\n background-color: #e6f3f9;\r\n color: #005a92;\r\n}\r\n\r\n.styles-module__selectTrigger___A5PsD:hover {\r\n border-color: #005a92;\r\n}\r\n";
|
|
929
961
|
var styles$4 = {"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","separator":"styles-module__separator___EWbws","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"};
|
|
930
962
|
styleInject(css_248z$5);
|
|
931
963
|
|
|
@@ -8451,7 +8483,7 @@ var TableComponent = function (_a) {
|
|
|
8451
8483
|
React__default.createElement("td", { colSpan: columns.length + (onActionClick ? 1 : 0), className: styles.noRecords }, noRecordsMessage)))))));
|
|
8452
8484
|
};
|
|
8453
8485
|
|
|
8454
|
-
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 /* 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 /* 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: 21px;\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 /* 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 --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\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}\r\n";
|
|
8486
|
+
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: 1;\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 /* 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: 21px;\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-placeholder-color: #30303059;\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\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}\r\n";
|
|
8455
8487
|
styleInject(css_248z);
|
|
8456
8488
|
|
|
8457
8489
|
export { Accordion, AccordionItem, BoxError, BoxSuccess, Button, Checkbox, FileUpload, FooterComponent as Footer, Header, HeaderPge, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconHourglass, IconInvisibility, IconLogout, IconNewTab, IconPdf, IconPrint, IconProfile, IconRemove, IconSearch, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpAndDownArror, IconUpload, IconUploadFile, IconUploadV2, IconVisibility, IconWarning, InformativeBox, InputBase, LoadingSpinner, SelectMult as Multiselect, PaginationTable, Pagination as PaginationV2, PasswordInput, PgeButton, RadioGroupBase, TableComponent, TextareaBase, Title };
|