@hitachivantara/uikit-react-core 5.102.0 → 5.103.0

package/dist/cjs/Card/Content/Content.styles.cjs

@@ -4,10 +4,7 @@ const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvCardContent", {
   content: {
-    padding: `0 ${uikitStyles.theme.space.sm} 15px ${uikitStyles.theme.space.sm}`,
-    "&:last-child": {
-      paddingBottom: uikitStyles.theme.space.sm
-    }
+    padding: uikitStyles.theme.space.sm
   }
 });
 exports.staticClasses = staticClasses;

package/dist/cjs/Card/Header/Header.styles.cjs

@@ -5,7 +5,7 @@ const uikitStyles = require("@hitachivantara/uikit-styles");
 const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvCardHeader", {
   root: {
     position: "relative",
-    padding: uikitStyles.theme.spacing("12px", "xs", "sm", "sm"),
+    padding: uikitStyles.theme.spacing("xs", "sm"),
     gap: uikitStyles.theme.space.xs,
     alignItems: "center",
     display: "flex"

package/dist/cjs/CheckBox/CheckBox.cjs

@@ -25,6 +25,7 @@ const HvCheckBox = React.forwardRef(
       statusMessage,
       label,
       labelProps,
+      labelPosition = "right",
       inputProps,
       value = "on",
       required,
@@ -145,7 +146,7 @@ const HvCheckBox = React.forwardRef(
           hasLabel ? /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
-              className: cx(classes.container, {
+              className: cx(classes.container, classes[labelPosition], {
                 [classes.invalidContainer]: isStateInvalid,
                 [classes.disabled]: disabled
               }),

package/dist/cjs/CheckBox/CheckBox.styles.cjs

@@ -16,6 +16,13 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvCheckBox"
     },
     ":where(:has($label)) $checkbox": {
       borderRadius: "inherit"
+    },
+    "&$left": {
+      flexDirection: "row-reverse",
+      justifyContent: "flex-end"
+    },
+    "&$right": {
+      flexDirection: "row"
     }
   },
   invalidContainer: {},
@@ -31,15 +38,23 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvCheckBox"
   invalidCheckbox: {},
   label: {
     verticalAlign: "middle",
-    paddingRight: uikitStyles.theme.space.xs,
     ...uikitStyles.theme.typography.body,
     cursor: "pointer",
-    lineHeight: "32px",
-    width: "100%"
+    lineHeight: "32px"
   },
   checked: {},
   indeterminate: {},
-  semantic: {}
+  semantic: {},
+  left: {
+    "& .HvCheckBox-label": {
+      paddingLeft: uikitStyles.theme.space.xs
+    }
+  },
+  right: {
+    "& .HvCheckBox-label": {
+      paddingRight: uikitStyles.theme.space.xs
+    }
+  }
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;

package/dist/cjs/Input/Input.cjs

@@ -198,7 +198,7 @@ const HvInput = generic.fixedForwardRef(function HvInput2(props, ref) {
     if (eventTargetIsInsideContainer(suggestionsRef.current, event)) return;
     setFocused(false);
     const inputValidity = performValidation();
-    onBlur?.(event, event.target.value, inputValidity);
+    onBlur?.(event, event.target?.value, inputValidity);
   };
   const onFocusHandler = (event) => {
     setFocused(true);

package/dist/cjs/Radio/Radio.cjs

@@ -28,6 +28,7 @@ const HvRadio = React.forwardRef(
       "aria-labelledby": ariaLabelledBy,
       "aria-describedby": ariaDescribedBy,
       labelProps,
+      labelPosition = "right",
       checked,
       defaultChecked = false,
       onChange,
@@ -114,7 +115,7 @@ const HvRadio = React.forwardRef(
           hasLabel ? /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
-              className: cx(classes.container, {
+              className: cx(classes.container, classes[labelPosition], {
                 [classes.focusVisible]: !!(focusVisible && label),
                 [classes.semantic]: semantic,
                 [classes.checked]: isChecked,

package/dist/cjs/Radio/Radio.styles.cjs

@@ -16,6 +16,13 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvRadio", {
     },
     ":where(:has($label)) $radio": {
       borderRadius: "inherit"
+    },
+    "&$left": {
+      flexDirection: "row-reverse",
+      justifyContent: "flex-end"
+    },
+    "&$right": {
+      flexDirection: "row"
     }
   },
   invalidContainer: {},
@@ -31,14 +38,22 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvRadio", {
   invalidRadio: {},
   label: {
     verticalAlign: "middle",
-    paddingRight: uikitStyles.theme.space.xs,
     ...uikitStyles.theme.typography.body,
     cursor: "pointer",
-    lineHeight: "32px",
-    width: "100%"
+    lineHeight: "32px"
   },
   checked: {},
-  semantic: {}
+  semantic: {},
+  left: {
+    "& .HvRadio-label": {
+      paddingLeft: uikitStyles.theme.space.xs
+    }
+  },
+  right: {
+    "& .HvRadio-label": {
+      paddingRight: uikitStyles.theme.space.xs
+    }
+  }
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;

package/dist/cjs/Switch/Switch.cjs

@@ -28,6 +28,7 @@ const HvSwitch = React.forwardRef(
       "aria-labelledby": ariaLabelledBy,
       "aria-describedby": ariaDescribedBy,
       labelProps,
+      labelPosition = "top",
       checked,
       defaultChecked = false,
       onChange,
@@ -76,48 +77,50 @@ const HvSwitch = React.forwardRef(
         readOnly,
         className: cx(classes.root, className),
         children: [
-          label && /* @__PURE__ */ jsxRuntime.jsx(
-            Label.HvLabel,
-            {
-              showGutter: true,
-              id: setId.setId(elementId, "label"),
-              htmlFor: setId.setId(elementId, "input"),
-              label,
-              className: classes.label,
-              ...labelProps
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: cx(classes.switchContainer, {
-                [classes.invalidSwitch]: isStateInvalid
-              }),
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                BaseSwitch.HvBaseSwitch,
-                {
-                  ref,
-                  id: label ? setId.setId(elementId, "input") : setId.setId(id, "input"),
-                  name,
-                  disabled,
-                  readOnly,
-                  required,
-                  onChange: onLocalChange,
-                  value,
-                  checked: isChecked,
-                  inputProps: {
-                    "aria-invalid": isStateInvalid ? true : void 0,
-                    "aria-errormessage": errorMessageId,
-                    "aria-label": ariaLabel,
-                    "aria-labelledby": ariaLabelledBy,
-                    "aria-describedby": ariaDescribedBy,
-                    ...inputProps
-                  },
-                  ...others
-                }
-              )
-            }
-          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx(classes.container, classes[labelPosition]), children: [
+            label && /* @__PURE__ */ jsxRuntime.jsx(
+              Label.HvLabel,
+              {
+                showGutter: true,
+                id: setId.setId(elementId, "label"),
+                htmlFor: setId.setId(elementId, "input"),
+                label,
+                className: classes.label,
+                ...labelProps
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: cx(classes.switchContainer, {
+                  [classes.invalidSwitch]: isStateInvalid
+                }),
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  BaseSwitch.HvBaseSwitch,
+                  {
+                    ref,
+                    id: label ? setId.setId(elementId, "input") : setId.setId(id, "input"),
+                    name,
+                    disabled,
+                    readOnly,
+                    required,
+                    onChange: onLocalChange,
+                    value,
+                    checked: isChecked,
+                    inputProps: {
+                      "aria-invalid": isStateInvalid ? true : void 0,
+                      "aria-errormessage": errorMessageId,
+                      "aria-label": ariaLabel,
+                      "aria-labelledby": ariaLabelledBy,
+                      "aria-describedby": ariaDescribedBy,
+                      ...inputProps
+                    },
+                    ...others
+                  }
+                )
+              }
+            )
+          ] }),
           canShowError && /* @__PURE__ */ jsxRuntime.jsx(
             WarningText.HvWarningText,
             {

package/dist/cjs/Switch/Switch.styles.cjs

@@ -10,6 +10,29 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvSwitch",
   },
   label: {},
   error: {},
+  container: {
+    display: "flex",
+    "&$left, &$right": {
+      alignItems: "center"
+    },
+    "&$left": {
+      flexDirection: "row",
+      paddingLeft: uikitStyles.theme.space.xs
+    },
+    "&$right": {
+      flexDirection: "row-reverse",
+      paddingRight: uikitStyles.theme.space.xs
+    },
+    "&$top": {
+      flexDirection: "column",
+      "&:hover": {
+        backgroundColor: "transparent"
+      },
+      "& $switchContainer:hover .HvBaseSwitch-root": {
+        backgroundColor: uikitStyles.theme.colors.bgHover
+      }
+    }
+  },
   switchContainer: {
     height: "32px",
     display: "flex",
@@ -20,6 +43,19 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvSwitch",
   invalidSwitch: {
     paddingBottom: "1px",
     borderBottom: `1px solid ${uikitStyles.theme.form.errorColor}`
+  },
+  top: {},
+  left: {
+    "& .HvSwitch-label": {
+      paddingBottom: 0,
+      paddingRight: uikitStyles.theme.space.xxs
+    }
+  },
+  right: {
+    "& .HvSwitch-label": {
+      paddingBottom: 0,
+      paddingLeft: uikitStyles.theme.space.xxs
+    }
   }
 });
 exports.staticClasses = staticClasses;

package/dist/cjs/themes/ds5.cjs

@@ -271,6 +271,13 @@ const ds5 = uikitStyles.mergeTheme(uikitStyles.ds5, {
           borderTop: `1px solid ${uikitStyles.theme.colors.borderSubtle}`
         }
       }
+    },
+    HvRadioIcon: {
+      classes: {
+        checked: {
+          "--bg-color": uikitStyles.theme.colors.primary
+        }
+      }
     }
   }
 });

package/dist/cjs/themes/pentahoPlus.cjs

@@ -182,6 +182,21 @@ const pentahoPlus = uikitStyles.mergeTheme(uikitStyles.pentahoPlus, {
         }
       }
     },
+    HvSwitch: {
+      classes: {
+        container: {
+          borderRadius: uikitStyles.theme.radii.full,
+          "&:hover": {
+            backgroundColor: uikitStyles.theme.colors.bgHover
+          },
+          "& .HvBaseSwitch-root": {
+            "&:hover": {
+              backgroundColor: "transparent"
+            }
+          }
+        }
+      }
+    },
     HvSection: {
       classes: {
         content: {
@@ -663,7 +678,6 @@ const pentahoPlus = uikitStyles.mergeTheme(uikitStyles.pentahoPlus, {
             paddingBottom: uikitStyles.theme.space.sm
           },
           "& .HvActionBar-root": {
-            padding: uikitStyles.theme.spacing("xs", "sm"),
             borderTop: "none"
           }
         },
@@ -687,8 +701,7 @@ const pentahoPlus = uikitStyles.mergeTheme(uikitStyles.pentahoPlus, {
     HvCardHeader: {
       classes: {
         root: {
-          flexDirection: "row-reverse",
-          padding: uikitStyles.theme.spacing("xs", "sm")
+          flexDirection: "row-reverse"
         },
         subheader: {
           color: uikitStyles.theme.colors.textSubtle
@@ -698,16 +711,6 @@ const pentahoPlus = uikitStyles.mergeTheme(uikitStyles.pentahoPlus, {
         }
       }
     },
-    HvCardContent: {
-      classes: {
-        content: {
-          padding: uikitStyles.theme.spacing("xs", "sm"),
-          "&:last-child": {
-            paddingBottom: uikitStyles.theme.space.xs
-          }
-        }
-      }
-    },
     HvFooter: {
       name: "Pentaho"
     },

package/dist/esm/Card/Content/Content.styles.js

@@ -2,10 +2,7 @@ import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
 const { staticClasses, useClasses } = createClasses("HvCardContent", {
   content: {
-    padding: `0 ${theme.space.sm} 15px ${theme.space.sm}`,
-    "&:last-child": {
-      paddingBottom: theme.space.sm
-    }
+    padding: theme.space.sm
   }
 });
 export {

package/dist/esm/Card/Header/Header.styles.js

@@ -3,7 +3,7 @@ import { theme } from "@hitachivantara/uikit-styles";
 const { staticClasses, useClasses } = createClasses("HvCardHeader", {
   root: {
     position: "relative",
-    padding: theme.spacing("12px", "xs", "sm", "sm"),
+    padding: theme.spacing("xs", "sm"),
     gap: theme.space.xs,
     alignItems: "center",
     display: "flex"

package/dist/esm/CheckBox/CheckBox.js

@@ -24,6 +24,7 @@ const HvCheckBox = forwardRef(
       statusMessage,
       label,
       labelProps,
+      labelPosition = "right",
       inputProps,
       value = "on",
       required,
@@ -144,7 +145,7 @@ const HvCheckBox = forwardRef(
           hasLabel ? /* @__PURE__ */ jsxs(
             "div",
             {
-              className: cx(classes.container, {
+              className: cx(classes.container, classes[labelPosition], {
                 [classes.invalidContainer]: isStateInvalid,
                 [classes.disabled]: disabled
               }),

package/dist/esm/CheckBox/CheckBox.styles.js

@@ -14,6 +14,13 @@ const { staticClasses, useClasses } = createClasses("HvCheckBox", {
     },
     ":where(:has($label)) $checkbox": {
       borderRadius: "inherit"
+    },
+    "&$left": {
+      flexDirection: "row-reverse",
+      justifyContent: "flex-end"
+    },
+    "&$right": {
+      flexDirection: "row"
     }
   },
   invalidContainer: {},
@@ -29,15 +36,23 @@ const { staticClasses, useClasses } = createClasses("HvCheckBox", {
   invalidCheckbox: {},
   label: {
     verticalAlign: "middle",
-    paddingRight: theme.space.xs,
     ...theme.typography.body,
     cursor: "pointer",
-    lineHeight: "32px",
-    width: "100%"
+    lineHeight: "32px"
   },
   checked: {},
   indeterminate: {},
-  semantic: {}
+  semantic: {},
+  left: {
+    "& .HvCheckBox-label": {
+      paddingLeft: theme.space.xs
+    }
+  },
+  right: {
+    "& .HvCheckBox-label": {
+      paddingRight: theme.space.xs
+    }
+  }
 });
 export {
   staticClasses,

package/dist/esm/Input/Input.js

@@ -197,7 +197,7 @@ const HvInput = fixedForwardRef(function HvInput2(props, ref) {
     if (eventTargetIsInsideContainer(suggestionsRef.current, event)) return;
     setFocused(false);
     const inputValidity = performValidation();
-    onBlur?.(event, event.target.value, inputValidity);
+    onBlur?.(event, event.target?.value, inputValidity);
   };
   const onFocusHandler = (event) => {
     setFocused(true);

package/dist/esm/Radio/Radio.js

@@ -27,6 +27,7 @@ const HvRadio = forwardRef(
       "aria-labelledby": ariaLabelledBy,
       "aria-describedby": ariaDescribedBy,
       labelProps,
+      labelPosition = "right",
       checked,
       defaultChecked = false,
       onChange,
@@ -113,7 +114,7 @@ const HvRadio = forwardRef(
           hasLabel ? /* @__PURE__ */ jsxs(
             "div",
             {
-              className: cx(classes.container, {
+              className: cx(classes.container, classes[labelPosition], {
                 [classes.focusVisible]: !!(focusVisible && label),
                 [classes.semantic]: semantic,
                 [classes.checked]: isChecked,

package/dist/esm/Radio/Radio.styles.js

@@ -14,6 +14,13 @@ const { staticClasses, useClasses } = createClasses("HvRadio", {
     },
     ":where(:has($label)) $radio": {
       borderRadius: "inherit"
+    },
+    "&$left": {
+      flexDirection: "row-reverse",
+      justifyContent: "flex-end"
+    },
+    "&$right": {
+      flexDirection: "row"
     }
   },
   invalidContainer: {},
@@ -29,14 +36,22 @@ const { staticClasses, useClasses } = createClasses("HvRadio", {
   invalidRadio: {},
   label: {
     verticalAlign: "middle",
-    paddingRight: theme.space.xs,
     ...theme.typography.body,
     cursor: "pointer",
-    lineHeight: "32px",
-    width: "100%"
+    lineHeight: "32px"
   },
   checked: {},
-  semantic: {}
+  semantic: {},
+  left: {
+    "& .HvRadio-label": {
+      paddingLeft: theme.space.xs
+    }
+  },
+  right: {
+    "& .HvRadio-label": {
+      paddingRight: theme.space.xs
+    }
+  }
 });
 export {
   staticClasses,

package/dist/esm/Switch/Switch.js

@@ -27,6 +27,7 @@ const HvSwitch = forwardRef(
       "aria-labelledby": ariaLabelledBy,
       "aria-describedby": ariaDescribedBy,
       labelProps,
+      labelPosition = "top",
       checked,
       defaultChecked = false,
       onChange,
@@ -75,48 +76,50 @@ const HvSwitch = forwardRef(
         readOnly,
         className: cx(classes.root, className),
         children: [
-          label && /* @__PURE__ */ jsx(
-            HvLabel,
-            {
-              showGutter: true,
-              id: setId(elementId, "label"),
-              htmlFor: setId(elementId, "input"),
-              label,
-              className: classes.label,
-              ...labelProps
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cx(classes.switchContainer, {
-                [classes.invalidSwitch]: isStateInvalid
-              }),
-              children: /* @__PURE__ */ jsx(
-                HvBaseSwitch,
-                {
-                  ref,
-                  id: label ? setId(elementId, "input") : setId(id, "input"),
-                  name,
-                  disabled,
-                  readOnly,
-                  required,
-                  onChange: onLocalChange,
-                  value,
-                  checked: isChecked,
-                  inputProps: {
-                    "aria-invalid": isStateInvalid ? true : void 0,
-                    "aria-errormessage": errorMessageId,
-                    "aria-label": ariaLabel,
-                    "aria-labelledby": ariaLabelledBy,
-                    "aria-describedby": ariaDescribedBy,
-                    ...inputProps
-                  },
-                  ...others
-                }
-              )
-            }
-          ),
+          /* @__PURE__ */ jsxs("div", { className: cx(classes.container, classes[labelPosition]), children: [
+            label && /* @__PURE__ */ jsx(
+              HvLabel,
+              {
+                showGutter: true,
+                id: setId(elementId, "label"),
+                htmlFor: setId(elementId, "input"),
+                label,
+                className: classes.label,
+                ...labelProps
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cx(classes.switchContainer, {
+                  [classes.invalidSwitch]: isStateInvalid
+                }),
+                children: /* @__PURE__ */ jsx(
+                  HvBaseSwitch,
+                  {
+                    ref,
+                    id: label ? setId(elementId, "input") : setId(id, "input"),
+                    name,
+                    disabled,
+                    readOnly,
+                    required,
+                    onChange: onLocalChange,
+                    value,
+                    checked: isChecked,
+                    inputProps: {
+                      "aria-invalid": isStateInvalid ? true : void 0,
+                      "aria-errormessage": errorMessageId,
+                      "aria-label": ariaLabel,
+                      "aria-labelledby": ariaLabelledBy,
+                      "aria-describedby": ariaDescribedBy,
+                      ...inputProps
+                    },
+                    ...others
+                  }
+                )
+              }
+            )
+          ] }),
           canShowError && /* @__PURE__ */ jsx(
             HvWarningText,
             {

package/dist/esm/Switch/Switch.styles.js

@@ -8,6 +8,29 @@ const { staticClasses, useClasses } = createClasses("HvSwitch", {
   },
   label: {},
   error: {},
+  container: {
+    display: "flex",
+    "&$left, &$right": {
+      alignItems: "center"
+    },
+    "&$left": {
+      flexDirection: "row",
+      paddingLeft: theme.space.xs
+    },
+    "&$right": {
+      flexDirection: "row-reverse",
+      paddingRight: theme.space.xs
+    },
+    "&$top": {
+      flexDirection: "column",
+      "&:hover": {
+        backgroundColor: "transparent"
+      },
+      "& $switchContainer:hover .HvBaseSwitch-root": {
+        backgroundColor: theme.colors.bgHover
+      }
+    }
+  },
   switchContainer: {
     height: "32px",
     display: "flex",
@@ -18,6 +41,19 @@ const { staticClasses, useClasses } = createClasses("HvSwitch", {
   invalidSwitch: {
     paddingBottom: "1px",
     borderBottom: `1px solid ${theme.form.errorColor}`
+  },
+  top: {},
+  left: {
+    "& .HvSwitch-label": {
+      paddingBottom: 0,
+      paddingRight: theme.space.xxs
+    }
+  },
+  right: {
+    "& .HvSwitch-label": {
+      paddingBottom: 0,
+      paddingLeft: theme.space.xxs
+    }
   }
 });
 export {

package/dist/esm/themes/ds5.js

@@ -269,6 +269,13 @@ const ds5 = mergeTheme(ds5$1, {
           borderTop: `1px solid ${theme.colors.borderSubtle}`
         }
       }
+    },
+    HvRadioIcon: {
+      classes: {
+        checked: {
+          "--bg-color": theme.colors.primary
+        }
+      }
     }
   }
 });

package/dist/esm/themes/pentahoPlus.js

@@ -180,6 +180,21 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
         }
       }
     },
+    HvSwitch: {
+      classes: {
+        container: {
+          borderRadius: theme.radii.full,
+          "&:hover": {
+            backgroundColor: theme.colors.bgHover
+          },
+          "& .HvBaseSwitch-root": {
+            "&:hover": {
+              backgroundColor: "transparent"
+            }
+          }
+        }
+      }
+    },
     HvSection: {
       classes: {
         content: {
@@ -661,7 +676,6 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
             paddingBottom: theme.space.sm
           },
           "& .HvActionBar-root": {
-            padding: theme.spacing("xs", "sm"),
             borderTop: "none"
           }
         },
@@ -685,8 +699,7 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
     HvCardHeader: {
       classes: {
         root: {
-          flexDirection: "row-reverse",
-          padding: theme.spacing("xs", "sm")
+          flexDirection: "row-reverse"
         },
         subheader: {
           color: theme.colors.textSubtle
@@ -696,16 +709,6 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
         }
       }
     },
-    HvCardContent: {
-      classes: {
-        content: {
-          padding: theme.spacing("xs", "sm"),
-          "&:last-child": {
-            paddingBottom: theme.space.xs
-          }
-        }
-      }
-    },
     HvFooter: {
       name: "Pentaho"
     },

package/dist/types/index.d.ts

@@ -538,6 +538,8 @@ export declare const checkBoxClasses: {
     checked: string;
     indeterminate: string;
     semantic: string;
+    left: string;
+    right: string;
 };
 
 export declare const checkBoxGroupClasses: {
@@ -2534,6 +2536,10 @@ export declare interface HvCheckBoxProps extends Omit<HvBaseCheckBoxProps, "clas
      * Defaults to "Required" when the status is uncontrolled and no `aria-errormessage` is provided.
      */
     statusMessage?: React.ReactNode;
+    /**
+     * The position of the label relative to the control.
+     */
+    labelPosition?: "left" | "right";
     /**
      * A Jss Object used to override or extend the styles applied to the checkbox.
      */
@@ -5362,6 +5368,10 @@ export declare interface HvRadioProps extends Omit<RadioProps, "onChange" | "cla
     onFocusVisible?: (event: React.FocusEvent<any>) => void;
     /** @ignore */
     ref?: RadioProps["ref"];
+    /**
+     * The position of the label relative to the control.
+     */
+    labelPosition?: "left" | "right";
     /** @ignore */
     component?: RadioProps["component"];
 }
@@ -6216,6 +6226,10 @@ export declare interface HvSwitchProps extends Omit<SwitchProps, "color" | "onCh
     color?: HvColorAny;
     /** The size of the switch. */
     size?: HvBaseSwitchProps["size"];
+    /**
+     * The position of the label relative to the control.
+     */
+    labelPosition?: "top" | "left" | "right";
 }
 
 export declare const HvTab: ForwardRefExoticComponent<Omit<HvTabProps, "ref"> & RefAttributes<HTMLDivElement>>;
@@ -7862,6 +7876,8 @@ export declare const radioClasses: {
     label: string;
     checked: string;
     semantic: string;
+    left: string;
+    right: string;
 };
 
 export declare const radioGroupClasses: {
@@ -8051,8 +8067,12 @@ export declare const switchClasses: {
     root: string;
     label: string;
     error: string;
+    container: string;
     switchContainer: string;
     invalidSwitch: string;
+    top: string;
+    left: string;
+    right: string;
 };
 
 export declare const tabClasses: {
@@ -8561,13 +8581,17 @@ declare const useClasses_110: (classesProp?: Partial<Record<"icon" | "root", str
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_111: (classesProp?: Partial<Record<"label" | "root" | "error" | "switchContainer" | "invalidSwitch", string>>, addStatic?: boolean) => {
+declare const useClasses_111: (classesProp?: Partial<Record<"left" | "right" | "top" | "container" | "label" | "root" | "error" | "switchContainer" | "invalidSwitch", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         label: string;
         error: string;
+        container: string;
         switchContainer: string;
         invalidSwitch: string;
+        top: string;
+        left: string;
+        right: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
@@ -9343,7 +9367,7 @@ declare const useClasses_36: (classesProp?: Partial<Record<"semantic" | "root" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_37: (classesProp?: Partial<Record<"container" | "label" | "semantic" | "checkbox" | "disabled" | "checked" | "root" | "focusVisible" | "indeterminate" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
+declare const useClasses_37: (classesProp?: Partial<Record<"left" | "right" | "container" | "label" | "semantic" | "checkbox" | "disabled" | "checked" | "root" | "focusVisible" | "indeterminate" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         container: string;
@@ -9356,6 +9380,8 @@ declare const useClasses_37: (classesProp?: Partial<Record<"container" | "label"
         checked: string;
         indeterminate: string;
         semantic: string;
+        left: string;
+        right: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
@@ -10358,7 +10384,7 @@ declare const useClasses_97: (classesProp?: Partial<Record<"root" | "removeButto
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_98: (classesProp?: Partial<Record<"container" | "label" | "semantic" | "radio" | "disabled" | "checked" | "root" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
+declare const useClasses_98: (classesProp?: Partial<Record<"left" | "right" | "container" | "label" | "semantic" | "radio" | "disabled" | "checked" | "root" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         container: string;
@@ -10370,6 +10396,8 @@ declare const useClasses_98: (classesProp?: Partial<Record<"container" | "label"
         label: string;
         checked: string;
         semantic: string;
+        left: string;
+        right: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.102.0",
+  "version": "5.103.0",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "UI Kit Core React components.",
@@ -61,7 +61,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "ebaccbc2b47777ea570e856cb1e21cf163e37316",
+  "gitHead": "5799882b08854f3714634028eddac77ca7ece8ea",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",