pge-front-common 10.4.4 → 10.4.5
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/index.d.ts +2 -1
- package/lib/index.esm.js +7 -7
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +7 -7
- 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;
|
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;
|
package/lib/index.esm.js
CHANGED
|
@@ -363,12 +363,12 @@ var LogoDividaAtiva = function (props) {
|
|
|
363
363
|
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
364
|
};
|
|
365
365
|
|
|
366
|
-
var css_248z$o = ".styles-module__toast___JCV9s {\r\n
|
|
367
|
-
var styles$j = {"toast":"styles-module__toast___JCV9s","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","icon":"styles-module__icon___uiYA-","text":"styles-module__text___UCxPH","textContent":"styles-module__textContent___S1KEv","closeButton":"styles-module__closeButton___ELkqN"};
|
|
366
|
+
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: var(--small-space);\r\n }\r\n \r\n .styles-module__info___g8ce2 {\r\n display: flex;\r\n align-items: center;\r\n }\r\n \r\n .styles-module__icon___uiYA- {\r\n font-size: var(--font-size-24, 24px);\r\n margin-right: 12px;\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-size: var(--font-size-14, 14px);;\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 }\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 ";
|
|
367
|
+
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","icon":"styles-module__icon___uiYA-","text":"styles-module__text___UCxPH","textContent":"styles-module__textContent___S1KEv","closeButton":"styles-module__closeButton___ELkqN"};
|
|
368
368
|
styleInject(css_248z$o);
|
|
369
369
|
|
|
370
370
|
var InformativeBox = function (_a) {
|
|
371
|
-
var infoType = _a.infoType, title = _a.title, message = _a.message, onClose = _a.onClose, _b = _a.hasDismissButton, hasDismissButton =
|
|
371
|
+
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
372
|
var getIcon = function () {
|
|
373
373
|
var iconClass = "".concat(styles$j.icon, " ").concat(styles$j[infoType] || '');
|
|
374
374
|
switch (infoType) {
|
|
@@ -384,8 +384,8 @@ var InformativeBox = function (_a) {
|
|
|
384
384
|
return null;
|
|
385
385
|
}
|
|
386
386
|
};
|
|
387
|
-
return (React__default.createElement("div", __assign({
|
|
388
|
-
React__default.createElement("div", { className: "".concat(styles$j.toast, " ").concat(styles$j[infoType]) },
|
|
387
|
+
return (React__default.createElement("div", __assign({}, props),
|
|
388
|
+
React__default.createElement("div", { className: "".concat(styles$j.toast, " ").concat(styles$j[infoType], " ").concat(styles$j[widthType]) },
|
|
389
389
|
React__default.createElement("div", { className: styles$j.content },
|
|
390
390
|
React__default.createElement("div", { className: styles$j.info },
|
|
391
391
|
getIcon(),
|
|
@@ -445,7 +445,7 @@ var PasswordInput = function (_a) {
|
|
|
445
445
|
restrictionMessage && (React__default.createElement("div", { className: clsx(styles$h.restrictionMessage) }, restrictionMessage)))));
|
|
446
446
|
};
|
|
447
447
|
|
|
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:
|
|
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: 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
449
|
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
450
|
styleInject(css_248z$l);
|
|
451
451
|
|
|
@@ -8451,7 +8451,7 @@ var TableComponent = function (_a) {
|
|
|
8451
8451
|
React__default.createElement("td", { colSpan: columns.length + (onActionClick ? 1 : 0), className: styles.noRecords }, noRecordsMessage)))))));
|
|
8452
8452
|
};
|
|
8453
8453
|
|
|
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";
|
|
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 --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 --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
8455
|
styleInject(css_248z);
|
|
8456
8456
|
|
|
8457
8457
|
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 };
|