@hitachivantara/uikit-react-lab 5.46.2 → 5.46.4

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.
Files changed (12) hide show
  1. package/dist/cjs/Blade/Blade.styles.cjs +1 -1
  2. package/dist/cjs/Flow/Node/BaseNode.styles.cjs +1 -1
  3. package/dist/cjs/Flow/Node/Node.cjs +2 -2
  4. package/dist/cjs/Flow/hooks/useNode.cjs +3 -1
  5. package/dist/cjs/Wizard/WizardContent/WizardContent.cjs +1 -1
  6. package/dist/esm/Blade/Blade.styles.js +1 -1
  7. package/dist/esm/Flow/Node/BaseNode.styles.js +1 -1
  8. package/dist/esm/Flow/Node/Node.js +2 -2
  9. package/dist/esm/Flow/hooks/useNode.js +3 -1
  10. package/dist/esm/Wizard/WizardContent/WizardContent.js +1 -1
  11. package/dist/types/index.d.ts +13 -13
  12. package/package.json +6 -6
package/dist/cjs/Blade/Blade.styles.cjs CHANGED
@@ -13,7 +13,7 @@ const { staticClasses, useClasses } = uikitReactCore.createClasses("HvBlade", {
13
13
  transition: "flex-grow 600ms linear",
14
14
  zIndex: 0,
15
15
  color: uikitStyles.theme.colors.text,
16
- backgroundColor: uikitStyles.theme.colors.atmo1,
16
+ backgroundColor: uikitStyles.theme.colors.bgContainer,
17
17
  borderRadius: uikitStyles.theme.radii.round,
18
18
  border: `1px solid ${uikitStyles.theme.colors.border}`
19
19
  },
package/dist/cjs/Flow/Node/BaseNode.styles.cjs CHANGED
@@ -26,7 +26,7 @@ const { staticClasses, useClasses } = uikitReactCore.createClasses("HvFlowBaseNo
26
26
  "& svg *.color0": { fill: "var(--icon-color)" }
27
27
  },
28
28
  title: {
29
- color: uikitReactCore.theme.colors.base_dark
29
+ color: uikitReactCore.theme.colors.textDark
30
30
  },
31
31
  inputsTitleContainer: {
32
32
  display: "flex",
package/dist/cjs/Flow/Node/Node.cjs CHANGED
@@ -63,7 +63,7 @@ const HvFlowNode = ({
63
63
  classes,
64
64
  headerItems: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
65
65
  headerItems,
66
- description && /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvTooltip, { title: description, children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Info, { color: "base_dark" }) }),
66
+ description && /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvTooltip, { title: description, children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Info, { color: "textDark" }) }),
67
67
  hasParams && /* @__PURE__ */ jsxRuntime.jsx(
68
68
  uikitReactCore.HvButton,
69
69
  {
@@ -71,7 +71,7 @@ const HvFlowNode = ({
71
71
  onClick: () => setShowParams((p) => !p),
72
72
  "aria-label": showParams ? labels?.collapseLabel : labels?.expandLabel,
73
73
  ...expandParamsButtonProps,
74
- children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropDownXS, { rotate: showParams, color: "base_dark" })
74
+ children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropDownXS, { rotate: showParams, color: "textDark" })
75
75
  }
76
76
  )
77
77
  ] }),
package/dist/cjs/Flow/hooks/useNode.cjs CHANGED
@@ -44,7 +44,9 @@ function useHvNode(props) {
44
44
  const title = titleProp || nodeGroup?.label;
45
45
  const icon = iconProp || nodeGroup?.icon;
46
46
  const color = uikitStyles.getColor(colorProp || nodeGroup?.color);
47
- const iconColor = react.isValidElement(icon) ? uikitStyles.getColor(icon.props.color || "base_dark") : uikitStyles.getColor("base_dark");
47
+ const iconColor = uikitStyles.getColor(
48
+ react.isValidElement(icon) && icon.props.color || "textDark"
49
+ );
48
50
  const subtitle = subtitleProp || node?.data.nodeLabel;
49
51
  const [showActions, setShowActions] = react.useState(false);
50
52
  const toggleShowActions = react.useCallback(() => {
package/dist/cjs/Wizard/WizardContent/WizardContent.cjs CHANGED
@@ -50,7 +50,7 @@ const HvWizardContent = ({
50
50
  const initialContext = arrayChildren.reduce(
51
51
  (acc, child, index) => {
52
52
  const invalid = "mustValidate" in child.props && child.props.mustValidate === true ? false : null;
53
- const valid = invalid ?? (index === 0 || null);
53
+ const valid = invalid;
54
54
  acc[index] = { ...child.props, form: {}, valid, touched: index === 0 };
55
55
  return acc;
56
56
  },
package/dist/esm/Blade/Blade.styles.js CHANGED
@@ -11,7 +11,7 @@ const { staticClasses, useClasses } = createClasses("HvBlade", {
11
11
  transition: "flex-grow 600ms linear",
12
12
  zIndex: 0,
13
13
  color: theme.colors.text,
14
- backgroundColor: theme.colors.atmo1,
14
+ backgroundColor: theme.colors.bgContainer,
15
15
  borderRadius: theme.radii.round,
16
16
  border: `1px solid ${theme.colors.border}`
17
17
  },
package/dist/esm/Flow/Node/BaseNode.styles.js CHANGED
@@ -24,7 +24,7 @@ const { staticClasses, useClasses } = createClasses("HvFlowBaseNode", {
24
24
  "& svg *.color0": { fill: "var(--icon-color)" }
25
25
  },
26
26
  title: {
27
- color: theme.colors.base_dark
27
+ color: theme.colors.textDark
28
28
  },
29
29
  inputsTitleContainer: {
30
30
  display: "flex",
package/dist/esm/Flow/Node/Node.js CHANGED
@@ -62,7 +62,7 @@ const HvFlowNode = ({
62
62
  classes,
63
63
  headerItems: /* @__PURE__ */ jsxs(Fragment, { children: [
64
64
  headerItems,
65
- description && /* @__PURE__ */ jsx(HvTooltip, { title: description, children: /* @__PURE__ */ jsx(Info, { color: "base_dark" }) }),
65
+ description && /* @__PURE__ */ jsx(HvTooltip, { title: description, children: /* @__PURE__ */ jsx(Info, { color: "textDark" }) }),
66
66
  hasParams && /* @__PURE__ */ jsx(
67
67
  HvButton,
68
68
  {
@@ -70,7 +70,7 @@ const HvFlowNode = ({
70
70
  onClick: () => setShowParams((p) => !p),
71
71
  "aria-label": showParams ? labels?.collapseLabel : labels?.expandLabel,
72
72
  ...expandParamsButtonProps,
73
- children: /* @__PURE__ */ jsx(DropDownXS, { rotate: showParams, color: "base_dark" })
73
+ children: /* @__PURE__ */ jsx(DropDownXS, { rotate: showParams, color: "textDark" })
74
74
  }
75
75
  )
76
76
  ] }),
package/dist/esm/Flow/hooks/useNode.js CHANGED
@@ -42,7 +42,9 @@ function useHvNode(props) {
42
42
  const title = titleProp || nodeGroup?.label;
43
43
  const icon = iconProp || nodeGroup?.icon;
44
44
  const color = getColor(colorProp || nodeGroup?.color);
45
- const iconColor = isValidElement(icon) ? getColor(icon.props.color || "base_dark") : getColor("base_dark");
45
+ const iconColor = getColor(
46
+ isValidElement(icon) && icon.props.color || "textDark"
47
+ );
46
48
  const subtitle = subtitleProp || node?.data.nodeLabel;
47
49
  const [showActions, setShowActions] = useState(false);
48
50
  const toggleShowActions = useCallback(() => {
package/dist/esm/Wizard/WizardContent/WizardContent.js CHANGED
@@ -49,7 +49,7 @@ const HvWizardContent = ({
49
49
  const initialContext = arrayChildren.reduce(
50
50
  (acc, child, index) => {
51
51
  const invalid = "mustValidate" in child.props && child.props.mustValidate === true ? false : null;
52
- const valid = invalid ?? (index === 0 || null);
52
+ const valid = invalid;
53
53
  acc[index] = { ...child.props, form: {}, valid, touched: index === 0 };
54
54
  return acc;
55
55
  },
package/dist/types/index.d.ts CHANGED
@@ -146,12 +146,12 @@ export declare const flowMinimapClasses: {
146
146
 
147
147
  export declare const flowNodeClasses: {
148
148
  mandatory: string;
149
- root: string;
150
149
  title: string;
151
- footerContainer: string;
150
+ root: string;
152
151
  titleContainer: string;
153
152
  inputContainer: string;
154
153
  handle: string;
154
+ footerContainer: string;
155
155
  headerContainer: string;
156
156
  inputsTitleContainer: string;
157
157
  outputsTitleContainer: string;
@@ -336,13 +336,13 @@ export declare type HvDashboardNodeClasses = ExtractNames<typeof useClasses_9>;
336
336
 
337
337
  export declare const hvDashboardNodeClasses: {
338
338
  mandatory: string;
339
- root: string;
340
339
  title: string;
340
+ root: string;
341
341
  actions: string;
342
- footerContainer: string;
343
342
  titleContainer: string;
344
343
  inputContainer: string;
345
344
  handle: string;
345
+ footerContainer: string;
346
346
  headerContainer: string;
347
347
  inputsTitleContainer: string;
348
348
  outputsTitleContainer: string;
@@ -905,7 +905,7 @@ declare const useClasses: (classesProp?: Partial<Record<"container" | "button" |
905
905
  readonly cx: (...args: any) => string;
906
906
  };
907
907
 
908
- declare const useClasses_10: (classesProp?: Partial<Record<"separator" | "root" | "li" | "ol" | "titles", string>>, addStatic?: boolean) => {
908
+ declare const useClasses_10: (classesProp?: Partial<Record<"separator" | "li" | "ol" | "root" | "titles", string>>, addStatic?: boolean) => {
909
909
  readonly classes: {
910
910
  root: string;
911
911
  titles: string;
@@ -966,7 +966,7 @@ declare const useClasses_14: (classesProp?: Partial<Record<"root" | "messageCont
966
966
  readonly cx: (...args: any) => string;
967
967
  };
968
968
 
969
- declare const useClasses_15: (classesProp?: Partial<Record<"root" | "paper" | "closeButton", string>>, addStatic?: boolean) => {
969
+ declare const useClasses_15: (classesProp?: Partial<Record<"root" | "closeButton" | "paper", string>>, addStatic?: boolean) => {
970
970
  readonly classes: {
971
971
  root: string;
972
972
  paper: string;
@@ -1033,7 +1033,7 @@ declare const useClasses_6: (classesProp?: Partial<Record<"description" | "title
1033
1033
  readonly cx: (...args: any) => string;
1034
1034
  };
1035
1035
 
1036
- declare const useClasses_7: (classesProp?: Partial<Record<"mandatory" | "root" | "title" | "footerContainer" | "titleContainer" | "inputContainer" | "handle" | "headerContainer" | "inputsTitleContainer" | "outputsTitleContainer" | "contentContainer" | "inputsContainer" | "outputsContainer" | "inputGroupContainer" | "outputGroupContainer" | "outputContainer" | "handleConnected", string>>, addStatic?: boolean) => {
1036
+ declare const useClasses_7: (classesProp?: Partial<Record<"mandatory" | "title" | "root" | "titleContainer" | "inputContainer" | "handle" | "footerContainer" | "headerContainer" | "inputsTitleContainer" | "outputsTitleContainer" | "contentContainer" | "inputsContainer" | "outputsContainer" | "inputGroupContainer" | "outputGroupContainer" | "outputContainer" | "handleConnected", string>>, addStatic?: boolean) => {
1037
1037
  readonly classes: {
1038
1038
  root: string;
1039
1039
  headerContainer: string;
@@ -1057,15 +1057,15 @@ declare const useClasses_7: (classesProp?: Partial<Record<"mandatory" | "root" |
1057
1057
  readonly cx: (...args: any) => string;
1058
1058
  };
1059
1059
 
1060
- declare const useClasses_8: (classesProp?: Partial<Record<"mandatory" | "root" | "title" | "actions" | "footerContainer" | "titleContainer" | "inputContainer" | "handle" | "headerContainer" | "inputsTitleContainer" | "outputsTitleContainer" | "contentContainer" | "inputsContainer" | "outputsContainer" | "inputGroupContainer" | "outputGroupContainer" | "outputContainer" | "handleConnected" | "subtitle" | "subtitleContainer" | "inlineEditRoot" | "inlineEditButton" | "actionsButton" | "paramsContainer", string>>, addStatic?: boolean) => {
1060
+ declare const useClasses_8: (classesProp?: Partial<Record<"mandatory" | "title" | "root" | "actions" | "titleContainer" | "inputContainer" | "handle" | "footerContainer" | "headerContainer" | "inputsTitleContainer" | "outputsTitleContainer" | "contentContainer" | "inputsContainer" | "outputsContainer" | "inputGroupContainer" | "outputGroupContainer" | "outputContainer" | "handleConnected" | "subtitle" | "subtitleContainer" | "inlineEditRoot" | "inlineEditButton" | "actionsButton" | "paramsContainer", string>>, addStatic?: boolean) => {
1061
1061
  readonly classes: {
1062
1062
  mandatory: string;
1063
- root: string;
1064
1063
  title: string;
1065
- footerContainer: string;
1064
+ root: string;
1066
1065
  titleContainer: string;
1067
1066
  inputContainer: string;
1068
1067
  handle: string;
1068
+ footerContainer: string;
1069
1069
  headerContainer: string;
1070
1070
  inputsTitleContainer: string;
1071
1071
  outputsTitleContainer: string;
@@ -1088,16 +1088,16 @@ declare const useClasses_8: (classesProp?: Partial<Record<"mandatory" | "root" |
1088
1088
  readonly cx: (...args: any) => string;
1089
1089
  };
1090
1090
 
1091
- declare const useClasses_9: (classesProp?: Partial<Record<"mandatory" | "root" | "title" | "actions" | "empty" | "footerContainer" | "titleContainer" | "inputContainer" | "handle" | "headerContainer" | "inputsTitleContainer" | "outputsTitleContainer" | "contentContainer" | "inputsContainer" | "outputsContainer" | "inputGroupContainer" | "outputGroupContainer" | "outputContainer" | "handleConnected" | "subtitle" | "subtitleContainer" | "inlineEditRoot" | "inlineEditButton" | "actionsButton" | "paramsContainer", string>>, addStatic?: boolean) => {
1091
+ declare const useClasses_9: (classesProp?: Partial<Record<"mandatory" | "title" | "root" | "empty" | "actions" | "titleContainer" | "inputContainer" | "handle" | "footerContainer" | "headerContainer" | "inputsTitleContainer" | "outputsTitleContainer" | "contentContainer" | "inputsContainer" | "outputsContainer" | "inputGroupContainer" | "outputGroupContainer" | "outputContainer" | "handleConnected" | "subtitle" | "subtitleContainer" | "inlineEditRoot" | "inlineEditButton" | "actionsButton" | "paramsContainer", string>>, addStatic?: boolean) => {
1092
1092
  readonly classes: {
1093
1093
  mandatory: string;
1094
- root: string;
1095
1094
  title: string;
1095
+ root: string;
1096
1096
  actions: string;
1097
- footerContainer: string;
1098
1097
  titleContainer: string;
1099
1098
  inputContainer: string;
1100
1099
  handle: string;
1100
+ footerContainer: string;
1101
1101
  headerContainer: string;
1102
1102
  inputsTitleContainer: string;
1103
1103
  outputsTitleContainer: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hitachivantara/uikit-react-lab",
3
- "version": "5.46.2",
3
+ "version": "5.46.4",
4
4
  "private": false,
5
5
  "author": "Hitachi Vantara UI Kit Team",
6
6
  "description": "Contributed React components for the NEXT UI Kit.",
@@ -33,10 +33,10 @@
33
33
  "@dnd-kit/core": "^6.1.0",
34
34
  "@dnd-kit/modifiers": "^6.0.1",
35
35
  "@emotion/css": "^11.11.0",
36
- "@hitachivantara/uikit-react-core": "^5.100.0",
37
- "@hitachivantara/uikit-react-icons": "^5.16.3",
38
- "@hitachivantara/uikit-react-utils": "^0.2.43",
39
- "@hitachivantara/uikit-styles": "^5.50.1",
36
+ "@hitachivantara/uikit-react-core": "^5.101.0",
37
+ "@hitachivantara/uikit-react-icons": "^5.16.4",
38
+ "@hitachivantara/uikit-react-utils": "^0.2.44",
39
+ "@hitachivantara/uikit-styles": "^5.50.2",
40
40
  "@mui/base": "5.0.0-beta.68",
41
41
  "@types/react-grid-layout": "^1.3.5",
42
42
  "react-grid-layout": "^1.4.4",
@@ -52,7 +52,7 @@
52
52
  "access": "public",
53
53
  "directory": "package"
54
54
  },
55
- "gitHead": "8661e8a73c6ae39431fe12f6cc95e8eb282968e2",
55
+ "gitHead": "4637ba25b53d7cf451252d41564ce139318a7ccc",
56
56
  "exports": {
57
57
  ".": {
58
58
  "types": "./dist/types/index.d.ts",