@hitachivantara/uikit-react-viz 5.16.2 → 5.16.3

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 (11) hide show
  1. package/dist/cjs/Boxplot/Boxplot.styles.cjs +2 -2
  2. package/dist/cjs/ConfusionMatrix/ConfusionMatrix.styles.cjs +2 -2
  3. package/dist/cjs/Heatmap/Heatmap.styles.cjs +2 -2
  4. package/dist/cjs/hooks/tooltip/styles.cjs +8 -8
  5. package/dist/cjs/utils/registerTheme.cjs +10 -10
  6. package/dist/esm/Boxplot/Boxplot.styles.js +2 -2
  7. package/dist/esm/ConfusionMatrix/ConfusionMatrix.styles.js +2 -2
  8. package/dist/esm/Heatmap/Heatmap.styles.js +2 -2
  9. package/dist/esm/hooks/tooltip/styles.js +8 -8
  10. package/dist/esm/utils/registerTheme.js +10 -10
  11. package/package.json +4 -4
package/dist/cjs/Boxplot/Boxplot.styles.cjs CHANGED
@@ -4,7 +4,7 @@ const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
4
4
  const uikitStyles = require("@hitachivantara/uikit-styles");
5
5
  const { useClasses, staticClasses } = uikitReactUtils.createClasses("HvBoxplot", {
6
6
  tooltipRoot: {
7
- backgroundColor: uikitStyles.theme.colors.atmo1,
7
+ backgroundColor: uikitStyles.theme.colors.bgContainer,
8
8
  width: "fit-content",
9
9
  minWidth: 150,
10
10
  boxShadow: uikitStyles.theme.colors.shadow,
@@ -19,7 +19,7 @@ const { useClasses, staticClasses } = uikitReactUtils.createClasses("HvBoxplot",
19
19
  fontFamily: uikitStyles.theme.fontFamily.body,
20
20
  fontWeight: uikitStyles.theme.fontWeights.normal,
21
21
  fontSize: uikitStyles.theme.fontSizes.sm,
22
- color: uikitStyles.theme.colors.secondary
22
+ color: uikitStyles.theme.colors.text
23
23
  }
24
24
  });
25
25
  exports.staticClasses = staticClasses;
package/dist/cjs/ConfusionMatrix/ConfusionMatrix.styles.cjs CHANGED
@@ -6,7 +6,7 @@ const { useClasses, staticClasses } = uikitReactUtils.createClasses(
6
6
  "HvConfusionMatrix",
7
7
  {
8
8
  tooltipRoot: {
9
- backgroundColor: uikitStyles.theme.colors.atmo1,
9
+ backgroundColor: uikitStyles.theme.colors.bgContainer,
10
10
  width: "fit-content",
11
11
  minWidth: 150,
12
12
  boxShadow: uikitStyles.theme.colors.shadow,
@@ -21,7 +21,7 @@ const { useClasses, staticClasses } = uikitReactUtils.createClasses(
21
21
  fontFamily: uikitStyles.theme.fontFamily.body,
22
22
  fontWeight: uikitStyles.theme.fontWeights.normal,
23
23
  fontSize: uikitStyles.theme.fontSizes.sm,
24
- color: uikitStyles.theme.colors.secondary
24
+ color: uikitStyles.theme.colors.text
25
25
  }
26
26
  }
27
27
  );
package/dist/cjs/Heatmap/Heatmap.styles.cjs CHANGED
@@ -4,7 +4,7 @@ const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
4
4
  const uikitStyles = require("@hitachivantara/uikit-styles");
5
5
  const { useClasses, staticClasses } = uikitReactUtils.createClasses("HvHeatmap", {
6
6
  tooltipRoot: {
7
- backgroundColor: uikitStyles.theme.colors.atmo1,
7
+ backgroundColor: uikitStyles.theme.colors.bgContainer,
8
8
  width: "fit-content",
9
9
  minWidth: 150,
10
10
  boxShadow: uikitStyles.theme.colors.shadow,
@@ -19,7 +19,7 @@ const { useClasses, staticClasses } = uikitReactUtils.createClasses("HvHeatmap",
19
19
  fontFamily: uikitStyles.theme.fontFamily.body,
20
20
  fontWeight: uikitStyles.theme.fontWeights.normal,
21
21
  fontSize: uikitStyles.theme.fontSizes.sm,
22
- color: uikitStyles.theme.colors.secondary
22
+ color: uikitStyles.theme.colors.text
23
23
  }
24
24
  });
25
25
  exports.staticClasses = staticClasses;
package/dist/cjs/hooks/tooltip/styles.cjs CHANGED
@@ -7,7 +7,7 @@ const { useClasses, staticClasses } = uikitReactUtils.createClasses("HvChartTool
7
7
  singleTooltipRoot: {
8
8
  width: "fit-content",
9
9
  boxShadow: uikitStyles.theme.colors.shadow,
10
- backgroundColor: uikitStyles.theme.colors.atmo1,
10
+ backgroundColor: uikitStyles.theme.colors.bgContainer,
11
11
  padding: uikitStyles.theme.space.sm,
12
12
  display: "flex"
13
13
  },
@@ -15,30 +15,30 @@ const { useClasses, staticClasses } = uikitReactUtils.createClasses("HvChartTool
15
15
  fontFamily: uikitStyles.theme.fontFamily.body,
16
16
  fontWeight: uikitStyles.theme.fontWeights.semibold,
17
17
  fontSize: uikitStyles.theme.fontSizes.sm,
18
- color: uikitStyles.theme.colors.secondary
18
+ color: uikitStyles.theme.colors.text
19
19
  },
20
20
  singleTooltipValue: {
21
21
  fontFamily: uikitStyles.theme.fontFamily.body,
22
22
  fontWeight: uikitStyles.theme.fontWeights.normal,
23
23
  fontSize: uikitStyles.theme.fontSizes.sm,
24
- color: uikitStyles.theme.colors.secondary,
24
+ color: uikitStyles.theme.colors.text,
25
25
  marginLeft: uikitStyles.theme.space.xs
26
26
  },
27
27
  /** Multiple tooltip styles */
28
28
  multipleTooltipRoot: {
29
29
  width: "fit-content",
30
30
  boxShadow: uikitStyles.theme.colors.shadow,
31
- backgroundColor: uikitStyles.theme.colors.atmo1
31
+ backgroundColor: uikitStyles.theme.colors.bgContainer
32
32
  },
33
33
  multipleTooltipTitleContainer: {
34
34
  padding: `15px ${uikitStyles.theme.space.sm}`,
35
- borderBottom: `3px solid ${uikitStyles.theme.colors.atmo2}`
35
+ borderBottom: `3px solid ${uikitStyles.theme.colors.bgPage}`
36
36
  },
37
37
  multipleTooltipTitle: {
38
38
  fontFamily: uikitStyles.theme.fontFamily.body,
39
39
  fontWeight: uikitStyles.theme.fontWeights.semibold,
40
40
  fontSize: uikitStyles.theme.fontSizes.sm,
41
- color: uikitStyles.theme.colors.secondary
41
+ color: uikitStyles.theme.colors.text
42
42
  },
43
43
  multipleTooltipValuesContainer: {
44
44
  display: "flex",
@@ -67,13 +67,13 @@ const { useClasses, staticClasses } = uikitReactUtils.createClasses("HvChartTool
67
67
  fontFamily: uikitStyles.theme.fontFamily.body,
68
68
  fontWeight: uikitStyles.theme.fontWeights.semibold,
69
69
  fontSize: uikitStyles.theme.fontSizes.sm,
70
- color: uikitStyles.theme.colors.secondary
70
+ color: uikitStyles.theme.colors.text
71
71
  },
72
72
  multipleTooltipSeriesValue: {
73
73
  fontFamily: uikitStyles.theme.fontFamily.body,
74
74
  fontWeight: uikitStyles.theme.fontWeights.normal,
75
75
  fontSize: uikitStyles.theme.fontSizes.sm,
76
- color: uikitStyles.theme.colors.secondary
76
+ color: uikitStyles.theme.colors.text
77
77
  }
78
78
  });
79
79
  exports.staticClasses = staticClasses;
package/dist/cjs/utils/registerTheme.cjs CHANGED
@@ -23,7 +23,7 @@ const registerTheme = (themeName, mode, themeStructure) => {
23
23
  const colors = themeStructure?.colors.modes[mode];
24
24
  if (!colors) return;
25
25
  const baseText = {
26
- color: colors?.secondary,
26
+ color: colors?.text,
27
27
  fontWeight: themeStructure?.fontWeights.normal,
28
28
  fontSize: themeStructure?.fontSizes.sm,
29
29
  fontFamily: themeStructure?.fontFamily.body
@@ -31,22 +31,22 @@ const registerTheme = (themeName, mode, themeStructure) => {
31
31
  const customAxis = {
32
32
  nameTextStyle: {
33
33
  ...baseText,
34
- color: colors?.secondary_80
34
+ color: colors?.textSubtle
35
35
  },
36
36
  axisLine: {
37
37
  show: true,
38
38
  lineStyle: {
39
- color: colors?.atmo3
39
+ color: colors?.borderSubtle
40
40
  }
41
41
  },
42
42
  axisTick: {
43
43
  show: true,
44
44
  lineStyle: {
45
- color: colors?.atmo3
45
+ color: colors?.borderSubtle
46
46
  }
47
47
  },
48
48
  axisLabel: {
49
- color: colors?.secondary_80,
49
+ color: colors?.textSubtle,
50
50
  fontWeight: themeStructure?.fontWeights.normal,
51
51
  fontSize: themeStructure?.fontSizes.sm,
52
52
  fontFamily: themeStructure?.fontFamily.body
@@ -54,7 +54,7 @@ const registerTheme = (themeName, mode, themeStructure) => {
54
54
  splitLine: {
55
55
  show: true,
56
56
  lineStyle: {
57
- color: colors?.atmo3
57
+ color: colors?.borderSubtle
58
58
  }
59
59
  }
60
60
  };
@@ -86,7 +86,7 @@ const registerTheme = (themeName, mode, themeStructure) => {
86
86
  },
87
87
  axisPointer: {
88
88
  lineStyle: {
89
- color: colors?.secondary,
89
+ color: colors?.text,
90
90
  width: 1
91
91
  }
92
92
  }
@@ -123,16 +123,16 @@ const registerTheme = (themeName, mode, themeStructure) => {
123
123
  fontFamily: baseText.fontFamily
124
124
  },
125
125
  itemStyle: {
126
- borderColor: colors?.atmo3,
126
+ borderColor: colors?.borderSubtle,
127
127
  borderWidth: 1
128
128
  }
129
129
  },
130
130
  treemap: {
131
131
  breadcrumb: {
132
132
  itemStyle: {
133
- color: colors?.secondary,
133
+ color: colors?.text,
134
134
  textStyle: {
135
- color: colors?.atmo1
135
+ color: colors?.bgContainer
136
136
  }
137
137
  }
138
138
  }
package/dist/esm/Boxplot/Boxplot.styles.js CHANGED
@@ -2,7 +2,7 @@ import { createClasses } from "@hitachivantara/uikit-react-utils";
2
2
  import { theme } from "@hitachivantara/uikit-styles";
3
3
  const { useClasses, staticClasses } = createClasses("HvBoxplot", {
4
4
  tooltipRoot: {
5
- backgroundColor: theme.colors.atmo1,
5
+ backgroundColor: theme.colors.bgContainer,
6
6
  width: "fit-content",
7
7
  minWidth: 150,
8
8
  boxShadow: theme.colors.shadow,
@@ -17,7 +17,7 @@ const { useClasses, staticClasses } = createClasses("HvBoxplot", {
17
17
  fontFamily: theme.fontFamily.body,
18
18
  fontWeight: theme.fontWeights.normal,
19
19
  fontSize: theme.fontSizes.sm,
20
- color: theme.colors.secondary
20
+ color: theme.colors.text
21
21
  }
22
22
  });
23
23
  export {
package/dist/esm/ConfusionMatrix/ConfusionMatrix.styles.js CHANGED
@@ -4,7 +4,7 @@ const { useClasses, staticClasses } = createClasses(
4
4
  "HvConfusionMatrix",
5
5
  {
6
6
  tooltipRoot: {
7
- backgroundColor: theme.colors.atmo1,
7
+ backgroundColor: theme.colors.bgContainer,
8
8
  width: "fit-content",
9
9
  minWidth: 150,
10
10
  boxShadow: theme.colors.shadow,
@@ -19,7 +19,7 @@ const { useClasses, staticClasses } = createClasses(
19
19
  fontFamily: theme.fontFamily.body,
20
20
  fontWeight: theme.fontWeights.normal,
21
21
  fontSize: theme.fontSizes.sm,
22
- color: theme.colors.secondary
22
+ color: theme.colors.text
23
23
  }
24
24
  }
25
25
  );
package/dist/esm/Heatmap/Heatmap.styles.js CHANGED
@@ -2,7 +2,7 @@ import { createClasses } from "@hitachivantara/uikit-react-utils";
2
2
  import { theme } from "@hitachivantara/uikit-styles";
3
3
  const { useClasses, staticClasses } = createClasses("HvHeatmap", {
4
4
  tooltipRoot: {
5
- backgroundColor: theme.colors.atmo1,
5
+ backgroundColor: theme.colors.bgContainer,
6
6
  width: "fit-content",
7
7
  minWidth: 150,
8
8
  boxShadow: theme.colors.shadow,
@@ -17,7 +17,7 @@ const { useClasses, staticClasses } = createClasses("HvHeatmap", {
17
17
  fontFamily: theme.fontFamily.body,
18
18
  fontWeight: theme.fontWeights.normal,
19
19
  fontSize: theme.fontSizes.sm,
20
- color: theme.colors.secondary
20
+ color: theme.colors.text
21
21
  }
22
22
  });
23
23
  export {
package/dist/esm/hooks/tooltip/styles.js CHANGED
@@ -5,7 +5,7 @@ const { useClasses, staticClasses } = createClasses("HvChartTooltip", {
5
5
  singleTooltipRoot: {
6
6
  width: "fit-content",
7
7
  boxShadow: theme.colors.shadow,
8
- backgroundColor: theme.colors.atmo1,
8
+ backgroundColor: theme.colors.bgContainer,
9
9
  padding: theme.space.sm,
10
10
  display: "flex"
11
11
  },
@@ -13,30 +13,30 @@ const { useClasses, staticClasses } = createClasses("HvChartTooltip", {
13
13
  fontFamily: theme.fontFamily.body,
14
14
  fontWeight: theme.fontWeights.semibold,
15
15
  fontSize: theme.fontSizes.sm,
16
- color: theme.colors.secondary
16
+ color: theme.colors.text
17
17
  },
18
18
  singleTooltipValue: {
19
19
  fontFamily: theme.fontFamily.body,
20
20
  fontWeight: theme.fontWeights.normal,
21
21
  fontSize: theme.fontSizes.sm,
22
- color: theme.colors.secondary,
22
+ color: theme.colors.text,
23
23
  marginLeft: theme.space.xs
24
24
  },
25
25
  /** Multiple tooltip styles */
26
26
  multipleTooltipRoot: {
27
27
  width: "fit-content",
28
28
  boxShadow: theme.colors.shadow,
29
- backgroundColor: theme.colors.atmo1
29
+ backgroundColor: theme.colors.bgContainer
30
30
  },
31
31
  multipleTooltipTitleContainer: {
32
32
  padding: `15px ${theme.space.sm}`,
33
- borderBottom: `3px solid ${theme.colors.atmo2}`
33
+ borderBottom: `3px solid ${theme.colors.bgPage}`
34
34
  },
35
35
  multipleTooltipTitle: {
36
36
  fontFamily: theme.fontFamily.body,
37
37
  fontWeight: theme.fontWeights.semibold,
38
38
  fontSize: theme.fontSizes.sm,
39
- color: theme.colors.secondary
39
+ color: theme.colors.text
40
40
  },
41
41
  multipleTooltipValuesContainer: {
42
42
  display: "flex",
@@ -65,13 +65,13 @@ const { useClasses, staticClasses } = createClasses("HvChartTooltip", {
65
65
  fontFamily: theme.fontFamily.body,
66
66
  fontWeight: theme.fontWeights.semibold,
67
67
  fontSize: theme.fontSizes.sm,
68
- color: theme.colors.secondary
68
+ color: theme.colors.text
69
69
  },
70
70
  multipleTooltipSeriesValue: {
71
71
  fontFamily: theme.fontFamily.body,
72
72
  fontWeight: theme.fontWeights.normal,
73
73
  fontSize: theme.fontSizes.sm,
74
- color: theme.colors.secondary
74
+ color: theme.colors.text
75
75
  }
76
76
  });
77
77
  export {
package/dist/esm/utils/registerTheme.js CHANGED
@@ -3,7 +3,7 @@ const registerTheme = (themeName, mode, themeStructure) => {
3
3
  const colors = themeStructure?.colors.modes[mode];
4
4
  if (!colors) return;
5
5
  const baseText = {
6
- color: colors?.secondary,
6
+ color: colors?.text,
7
7
  fontWeight: themeStructure?.fontWeights.normal,
8
8
  fontSize: themeStructure?.fontSizes.sm,
9
9
  fontFamily: themeStructure?.fontFamily.body
@@ -11,22 +11,22 @@ const registerTheme = (themeName, mode, themeStructure) => {
11
11
  const customAxis = {
12
12
  nameTextStyle: {
13
13
  ...baseText,
14
- color: colors?.secondary_80
14
+ color: colors?.textSubtle
15
15
  },
16
16
  axisLine: {
17
17
  show: true,
18
18
  lineStyle: {
19
- color: colors?.atmo3
19
+ color: colors?.borderSubtle
20
20
  }
21
21
  },
22
22
  axisTick: {
23
23
  show: true,
24
24
  lineStyle: {
25
- color: colors?.atmo3
25
+ color: colors?.borderSubtle
26
26
  }
27
27
  },
28
28
  axisLabel: {
29
- color: colors?.secondary_80,
29
+ color: colors?.textSubtle,
30
30
  fontWeight: themeStructure?.fontWeights.normal,
31
31
  fontSize: themeStructure?.fontSizes.sm,
32
32
  fontFamily: themeStructure?.fontFamily.body
@@ -34,7 +34,7 @@ const registerTheme = (themeName, mode, themeStructure) => {
34
34
  splitLine: {
35
35
  show: true,
36
36
  lineStyle: {
37
- color: colors?.atmo3
37
+ color: colors?.borderSubtle
38
38
  }
39
39
  }
40
40
  };
@@ -66,7 +66,7 @@ const registerTheme = (themeName, mode, themeStructure) => {
66
66
  },
67
67
  axisPointer: {
68
68
  lineStyle: {
69
- color: colors?.secondary,
69
+ color: colors?.text,
70
70
  width: 1
71
71
  }
72
72
  }
@@ -103,16 +103,16 @@ const registerTheme = (themeName, mode, themeStructure) => {
103
103
  fontFamily: baseText.fontFamily
104
104
  },
105
105
  itemStyle: {
106
- borderColor: colors?.atmo3,
106
+ borderColor: colors?.borderSubtle,
107
107
  borderWidth: 1
108
108
  }
109
109
  },
110
110
  treemap: {
111
111
  breadcrumb: {
112
112
  itemStyle: {
113
- color: colors?.secondary,
113
+ color: colors?.text,
114
114
  textStyle: {
115
- color: colors?.atmo1
115
+ color: colors?.bgContainer
116
116
  }
117
117
  }
118
118
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hitachivantara/uikit-react-viz",
3
- "version": "5.16.2",
3
+ "version": "5.16.3",
4
4
  "private": false,
5
5
  "author": "Hitachi Vantara UI Kit Team",
6
6
  "description": "Contributed React visualization components for the NEXT UI Kit.",
@@ -33,8 +33,8 @@
33
33
  "react-dom": ">=17.0.0"
34
34
  },
35
35
  "dependencies": {
36
- "@hitachivantara/uikit-react-utils": "^0.2.42",
37
- "@hitachivantara/uikit-styles": "^5.50.0"
36
+ "@hitachivantara/uikit-react-utils": "^0.2.43",
37
+ "@hitachivantara/uikit-styles": "^5.50.1"
38
38
  },
39
39
  "files": [
40
40
  "dist"
@@ -43,7 +43,7 @@
43
43
  "access": "public",
44
44
  "directory": "package"
45
45
  },
46
- "gitHead": "ac709f3b46b8b62ea3fccfa689983b5a9b72c4ec",
46
+ "gitHead": "581850c6252b29a8cd9820a6e87b2df89830155f",
47
47
  "exports": {
48
48
  ".": {
49
49
  "types": "./dist/types/index.d.ts",