@veritone-ce/design-system 2.3.7 → 2.3.8
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/dist/cjs/Alert/index.js +5 -5
- package/dist/cjs/Chip/index.js +1 -1
- package/dist/cjs/Icon/internal.js +52 -51
- package/dist/cjs/Pagination/index.js +3 -3
- package/dist/cjs/TablePagination/index.js +5 -5
- package/dist/cjs/styles.css +1 -1
- package/dist/esm/Alert/index.js +6 -6
- package/dist/esm/Chip/index.js +2 -2
- package/dist/esm/Icon/internal.js +46 -51
- package/dist/esm/Pagination/index.js +4 -4
- package/dist/esm/TablePagination/index.js +6 -6
- package/dist/esm/styles.css +1 -1
- package/dist/types/Icon/internal.d.ts +7 -10
- package/package.json +1 -1
package/dist/cjs/Alert/index.js
CHANGED
|
@@ -66,16 +66,16 @@ const Alert = ({ severity = "success", ...props }) => {
|
|
|
66
66
|
children: props.action.label
|
|
67
67
|
}
|
|
68
68
|
),
|
|
69
|
-
props.onClose && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_module.default["alert-close"], children: /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { onClick: props.onClose, children: /* @__PURE__ */ jsxRuntime.jsx(internal.
|
|
69
|
+
props.onClose && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_module.default["alert-close"], children: /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { onClick: props.onClose, children: /* @__PURE__ */ jsxRuntime.jsx(internal.CloseIcon, { size: "small" }) }) })
|
|
70
70
|
]
|
|
71
71
|
}
|
|
72
72
|
);
|
|
73
73
|
};
|
|
74
74
|
const iconVariants = {
|
|
75
|
-
success: /* @__PURE__ */ jsxRuntime.jsx(internal.
|
|
76
|
-
info: /* @__PURE__ */ jsxRuntime.jsx(internal.
|
|
77
|
-
warning: /* @__PURE__ */ jsxRuntime.jsx(internal.
|
|
78
|
-
error: /* @__PURE__ */ jsxRuntime.jsx(internal.
|
|
75
|
+
success: /* @__PURE__ */ jsxRuntime.jsx(internal.SuccessIcon, { size: "inherit" }),
|
|
76
|
+
info: /* @__PURE__ */ jsxRuntime.jsx(internal.InfoIcon, { size: "inherit" }),
|
|
77
|
+
warning: /* @__PURE__ */ jsxRuntime.jsx(internal.WarningIcon, { size: "inherit" }),
|
|
78
|
+
error: /* @__PURE__ */ jsxRuntime.jsx(internal.ErrorIcon, { size: "inherit" })
|
|
79
79
|
};
|
|
80
80
|
|
|
81
81
|
exports.default = Alert;
|
package/dist/cjs/Chip/index.js
CHANGED
|
@@ -33,7 +33,7 @@ const Chip = React.forwardRef(
|
|
|
33
33
|
className: styles_module.default["button-icon"],
|
|
34
34
|
style: { padding: "0px" },
|
|
35
35
|
onClick: props.onClear,
|
|
36
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(internal.
|
|
36
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(internal.CloseIcon, {})
|
|
37
37
|
}
|
|
38
38
|
)
|
|
39
39
|
]
|
|
@@ -2,58 +2,59 @@
|
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var factory = require('./factory.js');
|
|
6
5
|
var iconsMaterial = require('@mui/icons-material');
|
|
7
6
|
var wrappers = require('./wrappers.js');
|
|
8
7
|
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
) })
|
|
55
|
-
)
|
|
56
|
-
}
|
|
57
|
-
});
|
|
8
|
+
const NavigateNextIcon = wrappers.adaptMuiSvgIcon(iconsMaterial.NavigateNext);
|
|
9
|
+
const NavigateBeforeIcon = wrappers.adaptMuiSvgIcon(iconsMaterial.NavigateBefore);
|
|
10
|
+
const CloseIcon = wrappers.adaptMuiSvgIcon(iconsMaterial.Close);
|
|
11
|
+
const SuccessIcon = wrappers.adaptSvgIcon(
|
|
12
|
+
/* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
13
|
+
"path",
|
|
14
|
+
{
|
|
15
|
+
fillRule: "evenodd",
|
|
16
|
+
clipRule: "evenodd",
|
|
17
|
+
d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM7 12.2656L10.5714 16.4642L17 8.90665L15.9929 7.71423L10.5714 14.0878L8.00714 11.0816L7 12.2656Z",
|
|
18
|
+
fill: "currentColor"
|
|
19
|
+
}
|
|
20
|
+
) })
|
|
21
|
+
);
|
|
22
|
+
const InfoIcon = wrappers.adaptSvgIcon(
|
|
23
|
+
/* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
24
|
+
"path",
|
|
25
|
+
{
|
|
26
|
+
fillRule: "evenodd",
|
|
27
|
+
clipRule: "evenodd",
|
|
28
|
+
d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM13.86 17.0623L14.0162 16.4231C13.9358 16.461 13.8055 16.5048 13.6256 16.5545C13.4457 16.6042 13.2847 16.6291 13.1427 16.6291C12.8396 16.6291 12.6266 16.5794 12.5035 16.4799C12.3804 16.3805 12.3188 16.1935 12.3188 15.9189C12.3188 15.81 12.3377 15.649 12.3756 15.4359C12.4135 15.2228 12.4561 15.0334 12.5035 14.8677L13.0859 12.801C13.1427 12.6116 13.1817 12.4032 13.203 12.176C13.2243 11.9487 13.235 11.7901 13.235 11.7001C13.235 11.2645 13.0823 10.9106 12.7769 10.6383C12.4715 10.3661 12.0371 10.2299 11.4736 10.2299C11.1611 10.2299 10.8297 10.2856 10.4793 10.3969C10.1289 10.5081 9.762 10.6419 9.37847 10.7981L9.22222 11.4373C9.33586 11.3947 9.47198 11.3497 9.6306 11.3024C9.78922 11.255 9.94428 11.2314 10.0958 11.2314C10.4036 11.2314 10.6119 11.2834 10.7208 11.3876C10.8297 11.4918 10.8842 11.6764 10.8842 11.9416C10.8842 12.0884 10.8664 12.2505 10.8309 12.4281C10.7954 12.6057 10.7516 12.7939 10.6995 12.9927L10.1171 15.0666C10.065 15.2844 10.0271 15.4797 10.0035 15.6525C9.9798 15.8253 9.96796 15.9946 9.96796 16.1603C9.96796 16.5865 10.1254 16.938 10.4403 17.215C10.7551 17.492 11.1966 17.6305 11.7648 17.6305C12.1341 17.6305 12.4585 17.582 12.7378 17.4849C13.0172 17.3878 13.3912 17.247 13.86 17.0623ZM13.757 8.671C14.0293 8.41769 14.1654 8.11111 14.1654 7.75126C14.1654 7.39141 14.0293 7.08365 13.757 6.82797C13.4848 6.57228 13.1569 6.44444 12.7734 6.44444C12.3898 6.44444 12.0608 6.57228 11.7861 6.82797C11.5115 7.08365 11.3742 7.39141 11.3742 7.75126C11.3742 8.11111 11.5115 8.41769 11.7861 8.671C12.0608 8.92432 12.3898 9.05097 12.7734 9.05097C13.1569 9.05097 13.4848 8.92432 13.757 8.671Z",
|
|
29
|
+
fill: "currentColor"
|
|
30
|
+
}
|
|
31
|
+
) })
|
|
32
|
+
);
|
|
33
|
+
const WarningIcon = wrappers.adaptSvgIcon(
|
|
34
|
+
/* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
35
|
+
"path",
|
|
36
|
+
{
|
|
37
|
+
fillRule: "evenodd",
|
|
38
|
+
clipRule: "evenodd",
|
|
39
|
+
d: "M19.075 19.075C20.8848 17.2651 22 14.7605 22 12C22 9.23949 20.8848 6.73492 19.075 4.92505C17.2651 3.11517 14.7605 2 12 2C9.23949 2 6.73492 3.11517 4.92505 4.92505C3.11517 6.73492 2 9.23949 2 12C2 14.7605 3.11517 17.2651 4.92505 19.075C6.73492 20.8848 9.23949 22 12 22C14.7605 22 17.2651 20.8848 19.075 19.075ZM13.3528 15.8574C13.3528 15.1079 12.7495 14.5046 12 14.5046C11.2505 14.5046 10.6289 15.1079 10.6289 15.8574C10.6289 16.6069 11.2505 17.2285 12 17.2285C12.7495 17.2285 13.3528 16.6069 13.3528 15.8574ZM12 13.1335C11.5064 13.1335 11.1408 12.7313 11.0859 12.2194L10.6289 8.1426C10.5558 7.42962 11.3053 6.77148 12 6.77148C12.6947 6.77148 13.4442 7.42962 13.3528 8.1426L12.9141 12.2194C12.8592 12.7313 12.4936 13.1335 12 13.1335Z",
|
|
40
|
+
fill: "currentColor"
|
|
41
|
+
}
|
|
42
|
+
) })
|
|
43
|
+
);
|
|
44
|
+
const ErrorIcon = wrappers.adaptSvgIcon(
|
|
45
|
+
/* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
46
|
+
"path",
|
|
47
|
+
{
|
|
48
|
+
d: "M19.0711 4.92898C15.1678 1.02575 8.83216 1.02575 4.92893 4.92898C1.0257 8.83221 1.0257 15.1679 4.92893 19.0711C8.83216 22.9743 15.1678 22.9743 19.0711 19.0711C22.9743 15.1679 22.9743 8.83221 19.0711 4.92898ZM14.8284 16.2427L12 13.4143L9.17157 16.2427L7.75736 14.8285L10.5858 12L7.75736 9.17162L9.17157 7.7574L12 10.5858L14.8284 7.7574L16.2426 9.17162L13.4142 12L16.2426 14.8285L14.8284 16.2427Z",
|
|
49
|
+
fill: "currentColor"
|
|
50
|
+
}
|
|
51
|
+
) })
|
|
52
|
+
);
|
|
58
53
|
|
|
59
|
-
exports.
|
|
54
|
+
exports.CloseIcon = CloseIcon;
|
|
55
|
+
exports.ErrorIcon = ErrorIcon;
|
|
56
|
+
exports.InfoIcon = InfoIcon;
|
|
57
|
+
exports.NavigateBeforeIcon = NavigateBeforeIcon;
|
|
58
|
+
exports.NavigateNextIcon = NavigateNextIcon;
|
|
59
|
+
exports.SuccessIcon = SuccessIcon;
|
|
60
|
+
exports.WarningIcon = WarningIcon;
|
|
@@ -34,16 +34,16 @@ function Pagination(props) {
|
|
|
34
34
|
type: "button",
|
|
35
35
|
active: selected,
|
|
36
36
|
...item,
|
|
37
|
-
children: page
|
|
37
|
+
children: page.toLocaleString()
|
|
38
38
|
}
|
|
39
39
|
);
|
|
40
40
|
} else {
|
|
41
41
|
switch (type) {
|
|
42
42
|
case "next":
|
|
43
|
-
children = /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { type: "button", ...item, children: /* @__PURE__ */ jsxRuntime.jsx(internal.
|
|
43
|
+
children = /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { type: "button", ...item, children: /* @__PURE__ */ jsxRuntime.jsx(internal.NavigateNextIcon, {}) });
|
|
44
44
|
break;
|
|
45
45
|
case "previous":
|
|
46
|
-
children = /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { type: "button", ...item, children: /* @__PURE__ */ jsxRuntime.jsx(internal.
|
|
46
|
+
children = /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { type: "button", ...item, children: /* @__PURE__ */ jsxRuntime.jsx(internal.NavigateBeforeIcon, {}) });
|
|
47
47
|
break;
|
|
48
48
|
}
|
|
49
49
|
}
|
|
@@ -39,12 +39,12 @@ function TablePagination({
|
|
|
39
39
|
}
|
|
40
40
|
) }),
|
|
41
41
|
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles_module.default["page-counts"], children: [
|
|
42
|
-
(page - 1) * rowsPerPage + 1,
|
|
42
|
+
((page - 1) * rowsPerPage + 1).toLocaleString(),
|
|
43
43
|
"-",
|
|
44
|
-
Math.min(page * rowsPerPage, count),
|
|
44
|
+
Math.min(page * rowsPerPage, count).toLocaleString(),
|
|
45
45
|
" of",
|
|
46
46
|
" ",
|
|
47
|
-
count
|
|
47
|
+
count.toLocaleString()
|
|
48
48
|
] }),
|
|
49
49
|
/* @__PURE__ */ jsxRuntime.jsxs("ul", { className: styles_module.default["btn-list"], children: [
|
|
50
50
|
/* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -53,7 +53,7 @@ function TablePagination({
|
|
|
53
53
|
type: "button",
|
|
54
54
|
disabled: !showPrev,
|
|
55
55
|
onClick: () => props.onChangePage(page - 1),
|
|
56
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(internal.
|
|
56
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(internal.NavigateBeforeIcon, {})
|
|
57
57
|
}
|
|
58
58
|
) }),
|
|
59
59
|
/* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -62,7 +62,7 @@ function TablePagination({
|
|
|
62
62
|
type: "button",
|
|
63
63
|
disabled: !showNext,
|
|
64
64
|
onClick: () => props.onChangePage(page + 1),
|
|
65
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(internal.
|
|
65
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(internal.NavigateNextIcon, {})
|
|
66
66
|
}
|
|
67
67
|
) })
|
|
68
68
|
] })
|
package/dist/cjs/styles.css
CHANGED
|
@@ -19,6 +19,6 @@
|
|
|
19
19
|
.vt_ce_styles_cssVarProvider__b6a03d8f{display:contents}
|
|
20
20
|
.vt_ce_Dialog_dialogOverlay__36db6625{background:rgba(0,0,0,.54);display:grid;place-items:center}.vt_ce_Dialog_dialog__36db6625{background-color:var(--vt-ce-theme-palette-background-primary,#fff);border:1px solid var(--vt-ce-theme-palette-disabled-on,#7c848d);border-radius:4px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);color:var(--vt-ce-theme-palette-text-primary,#2a323c);display:flex;flex-direction:column;margin:15px;max-height:calc(100% - 64px);max-width:calc(100% - 64px);padding:30px 0}.vt_ce_Dialog_dialog__36db6625:has(>.vt_ce_Dialog_dialogStart__36db6625:first-child){padding-block-start:0}.vt_ce_Dialog_dialog__36db6625:has(>.vt_ce_Dialog_dialogEnd__36db6625:last-child){padding-block-end:0}.vt_ce_Dialog_dialogStart__36db6625{display:block;flex:0 0 auto}.vt_ce_Dialog_dialogContent__36db6625{flex:1 1 auto;--webkit-overflow-scrolling:touch;overflow-y:auto;padding:0 30px}.vt_ce_Dialog_dialogEnd__36db6625{display:block;flex:0 0 auto}.vt_ce_Dialog_dialogTitle__36db6625{flex:0 0 auto;font-size:18px;line-height:24px;margin:30px 0 0;padding:0 30px}.vt_ce_Dialog_dialogTypography__36db6625{margin:15px 0}.vt_ce_Dialog_dialogActions__36db6625{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin:15px 0 40px;padding:0 30px}
|
|
21
21
|
.vt_ce_Drawer_drawerOverlay__8f34504f{display:grid;inset:0;overflow:hidden;pointer-events:none}.vt_ce_Drawer_drawerOverlay__8f34504f>*{pointer-events:auto}.vt_ce_Drawer_drawerOverlayEnabled__8f34504f{background:rgba(0,0,0,.54);pointer-events:auto}.vt_ce_Drawer_drawerOverlayStrategyFixed__8f34504f{position:fixed}.vt_ce_Drawer_drawerOverlayStrategyAbsolute__8f34504f{position:absolute}.vt_ce_Drawer_drawerOverlayPlacementStart__8f34504f{place-items:stretch start}.vt_ce_Drawer_drawerOverlayPlacementStart__8f34504f .vt_ce_Drawer_drawer__8f34504f{border-inline-end:1px solid var(--vt-ce-theme-palette-disabled-on,#7c848d)}.vt_ce_Drawer_drawerOverlayPlacementEnd__8f34504f{place-items:stretch end}.vt_ce_Drawer_drawerOverlayPlacementEnd__8f34504f .vt_ce_Drawer_drawer__8f34504f{border-inline-start:1px solid var(--vt-ce-theme-palette-disabled-on,#7c848d)}.vt_ce_Drawer_drawerWrapper__8f34504f{display:flex;max-width:calc(100% - 64px);overflow-y:hidden}.vt_ce_Drawer_drawer__8f34504f{background-color:var(--vt-ce-theme-palette-background-primary,#fff);box-shadow:0 0 14px 0 rgba(0,0,0,.25);color:var(--vt-ce-theme-palette-text-primary,#2a323c);display:flex;flex-direction:column;padding:20px 0}.vt_ce_Drawer_drawer__8f34504f:has(>.vt_ce_Drawer_drawerStart__8f34504f:first-child){padding-block-start:0}.vt_ce_Drawer_drawer__8f34504f:has(>.vt_ce_Drawer_drawerEnd__8f34504f:last-child){padding-block-end:0}.vt_ce_Drawer_drawerStart__8f34504f{display:block;flex:0 0 auto}.vt_ce_Drawer_drawerContent__8f34504f{flex:1 1 0;--webkit-overflow-scrolling:touch;overflow-y:auto;padding:0 20px}.vt_ce_Drawer_drawerEnd__8f34504f{display:block;flex:0 0 auto}.vt_ce_Drawer_drawerTitleContainer__8f34504f{align-items:baseline;background-color:var(--vt-ce-theme-palette-background-primary,#fff);color:var(--vt-ce-theme-palette-text-primary,#2a323c);display:flex;justify-content:space-between}.vt_ce_Drawer_drawerTitleContainer__8f34504f[data-container=bar]{background-color:var(--vt-ce-drawer-palette-surface);color:var(--vt-ce-drawer-palette-on)}.vt_ce_Drawer_drawerTitle__8f34504f{flex:1 0 auto;margin:20px 0;padding:0 20px}.vt_ce_Drawer_drawerTitleActions__8f34504f{display:flex;flex:0 0 auto;padding:0 20px 0 0}.vt_ce_Drawer_drawerTypography__8f34504f{margin:20px 0}.vt_ce_Drawer_drawerActions__8f34504f{align-items:center;display:flex;flex:0 0 auto;gap:10px;justify-content:flex-end;margin:20px 0;padding:0 20px}
|
|
22
|
-
.vt_ce_Icon_icon__5881e2e1{display:inline-block;height:var(--vt-ce-icon-size,18px);width:var(--vt-ce-icon-size,18px)}.vt_ce_Icon_icon__5881e2e1 svg{height:var(--vt-ce-icon-size,18px);vertical-align:baseline;width:var(--vt-ce-icon-size,18px)}.vt_ce_Icon_icon__5881e2e1[data-size=large],.vt_ce_Icon_icon__5881e2e1[data-size=large] svg{height:24px;width:24px}.vt_ce_Icon_icon__5881e2e1[data-size=medium],.vt_ce_Icon_icon__5881e2e1[data-size=medium] svg{height:18px;width:18px}.vt_ce_Icon_icon__5881e2e1[data-size=small],.vt_ce_Icon_icon__5881e2e1[data-size=small] svg{height:14px;width:14px}.vt_ce_Icon_icon__5881e2e1[data-size=inherit],.vt_ce_Icon_icon__5881e2e1[data-size=inherit] svg{font-size:1em;height:1em;width:1em}
|
|
23
22
|
.vt_ce_Menu_menu__f5f59292{border:1px solid var(--vt-ce-theme-palette-disabled-on,#7c848d);border-radius:0 0 4px 4px;display:block;outline:0;padding-bottom:5px;padding-top:5px}.vt_ce_Menu_menu__f5f59292,.vt_ce_Menu_option__f5f59292{background-color:var(--vt-ce-theme-palette-background-primary,#fff)}.vt_ce_Menu_option__f5f59292{align-items:center;border:none;color:var(--vt-ce-theme-palette-text-primary,#2a323c);cursor:pointer;display:flex;font-family:var(--vt-ce-theme-typography-paragraph2-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph2-fontSize,14px);font-style:var(--vt-ce-theme-typography-paragraph2-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-paragraph2-fontWeight,400);letter-spacing:var(--vt-ce-theme-typography-paragraph2-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph2-lineHeight,20px);padding:5px 10px;text-transform:var(--vt-ce-theme-typography-paragraph2-textTransform,inherit);width:100%}.vt_ce_Menu_option__f5f59292:focus{background-color:var(--vt-ce-theme-palette-table-hover-surface,#eaf1fa);color:var(--vt-ce-theme-palette-table-hover-on,#000);outline:none}.vt_ce_Menu_optionIcon__f5f59292{align-items:center;display:inline-flex;justify-content:center;margin-inline-end:10px;--vt-ce-icon-size:14px}.vt_ce_Menu_optionLabel__f5f59292{text-align:start}
|
|
23
|
+
.vt_ce_Icon_icon__5881e2e1{display:inline-block;height:var(--vt-ce-icon-size,18px);width:var(--vt-ce-icon-size,18px)}.vt_ce_Icon_icon__5881e2e1 svg{height:var(--vt-ce-icon-size,18px);vertical-align:baseline;width:var(--vt-ce-icon-size,18px)}.vt_ce_Icon_icon__5881e2e1[data-size=large],.vt_ce_Icon_icon__5881e2e1[data-size=large] svg{height:24px;width:24px}.vt_ce_Icon_icon__5881e2e1[data-size=medium],.vt_ce_Icon_icon__5881e2e1[data-size=medium] svg{height:18px;width:18px}.vt_ce_Icon_icon__5881e2e1[data-size=small],.vt_ce_Icon_icon__5881e2e1[data-size=small] svg{height:14px;width:14px}.vt_ce_Icon_icon__5881e2e1[data-size=inherit],.vt_ce_Icon_icon__5881e2e1[data-size=inherit] svg{font-size:1em;height:1em;width:1em}
|
|
24
24
|
.vt_ce_Select_select__839d0f7a{align-items:center;background:var(--vt-ce-theme-palette-background-primary,#fff);border-radius:4px;color:var(--vt-ce-theme-palette-text-primary,#2a323c);display:inline-flex;flex:1;gap:10px;margin-bottom:1px;margin-top:1px;outline:var(--vt-ce-theme-palette-text-secondary,#5c6269) solid 1px;padding:0 8px}.vt_ce_Select_select__839d0f7a:focus-within,.vt_ce_Select_select__839d0f7a:hover,.vt_ce_Select_select__839d0f7a[data-focused=true]{outline-color:var(--vt-ce-theme-palette-action-primary-hover-surface,#335b89);outline-width:2px}.vt_ce_Select_select__839d0f7a[data-disabled=true]{background-color:var(--vt-ce-theme-palette-action-primary-disabled-surface,#fafafa);color:var(--vt-ce-theme-palette-action-primary-disabled-on,#7c848d);outline-color:var(--vt-ce-theme-palette-background-secondary,#e0e8f0)}.vt_ce_Select_select__839d0f7a[data-disabled=true]:focus-within,.vt_ce_Select_select__839d0f7a[data-disabled=true]:hover{outline-color:var(--vt-ce-theme-palette-background-secondary,#e0e8f0);outline-width:1px}.vt_ce_Select_select__839d0f7a[data-error=true]{outline-color:var(--vt-ce-theme-palette-indicator-error-base-surface,#eb0000)}.vt_ce_Select_innerInput__839d0f7a{background:none;border:none;color:inherit;flex-grow:1;font-family:var(--vt-ce-theme-typography-input-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-input-fontSize,14px);font-style:var(--vt-ce-theme-typography-input-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-input-fontWeight,400);letter-spacing:var(--vt-ce-theme-typography-input-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-input-lineHeight,20px);outline:none;padding:8px 0;text-transform:var(--vt-ce-theme-typography-input-textTransform,inherit)}.vt_ce_Select_innerInput__839d0f7a::-moz-placeholder{color:var(--vt-ce-theme-palette-action-primary-disabled-on,#7c848d)}.vt_ce_Select_innerInput__839d0f7a::placeholder{color:var(--vt-ce-theme-palette-action-primary-disabled-on,#7c848d)}.vt_ce_Select_innerInput__839d0f7a[data-selected=true]::-moz-placeholder{color:inherit}.vt_ce_Select_innerInput__839d0f7a[data-selected=true]::placeholder{color:inherit}.vt_ce_Select_selectIcon__839d0f7a{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;padding:8px 0;--vt-ce-icon-size:18px}
|
package/dist/esm/Alert/index.js
CHANGED
|
@@ -12,7 +12,7 @@ import '../Box/index.js';
|
|
|
12
12
|
import '../styles/styled.js';
|
|
13
13
|
import Button from '../Button/index.js';
|
|
14
14
|
import IconButton from '../IconButton/index.js';
|
|
15
|
-
import {
|
|
15
|
+
import { CloseIcon, SuccessIcon, InfoIcon, WarningIcon, ErrorIcon } from '../Icon/internal.js';
|
|
16
16
|
|
|
17
17
|
const defaultMessageLabel = {
|
|
18
18
|
success: `Success`,
|
|
@@ -62,16 +62,16 @@ const Alert = ({ severity = "success", ...props }) => {
|
|
|
62
62
|
children: props.action.label
|
|
63
63
|
}
|
|
64
64
|
),
|
|
65
|
-
props.onClose && /* @__PURE__ */ jsx("span", { className: modules_efc4e723["alert-close"], children: /* @__PURE__ */ jsx(IconButton, { onClick: props.onClose, children: /* @__PURE__ */ jsx(
|
|
65
|
+
props.onClose && /* @__PURE__ */ jsx("span", { className: modules_efc4e723["alert-close"], children: /* @__PURE__ */ jsx(IconButton, { onClick: props.onClose, children: /* @__PURE__ */ jsx(CloseIcon, { size: "small" }) }) })
|
|
66
66
|
]
|
|
67
67
|
}
|
|
68
68
|
);
|
|
69
69
|
};
|
|
70
70
|
const iconVariants = {
|
|
71
|
-
success: /* @__PURE__ */ jsx(
|
|
72
|
-
info: /* @__PURE__ */ jsx(
|
|
73
|
-
warning: /* @__PURE__ */ jsx(
|
|
74
|
-
error: /* @__PURE__ */ jsx(
|
|
71
|
+
success: /* @__PURE__ */ jsx(SuccessIcon, { size: "inherit" }),
|
|
72
|
+
info: /* @__PURE__ */ jsx(InfoIcon, { size: "inherit" }),
|
|
73
|
+
warning: /* @__PURE__ */ jsx(WarningIcon, { size: "inherit" }),
|
|
74
|
+
error: /* @__PURE__ */ jsx(ErrorIcon, { size: "inherit" })
|
|
75
75
|
};
|
|
76
76
|
|
|
77
77
|
export { Alert as default };
|
package/dist/esm/Chip/index.js
CHANGED
|
@@ -10,7 +10,7 @@ import '@mui/system';
|
|
|
10
10
|
import '../Box/index.js';
|
|
11
11
|
import '../styles/styled.js';
|
|
12
12
|
import IconButton from '../IconButton/index.js';
|
|
13
|
-
import {
|
|
13
|
+
import { CloseIcon } from '../Icon/internal.js';
|
|
14
14
|
|
|
15
15
|
const Chip = forwardRef(
|
|
16
16
|
({ clearable = true, ...props }, ref) => {
|
|
@@ -29,7 +29,7 @@ const Chip = forwardRef(
|
|
|
29
29
|
className: modules_efc4e723["button-icon"],
|
|
30
30
|
style: { padding: "0px" },
|
|
31
31
|
onClick: props.onClear,
|
|
32
|
-
children: /* @__PURE__ */ jsx(
|
|
32
|
+
children: /* @__PURE__ */ jsx(CloseIcon, {})
|
|
33
33
|
}
|
|
34
34
|
)
|
|
35
35
|
]
|
|
@@ -1,57 +1,52 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { createIconComponent } from './factory.js';
|
|
4
3
|
import { NavigateNext, NavigateBefore, Close } from '@mui/icons-material';
|
|
5
4
|
import { adaptMuiSvgIcon, adaptSvgIcon } from './wrappers.js';
|
|
6
5
|
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
) })
|
|
53
|
-
)
|
|
54
|
-
}
|
|
55
|
-
});
|
|
6
|
+
const NavigateNextIcon = adaptMuiSvgIcon(NavigateNext);
|
|
7
|
+
const NavigateBeforeIcon = adaptMuiSvgIcon(NavigateBefore);
|
|
8
|
+
const CloseIcon = adaptMuiSvgIcon(Close);
|
|
9
|
+
const SuccessIcon = adaptSvgIcon(
|
|
10
|
+
/* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
|
|
11
|
+
"path",
|
|
12
|
+
{
|
|
13
|
+
fillRule: "evenodd",
|
|
14
|
+
clipRule: "evenodd",
|
|
15
|
+
d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM7 12.2656L10.5714 16.4642L17 8.90665L15.9929 7.71423L10.5714 14.0878L8.00714 11.0816L7 12.2656Z",
|
|
16
|
+
fill: "currentColor"
|
|
17
|
+
}
|
|
18
|
+
) })
|
|
19
|
+
);
|
|
20
|
+
const InfoIcon = adaptSvgIcon(
|
|
21
|
+
/* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
|
|
22
|
+
"path",
|
|
23
|
+
{
|
|
24
|
+
fillRule: "evenodd",
|
|
25
|
+
clipRule: "evenodd",
|
|
26
|
+
d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM13.86 17.0623L14.0162 16.4231C13.9358 16.461 13.8055 16.5048 13.6256 16.5545C13.4457 16.6042 13.2847 16.6291 13.1427 16.6291C12.8396 16.6291 12.6266 16.5794 12.5035 16.4799C12.3804 16.3805 12.3188 16.1935 12.3188 15.9189C12.3188 15.81 12.3377 15.649 12.3756 15.4359C12.4135 15.2228 12.4561 15.0334 12.5035 14.8677L13.0859 12.801C13.1427 12.6116 13.1817 12.4032 13.203 12.176C13.2243 11.9487 13.235 11.7901 13.235 11.7001C13.235 11.2645 13.0823 10.9106 12.7769 10.6383C12.4715 10.3661 12.0371 10.2299 11.4736 10.2299C11.1611 10.2299 10.8297 10.2856 10.4793 10.3969C10.1289 10.5081 9.762 10.6419 9.37847 10.7981L9.22222 11.4373C9.33586 11.3947 9.47198 11.3497 9.6306 11.3024C9.78922 11.255 9.94428 11.2314 10.0958 11.2314C10.4036 11.2314 10.6119 11.2834 10.7208 11.3876C10.8297 11.4918 10.8842 11.6764 10.8842 11.9416C10.8842 12.0884 10.8664 12.2505 10.8309 12.4281C10.7954 12.6057 10.7516 12.7939 10.6995 12.9927L10.1171 15.0666C10.065 15.2844 10.0271 15.4797 10.0035 15.6525C9.9798 15.8253 9.96796 15.9946 9.96796 16.1603C9.96796 16.5865 10.1254 16.938 10.4403 17.215C10.7551 17.492 11.1966 17.6305 11.7648 17.6305C12.1341 17.6305 12.4585 17.582 12.7378 17.4849C13.0172 17.3878 13.3912 17.247 13.86 17.0623ZM13.757 8.671C14.0293 8.41769 14.1654 8.11111 14.1654 7.75126C14.1654 7.39141 14.0293 7.08365 13.757 6.82797C13.4848 6.57228 13.1569 6.44444 12.7734 6.44444C12.3898 6.44444 12.0608 6.57228 11.7861 6.82797C11.5115 7.08365 11.3742 7.39141 11.3742 7.75126C11.3742 8.11111 11.5115 8.41769 11.7861 8.671C12.0608 8.92432 12.3898 9.05097 12.7734 9.05097C13.1569 9.05097 13.4848 8.92432 13.757 8.671Z",
|
|
27
|
+
fill: "currentColor"
|
|
28
|
+
}
|
|
29
|
+
) })
|
|
30
|
+
);
|
|
31
|
+
const WarningIcon = adaptSvgIcon(
|
|
32
|
+
/* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
|
|
33
|
+
"path",
|
|
34
|
+
{
|
|
35
|
+
fillRule: "evenodd",
|
|
36
|
+
clipRule: "evenodd",
|
|
37
|
+
d: "M19.075 19.075C20.8848 17.2651 22 14.7605 22 12C22 9.23949 20.8848 6.73492 19.075 4.92505C17.2651 3.11517 14.7605 2 12 2C9.23949 2 6.73492 3.11517 4.92505 4.92505C3.11517 6.73492 2 9.23949 2 12C2 14.7605 3.11517 17.2651 4.92505 19.075C6.73492 20.8848 9.23949 22 12 22C14.7605 22 17.2651 20.8848 19.075 19.075ZM13.3528 15.8574C13.3528 15.1079 12.7495 14.5046 12 14.5046C11.2505 14.5046 10.6289 15.1079 10.6289 15.8574C10.6289 16.6069 11.2505 17.2285 12 17.2285C12.7495 17.2285 13.3528 16.6069 13.3528 15.8574ZM12 13.1335C11.5064 13.1335 11.1408 12.7313 11.0859 12.2194L10.6289 8.1426C10.5558 7.42962 11.3053 6.77148 12 6.77148C12.6947 6.77148 13.4442 7.42962 13.3528 8.1426L12.9141 12.2194C12.8592 12.7313 12.4936 13.1335 12 13.1335Z",
|
|
38
|
+
fill: "currentColor"
|
|
39
|
+
}
|
|
40
|
+
) })
|
|
41
|
+
);
|
|
42
|
+
const ErrorIcon = adaptSvgIcon(
|
|
43
|
+
/* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
|
|
44
|
+
"path",
|
|
45
|
+
{
|
|
46
|
+
d: "M19.0711 4.92898C15.1678 1.02575 8.83216 1.02575 4.92893 4.92898C1.0257 8.83221 1.0257 15.1679 4.92893 19.0711C8.83216 22.9743 15.1678 22.9743 19.0711 19.0711C22.9743 15.1679 22.9743 8.83221 19.0711 4.92898ZM14.8284 16.2427L12 13.4143L9.17157 16.2427L7.75736 14.8285L10.5858 12L7.75736 9.17162L9.17157 7.7574L12 10.5858L14.8284 7.7574L16.2426 9.17162L13.4142 12L16.2426 14.8285L14.8284 16.2427Z",
|
|
47
|
+
fill: "currentColor"
|
|
48
|
+
}
|
|
49
|
+
) })
|
|
50
|
+
);
|
|
56
51
|
|
|
57
|
-
export {
|
|
52
|
+
export { CloseIcon, ErrorIcon, InfoIcon, NavigateBeforeIcon, NavigateNextIcon, SuccessIcon, WarningIcon };
|
|
@@ -5,7 +5,7 @@ import usePaginationUntyped from '@mui/material/usePagination';
|
|
|
5
5
|
import modules_efc4e723 from './styles.module.scss.js';
|
|
6
6
|
import Button from '../Button/index.js';
|
|
7
7
|
import IconButton from '../IconButton/index.js';
|
|
8
|
-
import {
|
|
8
|
+
import { NavigateBeforeIcon, NavigateNextIcon } from '../Icon/internal.js';
|
|
9
9
|
|
|
10
10
|
const usePagination = usePaginationUntyped;
|
|
11
11
|
function Pagination(props) {
|
|
@@ -30,16 +30,16 @@ function Pagination(props) {
|
|
|
30
30
|
type: "button",
|
|
31
31
|
active: selected,
|
|
32
32
|
...item,
|
|
33
|
-
children: page
|
|
33
|
+
children: page.toLocaleString()
|
|
34
34
|
}
|
|
35
35
|
);
|
|
36
36
|
} else {
|
|
37
37
|
switch (type) {
|
|
38
38
|
case "next":
|
|
39
|
-
children = /* @__PURE__ */ jsx(IconButton, { type: "button", ...item, children: /* @__PURE__ */ jsx(
|
|
39
|
+
children = /* @__PURE__ */ jsx(IconButton, { type: "button", ...item, children: /* @__PURE__ */ jsx(NavigateNextIcon, {}) });
|
|
40
40
|
break;
|
|
41
41
|
case "previous":
|
|
42
|
-
children = /* @__PURE__ */ jsx(IconButton, { type: "button", ...item, children: /* @__PURE__ */ jsx(
|
|
42
|
+
children = /* @__PURE__ */ jsx(IconButton, { type: "button", ...item, children: /* @__PURE__ */ jsx(NavigateBeforeIcon, {}) });
|
|
43
43
|
break;
|
|
44
44
|
}
|
|
45
45
|
}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
4
|
import modules_efc4e723 from './styles.module.scss.js';
|
|
5
5
|
import IconButton from '../IconButton/index.js';
|
|
6
|
-
import {
|
|
6
|
+
import { NavigateBeforeIcon, NavigateNextIcon } from '../Icon/internal.js';
|
|
7
7
|
import '../Select/controlled.js';
|
|
8
8
|
import Select from '../Select/uncontrolled.js';
|
|
9
9
|
import 'react';
|
|
@@ -35,12 +35,12 @@ function TablePagination({
|
|
|
35
35
|
}
|
|
36
36
|
) }),
|
|
37
37
|
/* @__PURE__ */ jsxs("span", { className: modules_efc4e723["page-counts"], children: [
|
|
38
|
-
(page - 1) * rowsPerPage + 1,
|
|
38
|
+
((page - 1) * rowsPerPage + 1).toLocaleString(),
|
|
39
39
|
"-",
|
|
40
|
-
Math.min(page * rowsPerPage, count),
|
|
40
|
+
Math.min(page * rowsPerPage, count).toLocaleString(),
|
|
41
41
|
" of",
|
|
42
42
|
" ",
|
|
43
|
-
count
|
|
43
|
+
count.toLocaleString()
|
|
44
44
|
] }),
|
|
45
45
|
/* @__PURE__ */ jsxs("ul", { className: modules_efc4e723["btn-list"], children: [
|
|
46
46
|
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
|
|
@@ -49,7 +49,7 @@ function TablePagination({
|
|
|
49
49
|
type: "button",
|
|
50
50
|
disabled: !showPrev,
|
|
51
51
|
onClick: () => props.onChangePage(page - 1),
|
|
52
|
-
children: /* @__PURE__ */ jsx(
|
|
52
|
+
children: /* @__PURE__ */ jsx(NavigateBeforeIcon, {})
|
|
53
53
|
}
|
|
54
54
|
) }),
|
|
55
55
|
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
|
|
@@ -58,7 +58,7 @@ function TablePagination({
|
|
|
58
58
|
type: "button",
|
|
59
59
|
disabled: !showNext,
|
|
60
60
|
onClick: () => props.onChangePage(page + 1),
|
|
61
|
-
children: /* @__PURE__ */ jsx(
|
|
61
|
+
children: /* @__PURE__ */ jsx(NavigateNextIcon, {})
|
|
62
62
|
}
|
|
63
63
|
) })
|
|
64
64
|
] })
|
package/dist/esm/styles.css
CHANGED
|
@@ -19,6 +19,6 @@
|
|
|
19
19
|
.vt_ce_styles_cssVarProvider__b6a03d8f{display:contents}
|
|
20
20
|
.vt_ce_Dialog_dialogOverlay__36db6625{background:rgba(0,0,0,.54);display:grid;place-items:center}.vt_ce_Dialog_dialog__36db6625{background-color:var(--vt-ce-theme-palette-background-primary,#fff);border:1px solid var(--vt-ce-theme-palette-disabled-on,#7c848d);border-radius:4px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);color:var(--vt-ce-theme-palette-text-primary,#2a323c);display:flex;flex-direction:column;margin:15px;max-height:calc(100% - 64px);max-width:calc(100% - 64px);padding:30px 0}.vt_ce_Dialog_dialog__36db6625:has(>.vt_ce_Dialog_dialogStart__36db6625:first-child){padding-block-start:0}.vt_ce_Dialog_dialog__36db6625:has(>.vt_ce_Dialog_dialogEnd__36db6625:last-child){padding-block-end:0}.vt_ce_Dialog_dialogStart__36db6625{display:block;flex:0 0 auto}.vt_ce_Dialog_dialogContent__36db6625{flex:1 1 auto;--webkit-overflow-scrolling:touch;overflow-y:auto;padding:0 30px}.vt_ce_Dialog_dialogEnd__36db6625{display:block;flex:0 0 auto}.vt_ce_Dialog_dialogTitle__36db6625{flex:0 0 auto;font-size:18px;line-height:24px;margin:30px 0 0;padding:0 30px}.vt_ce_Dialog_dialogTypography__36db6625{margin:15px 0}.vt_ce_Dialog_dialogActions__36db6625{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin:15px 0 40px;padding:0 30px}
|
|
21
21
|
.vt_ce_Drawer_drawerOverlay__8f34504f{display:grid;inset:0;overflow:hidden;pointer-events:none}.vt_ce_Drawer_drawerOverlay__8f34504f>*{pointer-events:auto}.vt_ce_Drawer_drawerOverlayEnabled__8f34504f{background:rgba(0,0,0,.54);pointer-events:auto}.vt_ce_Drawer_drawerOverlayStrategyFixed__8f34504f{position:fixed}.vt_ce_Drawer_drawerOverlayStrategyAbsolute__8f34504f{position:absolute}.vt_ce_Drawer_drawerOverlayPlacementStart__8f34504f{place-items:stretch start}.vt_ce_Drawer_drawerOverlayPlacementStart__8f34504f .vt_ce_Drawer_drawer__8f34504f{border-inline-end:1px solid var(--vt-ce-theme-palette-disabled-on,#7c848d)}.vt_ce_Drawer_drawerOverlayPlacementEnd__8f34504f{place-items:stretch end}.vt_ce_Drawer_drawerOverlayPlacementEnd__8f34504f .vt_ce_Drawer_drawer__8f34504f{border-inline-start:1px solid var(--vt-ce-theme-palette-disabled-on,#7c848d)}.vt_ce_Drawer_drawerWrapper__8f34504f{display:flex;max-width:calc(100% - 64px);overflow-y:hidden}.vt_ce_Drawer_drawer__8f34504f{background-color:var(--vt-ce-theme-palette-background-primary,#fff);box-shadow:0 0 14px 0 rgba(0,0,0,.25);color:var(--vt-ce-theme-palette-text-primary,#2a323c);display:flex;flex-direction:column;padding:20px 0}.vt_ce_Drawer_drawer__8f34504f:has(>.vt_ce_Drawer_drawerStart__8f34504f:first-child){padding-block-start:0}.vt_ce_Drawer_drawer__8f34504f:has(>.vt_ce_Drawer_drawerEnd__8f34504f:last-child){padding-block-end:0}.vt_ce_Drawer_drawerStart__8f34504f{display:block;flex:0 0 auto}.vt_ce_Drawer_drawerContent__8f34504f{flex:1 1 0;--webkit-overflow-scrolling:touch;overflow-y:auto;padding:0 20px}.vt_ce_Drawer_drawerEnd__8f34504f{display:block;flex:0 0 auto}.vt_ce_Drawer_drawerTitleContainer__8f34504f{align-items:baseline;background-color:var(--vt-ce-theme-palette-background-primary,#fff);color:var(--vt-ce-theme-palette-text-primary,#2a323c);display:flex;justify-content:space-between}.vt_ce_Drawer_drawerTitleContainer__8f34504f[data-container=bar]{background-color:var(--vt-ce-drawer-palette-surface);color:var(--vt-ce-drawer-palette-on)}.vt_ce_Drawer_drawerTitle__8f34504f{flex:1 0 auto;margin:20px 0;padding:0 20px}.vt_ce_Drawer_drawerTitleActions__8f34504f{display:flex;flex:0 0 auto;padding:0 20px 0 0}.vt_ce_Drawer_drawerTypography__8f34504f{margin:20px 0}.vt_ce_Drawer_drawerActions__8f34504f{align-items:center;display:flex;flex:0 0 auto;gap:10px;justify-content:flex-end;margin:20px 0;padding:0 20px}
|
|
22
|
-
.vt_ce_Icon_icon__5881e2e1{display:inline-block;height:var(--vt-ce-icon-size,18px);width:var(--vt-ce-icon-size,18px)}.vt_ce_Icon_icon__5881e2e1 svg{height:var(--vt-ce-icon-size,18px);vertical-align:baseline;width:var(--vt-ce-icon-size,18px)}.vt_ce_Icon_icon__5881e2e1[data-size=large],.vt_ce_Icon_icon__5881e2e1[data-size=large] svg{height:24px;width:24px}.vt_ce_Icon_icon__5881e2e1[data-size=medium],.vt_ce_Icon_icon__5881e2e1[data-size=medium] svg{height:18px;width:18px}.vt_ce_Icon_icon__5881e2e1[data-size=small],.vt_ce_Icon_icon__5881e2e1[data-size=small] svg{height:14px;width:14px}.vt_ce_Icon_icon__5881e2e1[data-size=inherit],.vt_ce_Icon_icon__5881e2e1[data-size=inherit] svg{font-size:1em;height:1em;width:1em}
|
|
23
22
|
.vt_ce_Menu_menu__f5f59292{border:1px solid var(--vt-ce-theme-palette-disabled-on,#7c848d);border-radius:0 0 4px 4px;display:block;outline:0;padding-bottom:5px;padding-top:5px}.vt_ce_Menu_menu__f5f59292,.vt_ce_Menu_option__f5f59292{background-color:var(--vt-ce-theme-palette-background-primary,#fff)}.vt_ce_Menu_option__f5f59292{align-items:center;border:none;color:var(--vt-ce-theme-palette-text-primary,#2a323c);cursor:pointer;display:flex;font-family:var(--vt-ce-theme-typography-paragraph2-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph2-fontSize,14px);font-style:var(--vt-ce-theme-typography-paragraph2-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-paragraph2-fontWeight,400);letter-spacing:var(--vt-ce-theme-typography-paragraph2-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph2-lineHeight,20px);padding:5px 10px;text-transform:var(--vt-ce-theme-typography-paragraph2-textTransform,inherit);width:100%}.vt_ce_Menu_option__f5f59292:focus{background-color:var(--vt-ce-theme-palette-table-hover-surface,#eaf1fa);color:var(--vt-ce-theme-palette-table-hover-on,#000);outline:none}.vt_ce_Menu_optionIcon__f5f59292{align-items:center;display:inline-flex;justify-content:center;margin-inline-end:10px;--vt-ce-icon-size:14px}.vt_ce_Menu_optionLabel__f5f59292{text-align:start}
|
|
23
|
+
.vt_ce_Icon_icon__5881e2e1{display:inline-block;height:var(--vt-ce-icon-size,18px);width:var(--vt-ce-icon-size,18px)}.vt_ce_Icon_icon__5881e2e1 svg{height:var(--vt-ce-icon-size,18px);vertical-align:baseline;width:var(--vt-ce-icon-size,18px)}.vt_ce_Icon_icon__5881e2e1[data-size=large],.vt_ce_Icon_icon__5881e2e1[data-size=large] svg{height:24px;width:24px}.vt_ce_Icon_icon__5881e2e1[data-size=medium],.vt_ce_Icon_icon__5881e2e1[data-size=medium] svg{height:18px;width:18px}.vt_ce_Icon_icon__5881e2e1[data-size=small],.vt_ce_Icon_icon__5881e2e1[data-size=small] svg{height:14px;width:14px}.vt_ce_Icon_icon__5881e2e1[data-size=inherit],.vt_ce_Icon_icon__5881e2e1[data-size=inherit] svg{font-size:1em;height:1em;width:1em}
|
|
24
24
|
.vt_ce_Select_select__839d0f7a{align-items:center;background:var(--vt-ce-theme-palette-background-primary,#fff);border-radius:4px;color:var(--vt-ce-theme-palette-text-primary,#2a323c);display:inline-flex;flex:1;gap:10px;margin-bottom:1px;margin-top:1px;outline:var(--vt-ce-theme-palette-text-secondary,#5c6269) solid 1px;padding:0 8px}.vt_ce_Select_select__839d0f7a:focus-within,.vt_ce_Select_select__839d0f7a:hover,.vt_ce_Select_select__839d0f7a[data-focused=true]{outline-color:var(--vt-ce-theme-palette-action-primary-hover-surface,#335b89);outline-width:2px}.vt_ce_Select_select__839d0f7a[data-disabled=true]{background-color:var(--vt-ce-theme-palette-action-primary-disabled-surface,#fafafa);color:var(--vt-ce-theme-palette-action-primary-disabled-on,#7c848d);outline-color:var(--vt-ce-theme-palette-background-secondary,#e0e8f0)}.vt_ce_Select_select__839d0f7a[data-disabled=true]:focus-within,.vt_ce_Select_select__839d0f7a[data-disabled=true]:hover{outline-color:var(--vt-ce-theme-palette-background-secondary,#e0e8f0);outline-width:1px}.vt_ce_Select_select__839d0f7a[data-error=true]{outline-color:var(--vt-ce-theme-palette-indicator-error-base-surface,#eb0000)}.vt_ce_Select_innerInput__839d0f7a{background:none;border:none;color:inherit;flex-grow:1;font-family:var(--vt-ce-theme-typography-input-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-input-fontSize,14px);font-style:var(--vt-ce-theme-typography-input-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-input-fontWeight,400);letter-spacing:var(--vt-ce-theme-typography-input-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-input-lineHeight,20px);outline:none;padding:8px 0;text-transform:var(--vt-ce-theme-typography-input-textTransform,inherit)}.vt_ce_Select_innerInput__839d0f7a::-moz-placeholder{color:var(--vt-ce-theme-palette-action-primary-disabled-on,#7c848d)}.vt_ce_Select_innerInput__839d0f7a::placeholder{color:var(--vt-ce-theme-palette-action-primary-disabled-on,#7c848d)}.vt_ce_Select_innerInput__839d0f7a[data-selected=true]::-moz-placeholder{color:inherit}.vt_ce_Select_innerInput__839d0f7a[data-selected=true]::placeholder{color:inherit}.vt_ce_Select_selectIcon__839d0f7a{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;padding:8px 0;--vt-ce-icon-size:18px}
|
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
} & {
|
|
9
|
-
name: string;
|
|
10
|
-
} & React.RefAttributes<HTMLSpanElement>>;
|
|
1
|
+
export declare const NavigateNextIcon: import("./shared.js").GenericIconComponent;
|
|
2
|
+
export declare const NavigateBeforeIcon: import("./shared.js").GenericIconComponent;
|
|
3
|
+
export declare const CloseIcon: import("./shared.js").GenericIconComponent;
|
|
4
|
+
export declare const SuccessIcon: import("./shared.js").GenericIconComponent;
|
|
5
|
+
export declare const InfoIcon: import("./shared.js").GenericIconComponent;
|
|
6
|
+
export declare const WarningIcon: import("./shared.js").GenericIconComponent;
|
|
7
|
+
export declare const ErrorIcon: import("./shared.js").GenericIconComponent;
|