pge-front-common 10.2.0 → 10.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/CheckBox/CheckBox.stories.d.ts +8 -0
- package/lib/components/CheckBox/index.d.ts +3 -0
- package/lib/components/CheckBox/index.type.d.ts +5 -0
- package/lib/components/InformativeBox/index.d.ts +1 -1
- package/lib/components/InformativeBox/index.type.d.ts +1 -0
- package/lib/components/Table/index.d.ts +1 -1
- package/lib/components/Table/index.types.d.ts +2 -0
- package/lib/icons/check-icon.d.ts +2 -0
- package/lib/icons/index.d.ts +4 -1
- package/lib/icons/search-icon.d.ts +2 -0
- package/lib/icons/up-down-arrow.d.ts +2 -0
- package/lib/index.d.ts +23 -7
- package/lib/index.esm.js +65 -33
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +68 -32
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Checkbox } from "./index";
|
|
3
|
+
declare const meta: Meta<typeof Checkbox>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Unchecked: Story;
|
|
8
|
+
export declare const Disabled: 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, ...props }: InformativeBoxProps) => React.JSX.Element;
|
|
3
|
+
declare const InformativeBox: ({ infoType, title, message, onClose, hasDismissButton, ...props }: InformativeBoxProps) => React.JSX.Element;
|
|
4
4
|
export { InformativeBox };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { TableComponentProps } from "./index.types";
|
|
3
|
-
declare const TableComponent: ({ columns, data, onSort, renderCell, onActionClick, noRecordsMessage, hasIcon, renderActionIconCell, }: TableComponentProps) => React.JSX.Element;
|
|
3
|
+
declare const TableComponent: ({ columns, data, onSort, renderCell, onActionClick, noRecordsMessage, hasIcon, renderActionIconCell, columnIcon }: TableComponentProps) => React.JSX.Element;
|
|
4
4
|
export default TableComponent;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
export interface Column {
|
|
2
3
|
name: string;
|
|
3
4
|
uid: string;
|
|
@@ -16,4 +17,5 @@ export interface TableComponentProps {
|
|
|
16
17
|
noRecordsMessage?: string;
|
|
17
18
|
hasIcon?: boolean;
|
|
18
19
|
renderActionIconCell: (item: any) => React.JSX.Element | null;
|
|
20
|
+
columnIcon?: React.ReactNode;
|
|
19
21
|
}
|
package/lib/icons/index.d.ts
CHANGED
|
@@ -26,4 +26,7 @@ import { LogoRhDigital } from "./logo-rh-digital";
|
|
|
26
26
|
import { LogoPGERG } from "./logo-pge-rj";
|
|
27
27
|
import { IconInvisibility } from "./invisibility-icon";
|
|
28
28
|
import { IconPdf } from "./pdf-icon";
|
|
29
|
-
|
|
29
|
+
import { IconSearch } from "./search-icon";
|
|
30
|
+
import { IconUpAndDownArror } from "./up-down-arrow";
|
|
31
|
+
import { IconCheck } from "./check-icon";
|
|
32
|
+
export { 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, IconSearch, IconUpAndDownArror, IconCheck };
|
package/lib/index.d.ts
CHANGED
|
@@ -25,10 +25,19 @@ interface InformativeBoxProps extends HtmlHTMLAttributes<HTMLDivElement> {
|
|
|
25
25
|
infoType: 'success' | 'alert' | 'warning' | 'informative';
|
|
26
26
|
title: string;
|
|
27
27
|
message: string;
|
|
28
|
+
hasDismissButton?: boolean;
|
|
28
29
|
onClose?: () => void;
|
|
29
30
|
}
|
|
30
31
|
|
|
31
|
-
declare const InformativeBox: ({ infoType, title, message, onClose, ...props }: InformativeBoxProps) => React__default.JSX.Element;
|
|
32
|
+
declare const InformativeBox: ({ infoType, title, message, onClose, hasDismissButton, ...props }: InformativeBoxProps) => React__default.JSX.Element;
|
|
33
|
+
|
|
34
|
+
type CheckboxProps = {
|
|
35
|
+
checked?: boolean;
|
|
36
|
+
disabled?: boolean;
|
|
37
|
+
onChange?: (checked: boolean) => void;
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
declare const Checkbox: ({ checked, disabled, onChange }: CheckboxProps) => React__default.JSX.Element;
|
|
32
41
|
|
|
33
42
|
interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
34
43
|
customClass?: string;
|
|
@@ -193,7 +202,7 @@ interface Column {
|
|
|
193
202
|
name: string;
|
|
194
203
|
uid: string;
|
|
195
204
|
sortable?: boolean;
|
|
196
|
-
renderCell?: (item: any) =>
|
|
205
|
+
renderCell?: (item: any) => React__default.ReactNode;
|
|
197
206
|
}
|
|
198
207
|
interface TableComponentProps {
|
|
199
208
|
columns: Column[];
|
|
@@ -201,15 +210,16 @@ interface TableComponentProps {
|
|
|
201
210
|
sortedColumn: string;
|
|
202
211
|
sortDirection: "asc" | "desc";
|
|
203
212
|
onSort: (uid: string) => void;
|
|
204
|
-
renderCell: (item: any, columnUid: string) =>
|
|
213
|
+
renderCell: (item: any, columnUid: string) => React__default.ReactNode;
|
|
205
214
|
onActionClick?: (item: any) => void;
|
|
206
|
-
actionIcon?:
|
|
215
|
+
actionIcon?: React__default.ReactNode;
|
|
207
216
|
noRecordsMessage?: string;
|
|
208
217
|
hasIcon?: boolean;
|
|
209
|
-
renderActionIconCell: (item: any) =>
|
|
218
|
+
renderActionIconCell: (item: any) => React__default.JSX.Element | null;
|
|
219
|
+
columnIcon?: React__default.ReactNode;
|
|
210
220
|
}
|
|
211
221
|
|
|
212
|
-
declare const TableComponent: ({ columns, data, onSort, renderCell, onActionClick, noRecordsMessage, hasIcon, renderActionIconCell, }: TableComponentProps) => React__default.JSX.Element;
|
|
222
|
+
declare const TableComponent: ({ columns, data, onSort, renderCell, onActionClick, noRecordsMessage, hasIcon, renderActionIconCell, columnIcon }: TableComponentProps) => React__default.JSX.Element;
|
|
213
223
|
|
|
214
224
|
declare const IconDownload: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
|
|
215
225
|
|
|
@@ -259,4 +269,10 @@ declare const IconAddCell: (props?: SVGProps<SVGSVGElement>) => React__default.J
|
|
|
259
269
|
|
|
260
270
|
declare const IconInvisibility: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
|
|
261
271
|
|
|
262
|
-
|
|
272
|
+
declare const IconSearch: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
|
|
273
|
+
|
|
274
|
+
declare const IconUpAndDownArror: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
|
|
275
|
+
|
|
276
|
+
declare const IconCheck: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
|
|
277
|
+
|
|
278
|
+
export { Accordion, AccordionItem, type AccordionItemProps, BoxError, BoxSuccess, Button, type ButtonProps, Checkbox, type Column, FooterComponent as Footer, Header, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconInvisibility, IconLogout, IconNewTab, IconProfile, IconRemove, IconSearch, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpAndDownArror, IconUpload, IconVisibility, IconWarning, InformativeBox, type InformativeBoxProps, InputBase, type InputProps, LoadingSpinner, SelectMult as Multiselect, type OptionsProps, PaginationTable, PasswordInput, RadioGroupBase, type RadioGroupBaseProps, type SelectMultProps, TableComponent, type TableComponentProps, TextareaBase, type TextareaBaseProps, Title };
|
package/lib/index.esm.js
CHANGED
|
@@ -74,35 +74,35 @@ function styleInject(css, ref) {
|
|
|
74
74
|
}
|
|
75
75
|
}
|
|
76
76
|
|
|
77
|
-
var css_248z$
|
|
78
|
-
var styles$
|
|
79
|
-
styleInject(css_248z$
|
|
77
|
+
var css_248z$m = ".button-module__button___JyfZW {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 4px;\r\n cursor: pointer;\r\n padding: 12px 16px;\r\n border-radius: 8px;\r\n min-width: 70px;\r\n height: 38px;\r\n width: 100%;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__primary___ggjlO {\r\n border: 1px solid #005a92;\r\n background: #005a92;\r\n color: #ffffff;\r\n font-weight: 400;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__primary___ggjlO:hover {\r\n opacity: 1;\r\n background-color: rgb(0 67 109);\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__secondary___Q4I1z {\r\n border: 1px solid #005a92;\r\n background: transparent;\r\n color: #005a92;\r\n font-weight: 400;\r\n}\r\n\r\n.button-module__button___JyfZW:disabled {\r\n cursor: not-allowed;\r\n}\r\n";
|
|
78
|
+
var styles$h = {"button":"button-module__button___JyfZW","primary":"button-module__primary___ggjlO","secondary":"button-module__secondary___Q4I1z"};
|
|
79
|
+
styleInject(css_248z$m);
|
|
80
80
|
|
|
81
81
|
function Button(_a) {
|
|
82
82
|
var variant = _a.variant, _b = _a.text, text = _b === void 0 ? "" : _b, leftIcon = _a.leftIcon, props = __rest(_a, ["variant", "text", "leftIcon"]);
|
|
83
|
-
return (React__default.createElement("button", __assign({ className: "".concat(styles$
|
|
83
|
+
return (React__default.createElement("button", __assign({ className: "".concat(styles$h.button, " ").concat(styles$h[variant]) }, props),
|
|
84
84
|
leftIcon,
|
|
85
85
|
text));
|
|
86
86
|
}
|
|
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$
|
|
91
|
-
var styles$
|
|
92
|
-
styleInject(css_248z$
|
|
90
|
+
var css_248z$l = ".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: 2px;\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: bold;\r\n color: #30303033;\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
|
+
var styles$g = {"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
|
+
styleInject(css_248z$l);
|
|
93
93
|
|
|
94
94
|
var InputBase = function (_a) {
|
|
95
95
|
var _b;
|
|
96
96
|
var customClass = _a.customClass, restrictionMessage = _a.restrictionMessage, label = _a.label, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, onRightIconClick = _a.onRightIconClick, style = _a.style, props = __rest(_a, ["customClass", "restrictionMessage", "label", "leftIcon", "rightIcon", "onRightIconClick", "style"]);
|
|
97
|
-
return (React__default.createElement("div", { className: styles$
|
|
98
|
-
label && (React__default.createElement("label", { htmlFor: props.name, className: styles$
|
|
99
|
-
React__default.createElement("div", { className: styles$
|
|
100
|
-
leftIcon && React__default.createElement("div", { className: styles$
|
|
101
|
-
React__default.createElement("input", __assign({ className: clsx(styles$
|
|
102
|
-
_b[styles$
|
|
97
|
+
return (React__default.createElement("div", { className: styles$g.inputContainer },
|
|
98
|
+
label && (React__default.createElement("label", { htmlFor: props.name, className: styles$g.labelInput }, label)),
|
|
99
|
+
React__default.createElement("div", { className: styles$g.inputContent },
|
|
100
|
+
leftIcon && React__default.createElement("div", { className: styles$g.iconWrapperLeft }, leftIcon),
|
|
101
|
+
React__default.createElement("input", __assign({ className: clsx(styles$g.textInput, customClass, (_b = {},
|
|
102
|
+
_b[styles$g.textInputDanger] = restrictionMessage,
|
|
103
103
|
_b)), style: __assign({ paddingLeft: leftIcon ? "36px" : "8px", paddingRight: rightIcon ? "36px" : "8px" }, style) }, props)),
|
|
104
|
-
rightIcon && (React__default.createElement("button", { type: "button", className: styles$
|
|
105
|
-
restrictionMessage && (React__default.createElement("div", { className: styles$
|
|
104
|
+
rightIcon && (React__default.createElement("button", { type: "button", className: styles$g.iconWrapperRight, onClick: function () { return onRightIconClick === null || onRightIconClick === void 0 ? void 0 : onRightIconClick(); }, "aria-label": "A\u00E7\u00E3o ao clicar no \u00EDcone ao lado direito" }, rightIcon))),
|
|
105
|
+
restrictionMessage && (React__default.createElement("div", { className: styles$g.restrictionMessage }, restrictionMessage))));
|
|
106
106
|
};
|
|
107
107
|
|
|
108
108
|
var IconDownload = function (props) { return (React__default.createElement("svg", __assign({ width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
@@ -315,14 +315,27 @@ var LogoPGERG = function (props) {
|
|
|
315
315
|
var IconInvisibility = function (props) { return (React__default.createElement("svg", __assign({ width: "23", height: "15", viewBox: "0 0 23 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
316
316
|
React__default.createElement("path", { d: "M13.4163 9.08301L12.208 7.87468C12.333 7.2219 12.1455 6.61079 11.6455 6.04134C11.1455 5.4719 10.4997 5.24967 9.70801 5.37467L8.49967 4.16634C8.73579 4.05523 8.97537 3.9719 9.21842 3.91634C9.46148 3.86079 9.7219 3.83301 9.99967 3.83301C11.0413 3.83301 11.9268 4.19759 12.6559 4.92676C13.3851 5.65592 13.7497 6.54134 13.7497 7.58301C13.7497 7.86079 13.7219 8.1212 13.6663 8.36426C13.6108 8.60731 13.5275 8.8469 13.4163 9.08301ZM16.083 11.708L14.8747 10.5413C15.4025 10.1386 15.8712 9.69759 16.2809 9.21843C16.6906 8.73926 17.0413 8.19412 17.333 7.58301C16.6386 6.18023 15.642 5.06565 14.3434 4.23926C13.0448 3.41287 11.5969 2.99967 9.99967 2.99967C9.5969 2.99967 9.20106 3.02745 8.81217 3.08301C8.42329 3.13856 8.04134 3.2219 7.66634 3.33301L6.37467 2.04134C6.94412 1.80523 7.52745 1.62815 8.12467 1.51009C8.7219 1.39204 9.3469 1.33301 9.99967 1.33301C12.0969 1.33301 13.965 1.91287 15.6038 3.07259C17.2427 4.23231 18.4302 5.73579 19.1663 7.58301C18.8469 8.40245 18.4268 9.16287 17.9059 9.86426C17.3851 10.5656 16.7775 11.1802 16.083 11.708ZM16.4997 16.833L12.9997 13.3747C12.5136 13.5275 12.024 13.642 11.5309 13.7184C11.0379 13.7948 10.5275 13.833 9.99967 13.833C7.90245 13.833 6.0344 13.2531 4.39551 12.0934C2.75662 10.9337 1.56912 9.43023 0.833008 7.58301C1.12467 6.8469 1.49273 6.16287 1.93717 5.53092C2.38162 4.89898 2.88856 4.33301 3.45801 3.83301L1.16634 1.49967L2.33301 0.333008L17.6663 15.6663L16.4997 16.833ZM4.62467 4.99967C4.2219 5.36079 3.85384 5.75662 3.52051 6.18717C3.18717 6.61773 2.90245 7.08301 2.66634 7.58301C3.36079 8.98579 4.35731 10.1004 5.65592 10.9268C6.95454 11.7531 8.40245 12.1663 9.99967 12.1663C10.2775 12.1663 10.5483 12.149 10.8122 12.1143C11.0761 12.0795 11.3469 12.0413 11.6247 11.9997L10.8747 11.208C10.7219 11.2497 10.5761 11.2809 10.4372 11.3018C10.2983 11.3226 10.1525 11.333 9.99967 11.333C8.95801 11.333 8.07259 10.9684 7.34342 10.2393C6.61426 9.51009 6.24967 8.62467 6.24967 7.58301C6.24967 7.43023 6.26009 7.2844 6.28092 7.14551C6.30176 7.00662 6.33301 6.86079 6.37467 6.70801L4.62467 4.99967Z", fill: "#A0A0A0" }))); };
|
|
317
317
|
|
|
318
|
-
var
|
|
319
|
-
|
|
320
|
-
|
|
318
|
+
var IconSearch = function (props) { return (React__default.createElement("svg", __assign({ width: "23", height: "15", viewBox: "0 0 23 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
319
|
+
React__default.createElement("path", { d: "M16.3333 17.5L11.0833 12.25C10.6667 12.5833 10.1875 12.8472 9.64583 13.0417C9.10417 13.2361 8.52778 13.3333 7.91667 13.3333C6.40278 13.3333 5.12153 12.809 4.07292 11.7604C3.02431 10.7118 2.5 9.43056 2.5 7.91667C2.5 6.40278 3.02431 5.12153 4.07292 4.07292C5.12153 3.02431 6.40278 2.5 7.91667 2.5C9.43056 2.5 10.7118 3.02431 11.7604 4.07292C12.809 5.12153 13.3333 6.40278 13.3333 7.91667C13.3333 8.52778 13.2361 9.10417 13.0417 9.64583C12.8472 10.1875 12.5833 10.6667 12.25 11.0833L17.5 16.3333L16.3333 17.5ZM7.91667 11.6667C8.95833 11.6667 9.84375 11.3021 10.5729 10.5729C11.3021 9.84375 11.6667 8.95833 11.6667 7.91667C11.6667 6.875 11.3021 5.98958 10.5729 5.26042C9.84375 4.53125 8.95833 4.16667 7.91667 4.16667C6.875 4.16667 5.98958 4.53125 5.26042 5.26042C4.53125 5.98958 4.16667 6.875 4.16667 7.91667C4.16667 8.95833 4.53125 9.84375 5.26042 10.5729C5.98958 11.3021 6.875 11.6667 7.91667 11.6667Z", fill: "#A0A0A0" }))); };
|
|
320
|
+
|
|
321
|
+
var IconUpAndDownArror = function (props) { return (React__default.createElement("svg", __assign({ width: "23", height: "15", viewBox: "0 0 23 15", fill: "#fff", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
322
|
+
React__default.createElement("g", { "clip-path": "url(#clip0_10510_74090)" },
|
|
323
|
+
React__default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.0621 13.1248C10.1781 13.1248 10.2894 13.0787 10.3714 12.9967C10.4535 12.9146 10.4996 12.8033 10.4996 12.6873V2.36843L13.2523 5.12206C13.3345 5.20421 13.4459 5.25036 13.5621 5.25036C13.6783 5.25036 13.7897 5.20421 13.8718 5.12206C13.954 5.0399 14.0001 4.92848 14.0001 4.81231C14.0001 4.69613 13.954 4.58471 13.8718 4.50256L10.3718 1.00256C10.3312 0.961813 10.2829 0.929488 10.2298 0.907432C10.1766 0.885376 10.1196 0.874023 10.0621 0.874023C10.0045 0.874023 9.94755 0.885376 9.8944 0.907432C9.84124 0.929488 9.79297 0.961813 9.75233 1.00256L6.25233 4.50256C6.17018 4.58471 6.12402 4.69613 6.12402 4.81231C6.12402 4.92848 6.17018 5.0399 6.25233 5.12206C6.33448 5.20421 6.4459 5.25036 6.56208 5.25036C6.67826 5.25036 6.78968 5.20421 6.87183 5.12206L9.62458 2.36843V12.6873C9.62458 12.8033 9.67067 12.9146 9.75272 12.9967C9.83476 13.0787 9.94604 13.1248 10.0621 13.1248ZM3.93708 0.874805C4.05311 0.874805 4.16439 0.920899 4.24644 1.00295C4.32848 1.08499 4.37458 1.19627 4.37458 1.31231V11.6312L7.12733 8.87755C7.20948 8.7954 7.3209 8.74925 7.43708 8.74925C7.55325 8.74925 7.66468 8.7954 7.74683 8.87755C7.82898 8.95971 7.87513 9.07113 7.87513 9.18731C7.87513 9.30348 7.82898 9.4149 7.74683 9.49706L4.24683 12.9971C4.20619 13.0378 4.15791 13.0701 4.10476 13.0922C4.0516 13.1142 3.99462 13.1256 3.93708 13.1256C3.87953 13.1256 3.82255 13.1142 3.7694 13.0922C3.71624 13.0701 3.66797 13.0378 3.62733 12.9971L0.127326 9.49706C0.0451753 9.4149 -0.000976565 9.30348 -0.000976562 9.18731C-0.00097656 9.07113 0.0451753 8.95971 0.127326 8.87755C0.209477 8.7954 0.320897 8.74925 0.437076 8.74925C0.553255 8.74925 0.664675 8.7954 0.746826 8.87755L3.49958 11.6312V1.31231C3.49958 1.19627 3.54567 1.08499 3.62772 1.00295C3.70976 0.920899 3.82104 0.874805 3.93708 0.874805Z", fill: "#fff" })),
|
|
324
|
+
React__default.createElement("defs", null,
|
|
325
|
+
React__default.createElement("clipPath", { id: "clip0_10510_74090" },
|
|
326
|
+
React__default.createElement("rect", { width: "14", height: "15", fill: "#fff" }))))); };
|
|
327
|
+
|
|
328
|
+
var IconCheck = function (props) { return (React__default.createElement("svg", __assign({ width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
329
|
+
React__default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.468 1.67573L3.99303 9.83025L0.792969 6.63019L2.20718 5.21597L3.9302 6.93899L9.99369 0.32428L11.468 1.67573Z", fill: "white" }))); };
|
|
330
|
+
|
|
331
|
+
var css_248z$k = ".styles-module__toast___JCV9s {\r\n width: 100%;\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__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: 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: 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: 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: 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 ";
|
|
332
|
+
var styles$f = {"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"};
|
|
333
|
+
styleInject(css_248z$k);
|
|
321
334
|
|
|
322
335
|
var InformativeBox = function (_a) {
|
|
323
|
-
var infoType = _a.infoType, title = _a.title, message = _a.message, onClose = _a.onClose, props = __rest(_a, ["infoType", "title", "message", "onClose"]);
|
|
336
|
+
var infoType = _a.infoType, title = _a.title, message = _a.message, onClose = _a.onClose, _b = _a.hasDismissButton, hasDismissButton = _b === void 0 ? false : _b, props = __rest(_a, ["infoType", "title", "message", "onClose", "hasDismissButton"]);
|
|
324
337
|
var getIcon = function () {
|
|
325
|
-
var iconClass = "".concat(styles$
|
|
338
|
+
var iconClass = "".concat(styles$f.icon, " ").concat(styles$f[infoType] || '');
|
|
326
339
|
switch (infoType) {
|
|
327
340
|
case 'success':
|
|
328
341
|
return React__default.createElement(IconCheckCircle, { className: iconClass });
|
|
@@ -336,16 +349,32 @@ var InformativeBox = function (_a) {
|
|
|
336
349
|
return null;
|
|
337
350
|
}
|
|
338
351
|
};
|
|
339
|
-
return (React__default.createElement("div", __assign({ className: styles$
|
|
340
|
-
React__default.createElement("div", { className: "".concat(styles$
|
|
341
|
-
React__default.createElement("div", { className: styles$
|
|
342
|
-
React__default.createElement("div", { className: styles$
|
|
352
|
+
return (React__default.createElement("div", __assign({ className: styles$f.inputContainer }, props),
|
|
353
|
+
React__default.createElement("div", { className: "".concat(styles$f.toast, " ").concat(styles$f[infoType]) },
|
|
354
|
+
React__default.createElement("div", { className: styles$f.content },
|
|
355
|
+
React__default.createElement("div", { className: styles$f.info },
|
|
343
356
|
getIcon(),
|
|
344
|
-
React__default.createElement("div", { className: styles$
|
|
345
|
-
React__default.createElement("strong", { className: "".concat(styles$
|
|
346
|
-
React__default.createElement("span", { className: styles$
|
|
347
|
-
React__default.createElement("button", { className: styles$
|
|
348
|
-
React__default.createElement(IconCLose, null))))));
|
|
357
|
+
React__default.createElement("div", { className: styles$f.text },
|
|
358
|
+
React__default.createElement("strong", { className: "".concat(styles$f.title, " ").concat(styles$f[infoType]) }, title),
|
|
359
|
+
React__default.createElement("span", { className: styles$f.textContent }, message))),
|
|
360
|
+
hasDismissButton && (React__default.createElement("button", { className: styles$f.closeButton, onClick: function () { return onClose === null || onClose === void 0 ? void 0 : onClose(); } },
|
|
361
|
+
React__default.createElement(IconCLose, null)))))));
|
|
362
|
+
};
|
|
363
|
+
|
|
364
|
+
var css_248z$j = "\r\n.styles-module__checkbox___AOdO1 {\r\n width: 16px;\r\n height: 16px;\r\n border-radius: 2px;\r\n background: #FFFFFF;\r\n border: 1px solid var(--light-grey-color, #C3C3C3);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__hover___a-QfL {\r\n background: var(--10-primary-color, #005A921A);\r\n border: 1px solid var(--light-grey-color, #C3C3C3);\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__checked___kDWfB {\r\n background: var(--Primary-color-background, #005A92);\r\n border: 1px solid var(--Primary-color-background, #005A92);\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__checked___kDWfB.styles-module__hover___a-QfL {\r\n background: var(--Primary-color-background, #005A92);\r\n border: 1px solid var(--Primary-color-background, #005A92);\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__focus___yGjAN {\r\n box-shadow: 0px 0px 0px 2px #5E92B3;\r\n background: var(--10-primary-color, #005A921A);\r\n border: 1px solid var(--light-grey-color, #C3C3C3);\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__disabled___bTmRr {\r\n border: 1px solid var(--light-grey-color, #C3C3C3);\r\n background: var(--10-grey-color, #A0A0A01A);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__icon___F-Rd5 {\r\n width: 10px;\r\n height: 9px;\r\n}";
|
|
365
|
+
var styles$e = {"checkbox":"styles-module__checkbox___AOdO1","hover":"styles-module__hover___a-QfL","checked":"styles-module__checked___kDWfB","focus":"styles-module__focus___yGjAN","disabled":"styles-module__disabled___bTmRr","icon":"styles-module__icon___F-Rd5"};
|
|
366
|
+
styleInject(css_248z$j);
|
|
367
|
+
|
|
368
|
+
var Checkbox = function (_a) {
|
|
369
|
+
var _b = _a.checked, checked = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, onChange = _a.onChange;
|
|
370
|
+
var _d = useState(false), isFocused = _d[0], setIsFocused = _d[1];
|
|
371
|
+
var _e = useState(false), isHovered = _e[0], setIsHovered = _e[1];
|
|
372
|
+
var handleClick = function () {
|
|
373
|
+
if (!disabled && onChange) {
|
|
374
|
+
onChange(!checked);
|
|
375
|
+
}
|
|
376
|
+
};
|
|
377
|
+
return (React__default.createElement("div", { className: "".concat(styles$e.checkbox, " ").concat(checked ? styles$e.checked : "", " ").concat(disabled ? styles$e.disabled : "", " \n ").concat(isHovered ? styles$e.hover : "", " ").concat(isFocused ? styles$e.focus : ""), tabIndex: disabled ? -1 : 0, role: "checkbox", "aria-checked": checked, "aria-disabled": disabled, onClick: handleClick, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onFocus: function () { return setIsFocused(true); }, onBlur: function () { return setIsFocused(false); } }, checked && React__default.createElement(IconCheck, { className: styles$e.icon })));
|
|
349
378
|
};
|
|
350
379
|
|
|
351
380
|
var css_248z$i = ".styles-module__textInput___wHRWE {\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}\r\n\r\n.styles-module__inputContainer___g57h7 {\r\n width: 100%;\r\n color: #30303090;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2px;\r\n}\r\n\r\n.styles-module__iconWrapper___E7smd {\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___5TSoO {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n height: 46px;\r\n\r\n > svg {\r\n position: fixed;\r\n }\r\n}\r\n.styles-module__titleLabel___Jsy6t {\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___eqPUg {\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___wHRWE:disabled {\r\n background: #eeeeee;\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___wHRWE: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___wHRWE::placeholder {\r\n font-weight: bold;\r\n color: #30303033;\r\n}\r\n\r\n.styles-module__textInputDanger___GDXT3 {\r\n border: 1px solid #cb0a0a;\r\n box-shadow: 0px 0px 0px 2px #dc354580;\r\n}\r\n\r\n.styles-module__passwordInputContainer___-De-m {\r\n position: relative;\r\n width: 100%;\r\n}\r\n\r\n.styles-module__inputTextPswUser___Ceign:focus {\r\n border-color: #005a92;\r\n box-shadow: none;\r\n}\r\n\r\n.styles-module__inputTextPswUser___Ceign:disabled {\r\n background-color: #c3c3c3;\r\n border: #cfcfcffc;\r\n}\r\n\r\n.styles-module__inputTextPswUser___Ceign::placeholder {\r\n font-weight: 587;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___aK999 {\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___aK999.styles-module__error___Rg4fj {\r\n top: 35%;\r\n}\r\n\r\n.styles-module__iconEye___-ywWa {\r\n width: 24px;\r\n height: 24px;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__restrictionMessage___BhxxE {\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";
|
|
@@ -8167,7 +8196,7 @@ var styles = {"tableResponsive":"styles-module__tableResponsive___X3Pht","table"
|
|
|
8167
8196
|
styleInject(css_248z$1);
|
|
8168
8197
|
|
|
8169
8198
|
var TableComponent = function (_a) {
|
|
8170
|
-
var columns = _a.columns, data = _a.data, onSort = _a.onSort, renderCell = _a.renderCell, onActionClick = _a.onActionClick, _b = _a.noRecordsMessage, noRecordsMessage = _b === void 0 ? "Nenhum registro encontrado" : _b, hasIcon = _a.hasIcon, renderActionIconCell = _a.renderActionIconCell;
|
|
8199
|
+
var columns = _a.columns, data = _a.data, onSort = _a.onSort, renderCell = _a.renderCell, onActionClick = _a.onActionClick, _b = _a.noRecordsMessage, noRecordsMessage = _b === void 0 ? "Nenhum registro encontrado" : _b, hasIcon = _a.hasIcon, renderActionIconCell = _a.renderActionIconCell, columnIcon = _a.columnIcon;
|
|
8171
8200
|
var handleSort = function (uid) {
|
|
8172
8201
|
if (onSort)
|
|
8173
8202
|
onSort(uid);
|
|
@@ -8182,7 +8211,10 @@ var TableComponent = function (_a) {
|
|
|
8182
8211
|
React__default.createElement("table", { className: styles.table },
|
|
8183
8212
|
React__default.createElement("thead", { className: styles.thead },
|
|
8184
8213
|
React__default.createElement("tr", null,
|
|
8185
|
-
columns.map(function (column) { return (React__default.createElement("th", { key: column.uid, className: styles.th, onClick: function () { return column.sortable && handleSort(column.uid); } },
|
|
8214
|
+
columns.map(function (column) { return (React__default.createElement("th", { key: column.uid, className: styles.th, onClick: function () { return column.sortable && handleSort(column.uid); } },
|
|
8215
|
+
column.name,
|
|
8216
|
+
" ",
|
|
8217
|
+
columnIcon && columnIcon)); }),
|
|
8186
8218
|
hasIcon && React__default.createElement("th", { className: styles.th }))),
|
|
8187
8219
|
React__default.createElement("tbody", { className: styles.tbody }, data.length > 0 ? (data.map(function (item, index) { return (React__default.createElement("tr", { key: item.id || index, className: index % 2 === 0 ? styles.rowWhite : styles.rowGray },
|
|
8188
8220
|
columns.map(function (column) { return (React__default.createElement("td", { key: item.id + column.uid, className: styles.td }, renderColumnCell(item, column))); }),
|
|
@@ -8190,8 +8222,8 @@ var TableComponent = function (_a) {
|
|
|
8190
8222
|
React__default.createElement("td", { colSpan: columns.length + (onActionClick ? 1 : 0), className: styles.noRecords }, noRecordsMessage)))))));
|
|
8191
8223
|
};
|
|
8192
8224
|
|
|
8193
|
-
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
|
|
8225
|
+
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";
|
|
8194
8226
|
styleInject(css_248z);
|
|
8195
8227
|
|
|
8196
|
-
export { Accordion, AccordionItem, BoxError, BoxSuccess, Button, FooterComponent as Footer, Header, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconInvisibility, IconLogout, IconNewTab, IconProfile, IconRemove, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpload, IconVisibility, IconWarning, InformativeBox, InputBase, LoadingSpinner, SelectMult as Multiselect, PaginationTable, PasswordInput, RadioGroupBase, TableComponent, TextareaBase, Title };
|
|
8228
|
+
export { Accordion, AccordionItem, BoxError, BoxSuccess, Button, Checkbox, FooterComponent as Footer, Header, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconInvisibility, IconLogout, IconNewTab, IconProfile, IconRemove, IconSearch, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpAndDownArror, IconUpload, IconVisibility, IconWarning, InformativeBox, InputBase, LoadingSpinner, SelectMult as Multiselect, PaginationTable, PasswordInput, RadioGroupBase, TableComponent, TextareaBase, Title };
|
|
8197
8229
|
//# sourceMappingURL=index.esm.js.map
|