@hitachivantara/uikit-react-core 5.108.1 → 5.109.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.
Files changed (14) hide show
  1. package/dist/cjs/CheckBox/CheckBox.cjs +2 -1
  2. package/dist/cjs/CheckBox/CheckBox.styles.cjs +10 -11
  3. package/dist/cjs/Radio/Radio.cjs +2 -2
  4. package/dist/cjs/Radio/Radio.styles.cjs +9 -11
  5. package/dist/cjs/index.cjs +1 -0
  6. package/dist/cjs/themes/index.cjs +3 -1
  7. package/dist/esm/CheckBox/CheckBox.js +2 -1
  8. package/dist/esm/CheckBox/CheckBox.styles.js +10 -11
  9. package/dist/esm/Radio/Radio.js +2 -2
  10. package/dist/esm/Radio/Radio.styles.js +9 -11
  11. package/dist/esm/index.js +2 -1
  12. package/dist/esm/themes/index.js +3 -1
  13. package/dist/types/index.d.ts +3 -0
  14. package/package.json +5 -5
package/dist/cjs/CheckBox/CheckBox.cjs CHANGED
@@ -139,6 +139,7 @@ const HvCheckBox = React.forwardRef(
139
139
  readOnly,
140
140
  className: cx(
141
141
  classes.root,
142
+ classes[labelPosition],
142
143
  { [classes.focusVisible]: !!(focusVisible && label) },
143
144
  className
144
145
  ),
@@ -146,7 +147,7 @@ const HvCheckBox = React.forwardRef(
146
147
  hasLabel ? /* @__PURE__ */ jsxRuntime.jsxs(
147
148
  "div",
148
149
  {
149
- className: cx(classes.container, classes[labelPosition], {
150
+ className: cx(classes.container, {
150
151
  [classes.invalidContainer]: isStateInvalid,
151
152
  [classes.disabled]: disabled
152
153
  }),
package/dist/cjs/CheckBox/CheckBox.styles.cjs CHANGED
@@ -16,13 +16,6 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvCheckBox"
16
16
  },
17
17
  ":where(:has($label)) $checkbox": {
18
18
  borderRadius: "inherit"
19
- },
20
- "&$left": {
21
- flexDirection: "row-reverse",
22
- justifyContent: "flex-end"
23
- },
24
- "&$right": {
25
- flexDirection: "row"
26
19
  }
27
20
  },
28
21
  invalidContainer: {},
@@ -40,18 +33,24 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvCheckBox"
40
33
  verticalAlign: "middle",
41
34
  ...uikitStyles.theme.typography.body,
42
35
  cursor: "pointer",
43
- lineHeight: "32px"
36
+ lineHeight: "32px",
37
+ flex: 1
44
38
  },
45
39
  checked: {},
46
40
  indeterminate: {},
47
41
  semantic: {},
48
42
  left: {
49
- "& .HvCheckBox-label": {
50
- paddingLeft: uikitStyles.theme.space.xs
43
+ "& $label": {
44
+ paddingLeft: uikitStyles.theme.space.xs,
45
+ textAlign: "right"
46
+ },
47
+ "& $container": {
48
+ flexDirection: "row-reverse"
49
+ // justifyContent: "flex-end",
51
50
  }
52
51
  },
53
52
  right: {
54
- "& .HvCheckBox-label": {
53
+ "& $label": {
55
54
  paddingRight: uikitStyles.theme.space.xs
56
55
  }
57
56
  }
package/dist/cjs/Radio/Radio.cjs CHANGED
@@ -110,12 +110,12 @@ const HvRadio = React.forwardRef(
110
110
  disabled,
111
111
  required,
112
112
  readOnly,
113
- className: cx(classes.root, className),
113
+ className: cx(classes.root, classes[labelPosition], className),
114
114
  children: [
115
115
  hasLabel ? /* @__PURE__ */ jsxRuntime.jsxs(
116
116
  "div",
117
117
  {
118
- className: cx(classes.container, classes[labelPosition], {
118
+ className: cx(classes.container, {
119
119
  [classes.focusVisible]: !!(focusVisible && label),
120
120
  [classes.semantic]: semantic,
121
121
  [classes.checked]: isChecked,
package/dist/cjs/Radio/Radio.styles.cjs CHANGED
@@ -16,13 +16,6 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvRadio", {
16
16
  },
17
17
  ":where(:has($label)) $radio": {
18
18
  borderRadius: "inherit"
19
- },
20
- "&$left": {
21
- flexDirection: "row-reverse",
22
- justifyContent: "flex-end"
23
- },
24
- "&$right": {
25
- flexDirection: "row"
26
19
  }
27
20
  },
28
21
  invalidContainer: {},
@@ -40,17 +33,22 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvRadio", {
40
33
  verticalAlign: "middle",
41
34
  ...uikitStyles.theme.typography.body,
42
35
  cursor: "pointer",
43
- lineHeight: "32px"
36
+ lineHeight: "32px",
37
+ flex: 1
44
38
  },
45
39
  checked: {},
46
40
  semantic: {},
47
41
  left: {
48
- "& .HvRadio-label": {
49
- paddingLeft: uikitStyles.theme.space.xs
42
+ "& $label": {
43
+ paddingLeft: uikitStyles.theme.space.xs,
44
+ textAlign: "right"
45
+ },
46
+ "& $container": {
47
+ flexDirection: "row-reverse"
50
48
  }
51
49
  },
52
50
  right: {
53
- "& .HvRadio-label": {
51
+ "& $label": {
54
52
  paddingRight: uikitStyles.theme.space.xs
55
53
  }
56
54
  }
package/dist/cjs/index.cjs CHANGED
@@ -333,6 +333,7 @@ Object.defineProperty(exports, "useTheme", {
333
333
  enumerable: true,
334
334
  get: () => uikitReactUtils.useTheme
335
335
  });
336
+ exports.pentaho = index.pentaho;
336
337
  exports.themes = index.themes;
337
338
  exports.HvFormElement = FormElement.HvFormElement;
338
339
  exports.useClickOutside = useClickOutside.useClickOutside;
package/dist/cjs/themes/index.cjs CHANGED
@@ -3,8 +3,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const ds3 = require("./ds3.cjs");
4
4
  const ds5 = require("./ds5.cjs");
5
5
  const pentahoPlus = require("./pentahoPlus.cjs");
6
- const themes = { ds3: ds3.ds3, ds5: ds5.ds5, pentahoPlus: pentahoPlus.pentahoPlus };
6
+ const pentaho = pentahoPlus.pentahoPlus;
7
+ const themes = { ds3: ds3.ds3, ds5: ds5.ds5, pentahoPlus: pentahoPlus.pentahoPlus, pentaho };
7
8
  exports.ds3 = ds3.ds3;
8
9
  exports.ds5 = ds5.ds5;
9
10
  exports.pentahoPlus = pentahoPlus.pentahoPlus;
11
+ exports.pentaho = pentaho;
10
12
  exports.themes = themes;
package/dist/esm/CheckBox/CheckBox.js CHANGED
@@ -138,6 +138,7 @@ const HvCheckBox = forwardRef(
138
138
  readOnly,
139
139
  className: cx(
140
140
  classes.root,
141
+ classes[labelPosition],
141
142
  { [classes.focusVisible]: !!(focusVisible && label) },
142
143
  className
143
144
  ),
@@ -145,7 +146,7 @@ const HvCheckBox = forwardRef(
145
146
  hasLabel ? /* @__PURE__ */ jsxs(
146
147
  "div",
147
148
  {
148
- className: cx(classes.container, classes[labelPosition], {
149
+ className: cx(classes.container, {
149
150
  [classes.invalidContainer]: isStateInvalid,
150
151
  [classes.disabled]: disabled
151
152
  }),
package/dist/esm/CheckBox/CheckBox.styles.js CHANGED
@@ -14,13 +14,6 @@ const { staticClasses, useClasses } = createClasses("HvCheckBox", {
14
14
  },
15
15
  ":where(:has($label)) $checkbox": {
16
16
  borderRadius: "inherit"
17
- },
18
- "&$left": {
19
- flexDirection: "row-reverse",
20
- justifyContent: "flex-end"
21
- },
22
- "&$right": {
23
- flexDirection: "row"
24
17
  }
25
18
  },
26
19
  invalidContainer: {},
@@ -38,18 +31,24 @@ const { staticClasses, useClasses } = createClasses("HvCheckBox", {
38
31
  verticalAlign: "middle",
39
32
  ...theme.typography.body,
40
33
  cursor: "pointer",
41
- lineHeight: "32px"
34
+ lineHeight: "32px",
35
+ flex: 1
42
36
  },
43
37
  checked: {},
44
38
  indeterminate: {},
45
39
  semantic: {},
46
40
  left: {
47
- "& .HvCheckBox-label": {
48
- paddingLeft: theme.space.xs
41
+ "& $label": {
42
+ paddingLeft: theme.space.xs,
43
+ textAlign: "right"
44
+ },
45
+ "& $container": {
46
+ flexDirection: "row-reverse"
47
+ // justifyContent: "flex-end",
49
48
  }
50
49
  },
51
50
  right: {
52
- "& .HvCheckBox-label": {
51
+ "& $label": {
53
52
  paddingRight: theme.space.xs
54
53
  }
55
54
  }
package/dist/esm/Radio/Radio.js CHANGED
@@ -109,12 +109,12 @@ const HvRadio = forwardRef(
109
109
  disabled,
110
110
  required,
111
111
  readOnly,
112
- className: cx(classes.root, className),
112
+ className: cx(classes.root, classes[labelPosition], className),
113
113
  children: [
114
114
  hasLabel ? /* @__PURE__ */ jsxs(
115
115
  "div",
116
116
  {
117
- className: cx(classes.container, classes[labelPosition], {
117
+ className: cx(classes.container, {
118
118
  [classes.focusVisible]: !!(focusVisible && label),
119
119
  [classes.semantic]: semantic,
120
120
  [classes.checked]: isChecked,
package/dist/esm/Radio/Radio.styles.js CHANGED
@@ -14,13 +14,6 @@ const { staticClasses, useClasses } = createClasses("HvRadio", {
14
14
  },
15
15
  ":where(:has($label)) $radio": {
16
16
  borderRadius: "inherit"
17
- },
18
- "&$left": {
19
- flexDirection: "row-reverse",
20
- justifyContent: "flex-end"
21
- },
22
- "&$right": {
23
- flexDirection: "row"
24
17
  }
25
18
  },
26
19
  invalidContainer: {},
@@ -38,17 +31,22 @@ const { staticClasses, useClasses } = createClasses("HvRadio", {
38
31
  verticalAlign: "middle",
39
32
  ...theme.typography.body,
40
33
  cursor: "pointer",
41
- lineHeight: "32px"
34
+ lineHeight: "32px",
35
+ flex: 1
42
36
  },
43
37
  checked: {},
44
38
  semantic: {},
45
39
  left: {
46
- "& .HvRadio-label": {
47
- paddingLeft: theme.space.xs
40
+ "& $label": {
41
+ paddingLeft: theme.space.xs,
42
+ textAlign: "right"
43
+ },
44
+ "& $container": {
45
+ flexDirection: "row-reverse"
48
46
  }
49
47
  },
50
48
  right: {
51
- "& .HvRadio-label": {
49
+ "& $label": {
52
50
  paddingRight: theme.space.xs
53
51
  }
54
52
  }
package/dist/esm/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { theme } from "@hitachivantara/uikit-styles";
2
2
  import { createClasses, useCss, useDefaultProps, useTheme } from "@hitachivantara/uikit-react-utils";
3
- import { themes } from "./themes/index.js";
3
+ import { pentaho, themes } from "./themes/index.js";
4
4
  import { HvFormElement } from "./FormElement/FormElement.js";
5
5
  import { useClickOutside } from "./hooks/useClickOutside.js";
6
6
  import { useComputation } from "./hooks/useComputation.js";
@@ -570,6 +570,7 @@ export {
570
570
  staticClasses77 as overflowTooltipClasses,
571
571
  staticClasses78 as paginationClasses,
572
572
  staticClasses79 as panelClasses,
573
+ pentaho,
573
574
  pentahoPlus,
574
575
  processThemes,
575
576
  staticClasses80 as progressBarClasses,
package/dist/esm/themes/index.js CHANGED
@@ -1,10 +1,12 @@
1
1
  import { ds3 } from "./ds3.js";
2
2
  import { ds5 } from "./ds5.js";
3
3
  import { pentahoPlus } from "./pentahoPlus.js";
4
- const themes = { ds3, ds5, pentahoPlus };
4
+ const pentaho = pentahoPlus;
5
+ const themes = { ds3, ds5, pentahoPlus, pentaho };
5
6
  export {
6
7
  ds3,
7
8
  ds5,
9
+ pentaho,
8
10
  pentahoPlus,
9
11
  themes
10
12
  };
package/dist/types/index.d.ts CHANGED
@@ -7785,6 +7785,8 @@ export declare const panelClasses: {
7785
7785
  root: string;
7786
7786
  };
7787
7787
 
7788
+ export declare const pentaho: HvThemeStructure<string>;
7789
+
7788
7790
  export declare const pentahoPlus: HvThemeStructure<string>;
7789
7791
 
7790
7792
  declare type PolymorphicComponent<C extends React.ElementType, Props = {}> = React.PropsWithChildren<Props & AsProp<C>> & FixComponentProps<Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>>;
@@ -8286,6 +8288,7 @@ export declare const themes: {
8286
8288
  ds3: HvThemeStructure<string>;
8287
8289
  ds5: HvThemeStructure<string>;
8288
8290
  pentahoPlus: HvThemeStructure<string>;
8291
+ pentaho: HvThemeStructure<string>;
8289
8292
  };
8290
8293
 
8291
8294
  export declare const timeAgoClasses: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hitachivantara/uikit-react-core",
3
- "version": "5.108.1",
3
+ "version": "5.109.1",
4
4
  "private": false,
5
5
  "author": "Hitachi Vantara UI Kit Team",
6
6
  "description": "UI Kit Core React components.",
@@ -32,9 +32,9 @@
32
32
  "dependencies": {
33
33
  "@emotion/cache": "^11.11.0",
34
34
  "@emotion/serialize": "^1.1.2",
35
- "@hitachivantara/uikit-react-shared": "^5.5.8",
36
- "@hitachivantara/uikit-react-utils": "^0.2.48",
37
- "@hitachivantara/uikit-styles": "^5.53.0",
35
+ "@hitachivantara/uikit-react-shared": "^5.5.9",
36
+ "@hitachivantara/uikit-react-utils": "^0.2.50",
37
+ "@hitachivantara/uikit-styles": "^5.54.0",
38
38
  "@internationalized/date": "^3.2.0",
39
39
  "@mui/base": "5.0.0-beta.68",
40
40
  "@popperjs/core": "^2.11.8",
@@ -61,7 +61,7 @@
61
61
  "access": "public",
62
62
  "directory": "package"
63
63
  },
64
- "gitHead": "56ce37eb93012ec3cfc42d95912896cad5a912c3",
64
+ "gitHead": "73670d30564b1022bf9c620da204eec182e8bd4b",
65
65
  "exports": {
66
66
  ".": {
67
67
  "types": "./dist/types/index.d.ts",