@hitachivantara/uikit-react-core 5.106.0 → 5.106.1
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/Banner/BannerContent/BannerContent.cjs +1 -1
- package/dist/cjs/Banner/BannerContent/BannerContent.styles.cjs +2 -1
- package/dist/cjs/Dialog/Dialog.cjs +1 -1
- package/dist/cjs/Drawer/Drawer.cjs +1 -1
- package/dist/cjs/StatusIcon/StatusIcon.cjs +57 -11
- package/dist/cjs/utils/Callout.cjs +4 -1
- package/dist/esm/Banner/BannerContent/BannerContent.js +1 -1
- package/dist/esm/Banner/BannerContent/BannerContent.styles.js +2 -1
- package/dist/esm/Dialog/Dialog.js +1 -1
- package/dist/esm/Drawer/Drawer.js +1 -1
- package/dist/esm/StatusIcon/StatusIcon.js +59 -13
- package/dist/esm/utils/Callout.js +4 -1
- package/dist/types/index.d.ts +3 -2
- package/package.json +5 -6
|
@@ -7,7 +7,8 @@ const { useClasses, staticClasses } = uikitReactUtils.createClasses("HvBannerCon
|
|
|
7
7
|
minWidth: "100%",
|
|
8
8
|
width: "100%",
|
|
9
9
|
position: "relative",
|
|
10
|
-
gap: uikitStyles.theme.space.xs
|
|
10
|
+
gap: uikitStyles.theme.space.xs,
|
|
11
|
+
minHeight: 48
|
|
11
12
|
},
|
|
12
13
|
success: {},
|
|
13
14
|
warning: {},
|
|
@@ -55,7 +55,7 @@ const HvDrawer = React.forwardRef(function HvDrawer2(props, ref) {
|
|
|
55
55
|
onClose: handleOnClose,
|
|
56
56
|
...others,
|
|
57
57
|
children: [
|
|
58
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
58
|
+
onClose && /* @__PURE__ */ jsxRuntime.jsx(
|
|
59
59
|
IconButton.HvIconButton,
|
|
60
60
|
{
|
|
61
61
|
id: setId.setId(id, "close"),
|
|
@@ -2,10 +2,6 @@
|
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
4
|
const React = require("react");
|
|
5
|
-
const CheckCircle = require("@phosphor-icons/react/dist/csr/CheckCircle");
|
|
6
|
-
const Question = require("@phosphor-icons/react/dist/csr/Question");
|
|
7
|
-
const Warning = require("@phosphor-icons/react/dist/csr/Warning");
|
|
8
|
-
const WarningDiamond = require("@phosphor-icons/react/dist/csr/WarningDiamond");
|
|
9
5
|
const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
|
|
10
6
|
const icons = require("../icons.cjs");
|
|
11
7
|
const StatusIcon_styles = require("./StatusIcon.styles.cjs");
|
|
@@ -17,10 +13,62 @@ const variantIconMap = {
|
|
|
17
13
|
info: "Info"
|
|
18
14
|
};
|
|
19
15
|
const pentahoIconsMap = {
|
|
20
|
-
success:
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
16
|
+
success: {
|
|
17
|
+
regular: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z" }),
|
|
18
|
+
fill: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm45.66,85.66-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z" }),
|
|
19
|
+
duotone: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
20
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
21
|
+
"path",
|
|
22
|
+
{
|
|
23
|
+
d: "M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z",
|
|
24
|
+
opacity: "0.2"
|
|
25
|
+
}
|
|
26
|
+
),
|
|
27
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z" })
|
|
28
|
+
] })
|
|
29
|
+
},
|
|
30
|
+
warning: {
|
|
31
|
+
regular: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z" }),
|
|
32
|
+
fill: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM120,104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm8,88a12,12,0,1,1,12-12A12,12,0,0,1,128,192Z" }),
|
|
33
|
+
duotone: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
34
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
35
|
+
"path",
|
|
36
|
+
{
|
|
37
|
+
d: "M215.46,216H40.54C27.92,216,20,202.79,26.13,192.09L113.59,40.22c6.3-11,22.52-11,28.82,0l87.46,151.87C236,202.79,228.08,216,215.46,216Z",
|
|
38
|
+
opacity: "0.2"
|
|
39
|
+
}
|
|
40
|
+
),
|
|
41
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z" })
|
|
42
|
+
] })
|
|
43
|
+
},
|
|
44
|
+
error: {
|
|
45
|
+
regular: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M128,72a8,8,0,0,1,8,8v56a8,8,0,0,1-16,0V80A8,8,0,0,1,128,72ZM116,172a12,12,0,1,0,12-12A12,12,0,0,0,116,172Zm124-44a15.85,15.85,0,0,1-4.67,11.28l-96.05,96.06a16,16,0,0,1-22.56,0h0l-96-96.06a16,16,0,0,1,0-22.56l96.05-96.06a16,16,0,0,1,22.56,0l96.05,96.06A15.85,15.85,0,0,1,240,128Zm-16,0L128,32,32,128,128,224h0Z" }),
|
|
46
|
+
fill: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M235.33,116.72,139.28,20.66a16,16,0,0,0-22.56,0l-96,96.06a16,16,0,0,0,0,22.56l96.05,96.06h0a16,16,0,0,0,22.56,0l96.05-96.06a16,16,0,0,0,0-22.56ZM120,80a8,8,0,0,1,16,0v56a8,8,0,0,1-16,0Zm8,104a12,12,0,1,1,12-12A12,12,0,0,1,128,184Z" }),
|
|
47
|
+
duotone: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
48
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
49
|
+
"path",
|
|
50
|
+
{
|
|
51
|
+
d: "M229.67,133.62l-96,96a7.94,7.94,0,0,1-11.24,0l-96-96a7.94,7.94,0,0,1,0-11.24l96.05-96a7.94,7.94,0,0,1,11.24,0l96,96.05A7.94,7.94,0,0,1,229.67,133.62Z",
|
|
52
|
+
opacity: "0.2"
|
|
53
|
+
}
|
|
54
|
+
),
|
|
55
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M128,72a8,8,0,0,1,8,8v56a8,8,0,0,1-16,0V80A8,8,0,0,1,128,72ZM116,172a12,12,0,1,0,12-12A12,12,0,0,0,116,172Zm124-44a15.85,15.85,0,0,1-4.67,11.28l-96.05,96.06a16,16,0,0,1-22.56,0h0l-96-96.06a16,16,0,0,1,0-22.56l96.05-96.06a16,16,0,0,1,22.56,0l96.05,96.06A15.85,15.85,0,0,1,240,128Zm-16,0L128,32,32,128,128,224h0Z" })
|
|
56
|
+
] })
|
|
57
|
+
},
|
|
58
|
+
info: {
|
|
59
|
+
regular: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M140,180a12,12,0,1,1-12-12A12,12,0,0,1,140,180ZM128,72c-22.06,0-40,16.15-40,36v4a8,8,0,0,0,16,0v-4c0-11,10.77-20,24-20s24,9,24,20-10.77,20-24,20a8,8,0,0,0-8,8v8a8,8,0,0,0,16,0v-.72c18.24-3.35,32-17.9,32-35.28C168,88.15,150.06,72,128,72Zm104,56A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z" }),
|
|
60
|
+
fill: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,168a12,12,0,1,1,12-12A12,12,0,0,1,128,192Zm8-48.72V144a8,8,0,0,1-16,0v-8a8,8,0,0,1,8-8c13.23,0,24-9,24-20s-10.77-20-24-20-24,9-24,20v4a8,8,0,0,1-16,0v-4c0-19.85,17.94-36,40-36s40,16.15,40,36C168,125.38,154.24,139.93,136,143.28Z" }),
|
|
61
|
+
duotone: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
62
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
63
|
+
"path",
|
|
64
|
+
{
|
|
65
|
+
d: "M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z",
|
|
66
|
+
opacity: "0.2"
|
|
67
|
+
}
|
|
68
|
+
),
|
|
69
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M140,180a12,12,0,1,1-12-12A12,12,0,0,1,140,180ZM128,72c-22.06,0-40,16.15-40,36v4a8,8,0,0,0,16,0v-4c0-11,10.77-20,24-20s24,9,24,20-10.77,20-24,20a8,8,0,0,0-8,8v8a8,8,0,0,0,16,0v-.72c18.24-3.35,32-17.9,32-35.28C168,88.15,150.06,72,128,72Zm104,56A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z" })
|
|
70
|
+
] })
|
|
71
|
+
}
|
|
24
72
|
};
|
|
25
73
|
const HvStatusIcon = React.forwardRef(function HvStatusIcon2(props, ref) {
|
|
26
74
|
const {
|
|
@@ -42,9 +90,7 @@ const HvStatusIcon = React.forwardRef(function HvStatusIcon2(props, ref) {
|
|
|
42
90
|
"data-type": type,
|
|
43
91
|
"data-size": size,
|
|
44
92
|
className: cx(classes.root, className),
|
|
45
|
-
children: selectedTheme === "pentahoPlus" && !customIcon ? /* @__PURE__ */ jsxRuntime.jsx(IconContainer.HvIconContainer, { size, children: pentahoIconsMap[variant]?.({
|
|
46
|
-
weight
|
|
47
|
-
}) }) : /* @__PURE__ */ jsxRuntime.jsx(IconContainer.HvIconContainer, { size, children: customIcon || /* @__PURE__ */ jsxRuntime.jsx(
|
|
93
|
+
children: selectedTheme === "pentahoPlus" && !customIcon ? /* @__PURE__ */ jsxRuntime.jsx(IconContainer.HvIconContainer, { size, children: /* @__PURE__ */ jsxRuntime.jsx(icons.SvgBase, { viewBox: "0 0 256 256", className: classes.icon, children: pentahoIconsMap[variant]?.[weight] }) }) : /* @__PURE__ */ jsxRuntime.jsx(IconContainer.HvIconContainer, { size, children: customIcon || /* @__PURE__ */ jsxRuntime.jsx(
|
|
48
94
|
icons.HvIcon,
|
|
49
95
|
{
|
|
50
96
|
compact: true,
|
|
@@ -100,7 +100,10 @@ const HvCallout = React.forwardRef(function HvCallout2(props, ref) {
|
|
|
100
100
|
className: classes.actionCustom,
|
|
101
101
|
variant: activeTheme?.snackbar.actionButtonVariant,
|
|
102
102
|
actions,
|
|
103
|
-
onAction
|
|
103
|
+
onAction,
|
|
104
|
+
style: {
|
|
105
|
+
marginTop: actionsPosition === "bottom-right" ? "auto" : void 0
|
|
106
|
+
}
|
|
104
107
|
}
|
|
105
108
|
);
|
|
106
109
|
const showCustomActions = actions && actionsPosition === "bottom-right";
|
|
@@ -1,11 +1,7 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from "react";
|
|
3
|
-
import { CheckCircle } from "@phosphor-icons/react/dist/csr/CheckCircle";
|
|
4
|
-
import { Question } from "@phosphor-icons/react/dist/csr/Question";
|
|
5
|
-
import { Warning } from "@phosphor-icons/react/dist/csr/Warning";
|
|
6
|
-
import { WarningDiamond } from "@phosphor-icons/react/dist/csr/WarningDiamond";
|
|
7
3
|
import { useDefaultProps, useTheme } from "@hitachivantara/uikit-react-utils";
|
|
8
|
-
import { HvIcon } from "../icons.js";
|
|
4
|
+
import { SvgBase, HvIcon } from "../icons.js";
|
|
9
5
|
import { useClasses } from "./StatusIcon.styles.js";
|
|
10
6
|
import { staticClasses } from "./StatusIcon.styles.js";
|
|
11
7
|
import { HvIconContainer } from "../IconContainer/IconContainer.js";
|
|
@@ -16,10 +12,62 @@ const variantIconMap = {
|
|
|
16
12
|
info: "Info"
|
|
17
13
|
};
|
|
18
14
|
const pentahoIconsMap = {
|
|
19
|
-
success:
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
15
|
+
success: {
|
|
16
|
+
regular: /* @__PURE__ */ jsx("path", { d: "M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z" }),
|
|
17
|
+
fill: /* @__PURE__ */ jsx("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm45.66,85.66-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z" }),
|
|
18
|
+
duotone: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
19
|
+
/* @__PURE__ */ jsx(
|
|
20
|
+
"path",
|
|
21
|
+
{
|
|
22
|
+
d: "M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z",
|
|
23
|
+
opacity: "0.2"
|
|
24
|
+
}
|
|
25
|
+
),
|
|
26
|
+
/* @__PURE__ */ jsx("path", { d: "M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z" })
|
|
27
|
+
] })
|
|
28
|
+
},
|
|
29
|
+
warning: {
|
|
30
|
+
regular: /* @__PURE__ */ jsx("path", { d: "M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z" }),
|
|
31
|
+
fill: /* @__PURE__ */ jsx("path", { d: "M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM120,104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm8,88a12,12,0,1,1,12-12A12,12,0,0,1,128,192Z" }),
|
|
32
|
+
duotone: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
33
|
+
/* @__PURE__ */ jsx(
|
|
34
|
+
"path",
|
|
35
|
+
{
|
|
36
|
+
d: "M215.46,216H40.54C27.92,216,20,202.79,26.13,192.09L113.59,40.22c6.3-11,22.52-11,28.82,0l87.46,151.87C236,202.79,228.08,216,215.46,216Z",
|
|
37
|
+
opacity: "0.2"
|
|
38
|
+
}
|
|
39
|
+
),
|
|
40
|
+
/* @__PURE__ */ jsx("path", { d: "M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z" })
|
|
41
|
+
] })
|
|
42
|
+
},
|
|
43
|
+
error: {
|
|
44
|
+
regular: /* @__PURE__ */ jsx("path", { d: "M128,72a8,8,0,0,1,8,8v56a8,8,0,0,1-16,0V80A8,8,0,0,1,128,72ZM116,172a12,12,0,1,0,12-12A12,12,0,0,0,116,172Zm124-44a15.85,15.85,0,0,1-4.67,11.28l-96.05,96.06a16,16,0,0,1-22.56,0h0l-96-96.06a16,16,0,0,1,0-22.56l96.05-96.06a16,16,0,0,1,22.56,0l96.05,96.06A15.85,15.85,0,0,1,240,128Zm-16,0L128,32,32,128,128,224h0Z" }),
|
|
45
|
+
fill: /* @__PURE__ */ jsx("path", { d: "M235.33,116.72,139.28,20.66a16,16,0,0,0-22.56,0l-96,96.06a16,16,0,0,0,0,22.56l96.05,96.06h0a16,16,0,0,0,22.56,0l96.05-96.06a16,16,0,0,0,0-22.56ZM120,80a8,8,0,0,1,16,0v56a8,8,0,0,1-16,0Zm8,104a12,12,0,1,1,12-12A12,12,0,0,1,128,184Z" }),
|
|
46
|
+
duotone: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
47
|
+
/* @__PURE__ */ jsx(
|
|
48
|
+
"path",
|
|
49
|
+
{
|
|
50
|
+
d: "M229.67,133.62l-96,96a7.94,7.94,0,0,1-11.24,0l-96-96a7.94,7.94,0,0,1,0-11.24l96.05-96a7.94,7.94,0,0,1,11.24,0l96,96.05A7.94,7.94,0,0,1,229.67,133.62Z",
|
|
51
|
+
opacity: "0.2"
|
|
52
|
+
}
|
|
53
|
+
),
|
|
54
|
+
/* @__PURE__ */ jsx("path", { d: "M128,72a8,8,0,0,1,8,8v56a8,8,0,0,1-16,0V80A8,8,0,0,1,128,72ZM116,172a12,12,0,1,0,12-12A12,12,0,0,0,116,172Zm124-44a15.85,15.85,0,0,1-4.67,11.28l-96.05,96.06a16,16,0,0,1-22.56,0h0l-96-96.06a16,16,0,0,1,0-22.56l96.05-96.06a16,16,0,0,1,22.56,0l96.05,96.06A15.85,15.85,0,0,1,240,128Zm-16,0L128,32,32,128,128,224h0Z" })
|
|
55
|
+
] })
|
|
56
|
+
},
|
|
57
|
+
info: {
|
|
58
|
+
regular: /* @__PURE__ */ jsx("path", { d: "M140,180a12,12,0,1,1-12-12A12,12,0,0,1,140,180ZM128,72c-22.06,0-40,16.15-40,36v4a8,8,0,0,0,16,0v-4c0-11,10.77-20,24-20s24,9,24,20-10.77,20-24,20a8,8,0,0,0-8,8v8a8,8,0,0,0,16,0v-.72c18.24-3.35,32-17.9,32-35.28C168,88.15,150.06,72,128,72Zm104,56A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z" }),
|
|
59
|
+
fill: /* @__PURE__ */ jsx("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,168a12,12,0,1,1,12-12A12,12,0,0,1,128,192Zm8-48.72V144a8,8,0,0,1-16,0v-8a8,8,0,0,1,8-8c13.23,0,24-9,24-20s-10.77-20-24-20-24,9-24,20v4a8,8,0,0,1-16,0v-4c0-19.85,17.94-36,40-36s40,16.15,40,36C168,125.38,154.24,139.93,136,143.28Z" }),
|
|
60
|
+
duotone: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
61
|
+
/* @__PURE__ */ jsx(
|
|
62
|
+
"path",
|
|
63
|
+
{
|
|
64
|
+
d: "M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z",
|
|
65
|
+
opacity: "0.2"
|
|
66
|
+
}
|
|
67
|
+
),
|
|
68
|
+
/* @__PURE__ */ jsx("path", { d: "M140,180a12,12,0,1,1-12-12A12,12,0,0,1,140,180ZM128,72c-22.06,0-40,16.15-40,36v4a8,8,0,0,0,16,0v-4c0-11,10.77-20,24-20s24,9,24,20-10.77,20-24,20a8,8,0,0,0-8,8v8a8,8,0,0,0,16,0v-.72c18.24-3.35,32-17.9,32-35.28C168,88.15,150.06,72,128,72Zm104,56A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z" })
|
|
69
|
+
] })
|
|
70
|
+
}
|
|
23
71
|
};
|
|
24
72
|
const HvStatusIcon = forwardRef(function HvStatusIcon2(props, ref) {
|
|
25
73
|
const {
|
|
@@ -41,9 +89,7 @@ const HvStatusIcon = forwardRef(function HvStatusIcon2(props, ref) {
|
|
|
41
89
|
"data-type": type,
|
|
42
90
|
"data-size": size,
|
|
43
91
|
className: cx(classes.root, className),
|
|
44
|
-
children: selectedTheme === "pentahoPlus" && !customIcon ? /* @__PURE__ */ jsx(HvIconContainer, { size, children: pentahoIconsMap[variant]?.({
|
|
45
|
-
weight
|
|
46
|
-
}) }) : /* @__PURE__ */ jsx(HvIconContainer, { size, children: customIcon || /* @__PURE__ */ jsx(
|
|
92
|
+
children: selectedTheme === "pentahoPlus" && !customIcon ? /* @__PURE__ */ jsx(HvIconContainer, { size, children: /* @__PURE__ */ jsx(SvgBase, { viewBox: "0 0 256 256", className: classes.icon, children: pentahoIconsMap[variant]?.[weight] }) }) : /* @__PURE__ */ jsx(HvIconContainer, { size, children: customIcon || /* @__PURE__ */ jsx(
|
|
47
93
|
HvIcon,
|
|
48
94
|
{
|
|
49
95
|
compact: true,
|
|
@@ -96,7 +96,10 @@ const HvCallout = forwardRef(function HvCallout2(props, ref) {
|
|
|
96
96
|
className: classes.actionCustom,
|
|
97
97
|
variant: activeTheme?.snackbar.actionButtonVariant,
|
|
98
98
|
actions,
|
|
99
|
-
onAction
|
|
99
|
+
onAction,
|
|
100
|
+
style: {
|
|
101
|
+
marginTop: actionsPosition === "bottom-right" ? "auto" : void 0
|
|
102
|
+
}
|
|
100
103
|
}
|
|
101
104
|
);
|
|
102
105
|
const showCustomActions = actions && actionsPosition === "bottom-right";
|
package/dist/types/index.d.ts
CHANGED
|
@@ -51,7 +51,6 @@ import { HvThemeColorModeStructure } from '@hitachivantara/uikit-styles';
|
|
|
51
51
|
import { HvThemeContext } from '@hitachivantara/uikit-react-shared';
|
|
52
52
|
import { HvThemeContextValue } from '@hitachivantara/uikit-react-shared';
|
|
53
53
|
import { HvThemeStructure } from '@hitachivantara/uikit-styles';
|
|
54
|
-
import { IconWeight } from '@phosphor-icons/react';
|
|
55
54
|
import { IdType as IdType_2 } from 'react-table';
|
|
56
55
|
import { InputBaseProps } from '@mui/material/InputBase';
|
|
57
56
|
import { JSX as JSX_2 } from 'react/jsx-runtime';
|
|
@@ -6067,7 +6066,7 @@ export declare interface HvStatusIconProps extends HvBaseProps {
|
|
|
6067
6066
|
/** The type of status icon. */
|
|
6068
6067
|
type?: HvStatusIconType;
|
|
6069
6068
|
/** Icon style */
|
|
6070
|
-
weight?:
|
|
6069
|
+
weight?: Weight;
|
|
6071
6070
|
/** A Jss Object used to override or extend the styles applied to the component. */
|
|
6072
6071
|
classes?: HvStatusIconClasses;
|
|
6073
6072
|
}
|
|
@@ -10946,4 +10945,6 @@ export declare const warningTextClasses: {
|
|
|
10946
10945
|
topBorder: string;
|
|
10947
10946
|
};
|
|
10948
10947
|
|
|
10948
|
+
declare type Weight = "regular" | "duotone" | "fill";
|
|
10949
|
+
|
|
10949
10950
|
export { }
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hitachivantara/uikit-react-core",
|
|
3
|
-
"version": "5.106.
|
|
3
|
+
"version": "5.106.1",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "Hitachi Vantara UI Kit Team",
|
|
6
6
|
"description": "UI Kit Core React components.",
|
|
@@ -32,12 +32,11 @@
|
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"@emotion/cache": "^11.11.0",
|
|
34
34
|
"@emotion/serialize": "^1.1.2",
|
|
35
|
-
"@hitachivantara/uikit-react-shared": "^5.5.
|
|
36
|
-
"@hitachivantara/uikit-react-utils": "^0.2.
|
|
37
|
-
"@hitachivantara/uikit-styles": "^5.51.
|
|
35
|
+
"@hitachivantara/uikit-react-shared": "^5.5.6",
|
|
36
|
+
"@hitachivantara/uikit-react-utils": "^0.2.46",
|
|
37
|
+
"@hitachivantara/uikit-styles": "^5.51.1",
|
|
38
38
|
"@internationalized/date": "^3.2.0",
|
|
39
39
|
"@mui/base": "5.0.0-beta.68",
|
|
40
|
-
"@phosphor-icons/react": "^2.1.7",
|
|
41
40
|
"@popperjs/core": "^2.11.8",
|
|
42
41
|
"@react-aria/datepicker": "^3.9.0",
|
|
43
42
|
"@react-stately/datepicker": "^3.9.0",
|
|
@@ -62,7 +61,7 @@
|
|
|
62
61
|
"access": "public",
|
|
63
62
|
"directory": "package"
|
|
64
63
|
},
|
|
65
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "7d60bff02f58ff47ae19146532553882c2e4b732",
|
|
66
65
|
"exports": {
|
|
67
66
|
".": {
|
|
68
67
|
"types": "./dist/types/index.d.ts",
|