@hitachivantara/uikit-react-core 5.61.0 → 5.62.1

package/dist/esm/utils/wrapperTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"wrapperTooltip.js","sources":["../../../src/utils/wrapperTooltip.tsx"],"sourcesContent":["import { withTooltip } from \"../hocs/withTooltip\";\n\nconst hideTooltip = (evt: any) => {\n  const isOverFlow =\n    evt.target.children.length > 1\n      ? Array.of(...evt.target.children).some(\n          (child) => child.scrollWidth > child.clientWidth\n        )\n      : evt.target.scrollWidth > evt.target.clientWidth;\n\n  return !isOverFlow;\n};\n\nexport const wrapperTooltip = (\n  hasTooltips: boolean,\n  Component: any,\n  label: any\n) => {\n  const ComponentFunction = () => Component;\n  return hasTooltips\n    ? withTooltip(ComponentFunction, label, \"top\", hideTooltip)\n    : ComponentFunction;\n};\n"],"names":[],"mappings":";AAEA,MAAM,cAAc,CAAC,QAAa;AAChC,QAAM,aACJ,IAAI,OAAO,SAAS,SAAS,IACzB,MAAM,GAAG,GAAG,IAAI,OAAO,QAAQ,EAAE;AAAA,IAC/B,CAAC,UAAU,MAAM,cAAc,MAAM;AAAA,EAAA,IAEvC,IAAI,OAAO,cAAc,IAAI,OAAO;AAE1C,SAAO,CAAC;AACV;AAEO,MAAM,iBAAiB,CAC5B,aACA,WACA,UACG;AACH,QAAM,oBAAoB,MAAM;AAChC,SAAO,cACH,YAAY,mBAAmB,OAAO,OAAO,WAAW,IACxD;AACN;"}
+{"version":3,"file":"wrapperTooltip.js","sources":["../../../src/utils/wrapperTooltip.tsx"],"sourcesContent":["import { withTooltip } from \"../hocs/withTooltip\";\n\nconst hideTooltip = (evt: any) => {\n  const isOverFlow =\n    evt.target.children.length > 1\n      ? Array.of(...evt.target.children).some(\n          (child) => child.scrollWidth > child.clientWidth,\n        )\n      : evt.target.scrollWidth > evt.target.clientWidth;\n\n  return !isOverFlow;\n};\n\nexport const wrapperTooltip = (\n  hasTooltips: boolean,\n  Component: any,\n  label: any,\n) => {\n  const ComponentFunction = () => Component;\n  return hasTooltips\n    ? withTooltip(ComponentFunction, label, \"top\", hideTooltip)\n    : ComponentFunction;\n};\n"],"names":[],"mappings":";AAEA,MAAM,cAAc,CAAC,QAAa;AAChC,QAAM,aACJ,IAAI,OAAO,SAAS,SAAS,IACzB,MAAM,GAAG,GAAG,IAAI,OAAO,QAAQ,EAAE;AAAA,IAC/B,CAAC,UAAU,MAAM,cAAc,MAAM;AAAA,EAAA,IAEvC,IAAI,OAAO,cAAc,IAAI,OAAO;AAE1C,SAAO,CAAC;AACV;AAEO,MAAM,iBAAiB,CAC5B,aACA,WACA,UACG;AACH,QAAM,oBAAoB,MAAM;AAChC,SAAO,cACH,YAAY,mBAAmB,OAAO,OAAO,WAAW,IACxD;AACN;"}

package/dist/types/index.d.ts

@@ -51,7 +51,7 @@ import { HvThemeBreakpoint } from '@hitachivantara/uikit-styles';
 import { HvThemeColorMode } from '@hitachivantara/uikit-styles';
 import { HvThemeColorModeStructure } from '@hitachivantara/uikit-styles';
 import { HvThemeContext } from '@hitachivantara/uikit-react-shared';
-import type { HvThemeContextValue } from '@hitachivantara/uikit-react-shared';
+import { HvThemeContextValue } from '@hitachivantara/uikit-react-shared';
 import { HvThemeStructure } from '@hitachivantara/uikit-styles';
 import { IconBaseProps } from '@hitachivantara/uikit-react-icons';
 import { IdType as IdType_2 } from 'react-table';
@@ -329,11 +329,11 @@ export declare const baseDropdownClasses: {
     placeholder: "HvBaseDropdown-placeholder";
     panel: "HvBaseDropdown-panel";
     inputExtensionOpen: "HvBaseDropdown-inputExtensionOpen";
-    panelOpenedUp: "HvBaseDropdown-panelOpenedUp";
-    panelOpenedDown: "HvBaseDropdown-panelOpenedDown";
     selection: "HvBaseDropdown-selection";
     arrowContainer: "HvBaseDropdown-arrowContainer";
     arrow: "HvBaseDropdown-arrow";
+    panelOpenedUp: "HvBaseDropdown-panelOpenedUp";
+    panelOpenedDown: "HvBaseDropdown-panelOpenedDown";
     rootDisabled: "HvBaseDropdown-rootDisabled";
     headerOpenUp: "HvBaseDropdown-headerOpenUp";
     headerOpenDown: "HvBaseDropdown-headerOpenDown";
@@ -366,7 +366,9 @@ export declare const baseInputClasses: {
 export declare const baseRadioClasses: {
     root: "HvBaseRadio-root";
     disabled: "HvBaseRadio-disabled";
+    semantic: "HvBaseRadio-semantic";
     icon: "HvBaseRadio-icon";
+    checked: "HvBaseRadio-checked";
     focusVisible: "HvBaseRadio-focusVisible";
 };
 
@@ -386,10 +388,10 @@ export declare const breadCrumbClasses: {
     link: "HvBreadCrumb-link";
     root: "HvBreadCrumb-root";
     a: "HvBreadCrumb-a";
-    centerContainer: "HvBreadCrumb-centerContainer";
-    separatorContainer: "HvBreadCrumb-separatorContainer";
     orderedList: "HvBreadCrumb-orderedList";
     currentPage: "HvBreadCrumb-currentPage";
+    centerContainer: "HvBreadCrumb-centerContainer";
+    separatorContainer: "HvBreadCrumb-separatorContainer";
 };
 
 export declare interface Breakpoint {
@@ -430,11 +432,11 @@ export declare const buttonClasses: {
     icon: "HvButton-icon";
     secondaryGhost: "HvButton-secondaryGhost";
     primaryGhost: "HvButton-primaryGhost";
+    subtle: "HvButton-subtle";
     primarySubtle: "HvButton-primarySubtle";
     startIcon: "HvButton-startIcon";
     endIcon: "HvButton-endIcon";
     focusVisible: "HvButton-focusVisible";
-    subtle: "HvButton-subtle";
 };
 
 export declare const buttonRadius: readonly ["none", "base", "round", "circle", "full"];
@@ -445,11 +447,11 @@ export declare const buttonVariant: readonly ["primary", "primarySubtle", "prima
 
 export declare const calendarClasses: {
     root: "HvCalendar-root";
+    rangeCalendarContainer: "HvCalendar-rangeCalendarContainer";
+    singleCalendar: "HvCalendar-singleCalendar";
     focusSelection: "HvCalendar-focusSelection";
     calendarMonthlyCell: "HvCalendar-calendarMonthlyCell";
     calendarMonthlyCellSelected: "HvCalendar-calendarMonthlyCellSelected";
-    rangeCalendarContainer: "HvCalendar-rangeCalendarContainer";
-    singleCalendar: "HvCalendar-singleCalendar";
 };
 
 export declare const calendarHeaderClasses: {
@@ -847,15 +849,15 @@ export declare const dropdownClasses: {
     readOnly: "HvDropdown-readOnly";
     placeholderClosed: "HvDropdown-placeholderClosed";
     error: "HvDropdown-error";
+    arrow: "HvDropdown-arrow";
     dropdown: "HvDropdown-dropdown";
     labelContainer: "HvDropdown-labelContainer";
-    arrow: "HvDropdown-arrow";
     selectionDisabled: "HvDropdown-selectionDisabled";
-    rootList: "HvDropdown-rootList";
-    dropdownListContainer: "HvDropdown-dropdownListContainer";
     dropdownHeader: "HvDropdown-dropdownHeader";
     dropdownHeaderInvalid: "HvDropdown-dropdownHeaderInvalid";
     dropdownHeaderOpen: "HvDropdown-dropdownHeaderOpen";
+    dropdownListContainer: "HvDropdown-dropdownListContainer";
+    rootList: "HvDropdown-rootList";
 };
 
 export declare const dropDownMenuClasses: {
@@ -1019,10 +1021,7 @@ export declare const getPrevNextFocus: (nodeId?: string) => {
     prevFocus: any;
 };
 
-export declare const getSelectorIcons: (options: {
-    disabled: boolean;
-    semantic: boolean;
-}, classes: HvBaseRadioClasses) => {
+export declare const getSelectorIcons: () => {
     radio: JSX_3.Element;
     radioChecked: JSX_3.Element;
 };
@@ -2054,11 +2053,11 @@ export declare const HvButton: <C extends ElementType<any, keyof JSX_2.Intrinsic
         icon: string;
         secondaryGhost: string;
         primaryGhost: string;
+        subtle: string;
         primarySubtle: string;
         startIcon: string;
         endIcon: string;
         focusVisible: string;
-        subtle: string;
     }> | undefined;
     /** Whether the button is selected or not. */
     selected?: boolean | undefined;
@@ -4110,7 +4109,7 @@ export declare const HvIconButton: <C extends ElementType<any, keyof JSX_2.Intri
     component?: C | undefined;
 } & {
     children?: ReactNode;
-} & (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "title" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "placement" | "overrideIconColors" | "enterDelay" | "tooltipProps" | Exclude<keyof (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> ? T extends any ? T : never : never : never), "icon" | "title" | "component" | "ref" | "children" | "startIcon" | "endIcon" | "focusableWhenDisabled">> extends infer T_1 ? T_1 extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "title" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "placement" | "overrideIconColors" | "enterDelay" | "tooltipProps" | Exclude<keyof (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> ? T extends any ? T : never : never : never), "icon" | "title" | "component" | "ref" | "children" | "startIcon" | "endIcon" | "focusableWhenDisabled">> ? T_1 extends any ? T_1 : never : never : never) & {
+} & (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "title" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "overrideIconColors" | "placement" | "enterDelay" | "tooltipProps" | Exclude<keyof (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> ? T extends any ? T : never : never : never), "icon" | "title" | "component" | "ref" | "children" | "startIcon" | "endIcon" | "focusableWhenDisabled">> extends infer T_1 ? T_1 extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "title" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "overrideIconColors" | "placement" | "enterDelay" | "tooltipProps" | Exclude<keyof (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> ? T extends any ? T : never : never : never), "icon" | "title" | "component" | "ref" | "children" | "startIcon" | "endIcon" | "focusableWhenDisabled">> ? T_1 extends any ? T_1 : never : never : never) & {
     ref?: PolymorphicRef<C> | undefined;
 } & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
@@ -7258,6 +7257,8 @@ export declare const HvTypography: <C extends ElementType<any, keyof JSX_2.Intri
         xsInlineLink: string;
         root: string;
         disabled: string;
+        isLink: string;
+        noWrap: string;
         "3xlTitle": string;
         xlTitle: string;
         mTitle: string;
@@ -7265,8 +7266,6 @@ export declare const HvTypography: <C extends ElementType<any, keyof JSX_2.Intri
         highlightText: string;
         normalText: string;
         vizText: string;
-        isLink: string;
-        noWrap: string;
     }> | undefined;
 } & {
     component?: C | undefined;
@@ -8154,7 +8153,9 @@ export declare const radioClasses: {
     label: "HvRadio-label";
     root: "HvRadio-root";
     disabled: "HvRadio-disabled";
+    semantic: "HvRadio-semantic";
     radio: "HvRadio-radio";
+    checked: "HvRadio-checked";
     focusVisible: "HvRadio-focusVisible";
     invalidContainer: "HvRadio-invalidContainer";
     invalidRadio: "HvRadio-invalidRadio";
@@ -8367,12 +8368,12 @@ export declare const tableCellClasses: {
     alignCenter: "HvTableCell-alignCenter";
     alignRight: "HvTableCell-alignRight";
     alignJustify: "HvTableCell-alignJustify";
-    variantListHead: "HvTableCell-variantListHead";
     sorted: "HvTableCell-sorted";
     variantNone: "HvTableCell-variantNone";
     variantCheckbox: "HvTableCell-variantCheckbox";
     variantActions: "HvTableCell-variantActions";
     variantExpand: "HvTableCell-variantExpand";
+    variantListHead: "HvTableCell-variantListHead";
     stickyColumn: "HvTableCell-stickyColumn";
     stickyColumnMostLeft: "HvTableCell-stickyColumnMostLeft";
     stickyColumnLeastRight: "HvTableCell-stickyColumnLeastRight";
@@ -8441,9 +8442,9 @@ export declare const tableRowClasses: {
     variantList: "HvTableRow-variantList";
     expanded: "HvTableRow-expanded";
     footer: "HvTableRow-footer";
+    variantListHead: "HvTableRow-variantListHead";
     striped: "HvTableRow-striped";
     hover: "HvTableRow-hover";
-    variantListHead: "HvTableRow-variantListHead";
 };
 
 export declare const tableSectionClasses: {
@@ -8647,6 +8648,8 @@ export declare const typographyClasses: {
     xsInlineLink: "HvTypography-xsInlineLink";
     root: "HvTypography-root";
     disabled: "HvTypography-disabled";
+    isLink: "HvTypography-isLink";
+    noWrap: "HvTypography-noWrap";
     "3xlTitle": "HvTypography-3xlTitle";
     xlTitle: "HvTypography-xlTitle";
     mTitle: "HvTypography-mTitle";
@@ -8654,8 +8657,6 @@ export declare const typographyClasses: {
     highlightText: "HvTypography-highlightText";
     normalText: "HvTypography-normalText";
     vizText: "HvTypography-vizText";
-    isLink: "HvTypography-isLink";
-    noWrap: "HvTypography-noWrap";
 };
 
 export declare const typographyVariants: readonly ["display", "title1", "title2", "title3", "title4", "body", "label", "captionLabel", "caption1", "caption2"];
@@ -8664,7 +8665,7 @@ export declare type UseBulkActionsProps = (<D extends object = Record<string, un
     pluginName: string;
 };
 
-declare const useClasses: (classesProp?: Partial<Record<"display" | "5xlTitle" | "4xlTitle" | "title1" | "title2" | "title3" | "title4" | "label" | "body" | "captionLabel" | "caption1" | "caption2" | "xxlTitle" | "lTitle" | "sTitle" | "xxsTitle" | "sectionTitle" | "placeholderText" | "link" | "disabledText" | "selectedNavText" | "vizTextDisabled" | "xsInlineLink" | "root" | "disabled" | "3xlTitle" | "xlTitle" | "mTitle" | "xsTitle" | "highlightText" | "normalText" | "vizText" | "isLink" | "noWrap", string>>, addStatic?: boolean) => {
+declare const useClasses: (classesProp?: Partial<Record<"display" | "5xlTitle" | "4xlTitle" | "title1" | "title2" | "title3" | "title4" | "label" | "body" | "captionLabel" | "caption1" | "caption2" | "xxlTitle" | "lTitle" | "sTitle" | "xxsTitle" | "sectionTitle" | "placeholderText" | "link" | "disabledText" | "selectedNavText" | "vizTextDisabled" | "xsInlineLink" | "root" | "disabled" | "isLink" | "noWrap" | "3xlTitle" | "xlTitle" | "mTitle" | "xsTitle" | "highlightText" | "normalText" | "vizText", string>>, addStatic?: boolean) => {
     classes: {
         display: string;
         "5xlTitle": string;
@@ -8691,6 +8692,8 @@ declare const useClasses: (classesProp?: Partial<Record<"display" | "5xlTitle" |
         xsInlineLink: string;
         root: string;
         disabled: string;
+        isLink: string;
+        noWrap: string;
         "3xlTitle": string;
         xlTitle: string;
         mTitle: string;
@@ -8698,8 +8701,6 @@ declare const useClasses: (classesProp?: Partial<Record<"display" | "5xlTitle" |
         highlightText: string;
         normalText: string;
         vizText: string;
-        isLink: string;
-        noWrap: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9091,7 +9092,7 @@ declare const useClasses_119: (classesProp?: Partial<Record<"label" | "root" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_12: (classesProp?: Partial<Record<"secondary" | "primary" | "root" | "disabled" | "semantic" | "secondarySubtle" | "ghost" | "icon" | "secondaryGhost" | "primaryGhost" | "primarySubtle" | "startIcon" | "endIcon" | "focusVisible" | "subtle", string>>, addStatic?: boolean) => {
+declare const useClasses_12: (classesProp?: Partial<Record<"secondary" | "primary" | "root" | "disabled" | "semantic" | "secondarySubtle" | "ghost" | "icon" | "secondaryGhost" | "primaryGhost" | "subtle" | "primarySubtle" | "startIcon" | "endIcon" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
         secondary: string;
         primary: string;
@@ -9103,11 +9104,11 @@ declare const useClasses_12: (classesProp?: Partial<Record<"secondary" | "primar
         icon: string;
         secondaryGhost: string;
         primaryGhost: string;
+        subtle: string;
         primarySubtle: string;
         startIcon: string;
         endIcon: string;
         focusVisible: string;
-        subtle: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9350,7 +9351,7 @@ declare const useClasses_17: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_18: (classesProp?: Partial<Record<"container" | "header" | "anchor" | "root" | "headerOpen" | "headerDisabled" | "headerReadOnly" | "placeholder" | "panel" | "inputExtensionOpen" | "panelOpenedUp" | "panelOpenedDown" | "selection" | "arrowContainer" | "arrow" | "rootDisabled" | "headerOpenUp" | "headerOpenDown" | "selectionDisabled" | "inputExtensionLeftPosition" | "inputExtensionOpenShadow" | "inputExtensionFloatRight" | "inputExtensionFloatLeft", string>>, addStatic?: boolean) => {
+declare const useClasses_18: (classesProp?: Partial<Record<"container" | "header" | "anchor" | "root" | "headerOpen" | "headerDisabled" | "headerReadOnly" | "placeholder" | "panel" | "inputExtensionOpen" | "selection" | "arrowContainer" | "arrow" | "panelOpenedUp" | "panelOpenedDown" | "rootDisabled" | "headerOpenUp" | "headerOpenDown" | "selectionDisabled" | "inputExtensionLeftPosition" | "inputExtensionOpenShadow" | "inputExtensionFloatRight" | "inputExtensionFloatLeft", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
         header: string;
@@ -9362,11 +9363,11 @@ declare const useClasses_18: (classesProp?: Partial<Record<"container" | "header
         placeholder: string;
         panel: string;
         inputExtensionOpen: string;
-        panelOpenedUp: string;
-        panelOpenedDown: string;
         selection: string;
         arrowContainer: string;
         arrow: string;
+        panelOpenedUp: string;
+        panelOpenedDown: string;
         rootDisabled: string;
         headerOpenUp: string;
         headerOpenDown: string;
@@ -9619,11 +9620,13 @@ declare const useClasses_30: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_31: (classesProp?: Partial<Record<"root" | "disabled" | "icon" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_31: (classesProp?: Partial<Record<"root" | "disabled" | "semantic" | "icon" | "checked" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         disabled: string;
+        semantic: string;
         icon: string;
+        checked: string;
         focusVisible: string;
     };
     css: {
@@ -9652,15 +9655,15 @@ declare const useClasses_32: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_33: (classesProp?: Partial<Record<"link" | "root" | "a" | "centerContainer" | "separatorContainer" | "orderedList" | "currentPage", string>>, addStatic?: boolean) => {
+declare const useClasses_33: (classesProp?: Partial<Record<"link" | "root" | "a" | "orderedList" | "currentPage" | "centerContainer" | "separatorContainer", string>>, addStatic?: boolean) => {
     classes: {
         link: string;
         root: string;
         a: string;
-        centerContainer: string;
-        separatorContainer: string;
         orderedList: string;
         currentPage: string;
+        centerContainer: string;
+        separatorContainer: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9724,14 +9727,14 @@ declare const useClasses_36: (classesProp?: Partial<Record<"container" | "label"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_37: (classesProp?: Partial<Record<"root" | "focusSelection" | "calendarMonthlyCell" | "calendarMonthlyCellSelected" | "rangeCalendarContainer" | "singleCalendar", string>>, addStatic?: boolean) => {
+declare const useClasses_37: (classesProp?: Partial<Record<"root" | "rangeCalendarContainer" | "singleCalendar" | "focusSelection" | "calendarMonthlyCell" | "calendarMonthlyCellSelected", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
+        rangeCalendarContainer: string;
+        singleCalendar: string;
         focusSelection: string;
         calendarMonthlyCell: string;
         calendarMonthlyCellSelected: string;
-        rangeCalendarContainer: string;
-        singleCalendar: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10020,7 +10023,7 @@ declare const useClasses_50: (classesProp?: Partial<Record<"root" | "section" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_51: (classesProp?: Partial<Record<"body" | "root" | "head" | "variantListactions" | "variantListcheckbox" | "variantList" | "footer" | "resizable" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantListHead" | "sorted" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing", string>>, addStatic?: boolean) => {
+declare const useClasses_51: (classesProp?: Partial<Record<"body" | "root" | "head" | "variantListactions" | "variantListcheckbox" | "variantList" | "footer" | "resizable" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "sorted" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantListHead" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing", string>>, addStatic?: boolean) => {
     classes: {
         body: string;
         root: string;
@@ -10034,12 +10037,12 @@ declare const useClasses_51: (classesProp?: Partial<Record<"body" | "root" | "he
         alignCenter: string;
         alignRight: string;
         alignJustify: string;
-        variantListHead: string;
         sorted: string;
         variantNone: string;
         variantCheckbox: string;
         variantActions: string;
         variantExpand: string;
+        variantListHead: string;
         stickyColumn: string;
         stickyColumnMostLeft: string;
         stickyColumnLeastRight: string;
@@ -10054,7 +10057,7 @@ declare const useClasses_51: (classesProp?: Partial<Record<"body" | "root" | "he
     cx: (...args: any) => string;
 };
 
-declare const useClasses_52: (classesProp?: Partial<Record<"body" | "root" | "selected" | "head" | "variantList" | "expanded" | "footer" | "striped" | "hover" | "variantListHead", string>>, addStatic?: boolean) => {
+declare const useClasses_52: (classesProp?: Partial<Record<"body" | "root" | "selected" | "head" | "variantList" | "expanded" | "footer" | "variantListHead" | "striped" | "hover", string>>, addStatic?: boolean) => {
     classes: {
         body: string;
         root: string;
@@ -10063,9 +10066,9 @@ declare const useClasses_52: (classesProp?: Partial<Record<"body" | "root" | "se
         variantList: string;
         expanded: string;
         footer: string;
+        variantListHead: string;
         striped: string;
         hover: string;
-        variantListHead: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10154,7 +10157,7 @@ declare const useClasses_56: (classesProp?: Partial<Record<"root" | "sortDropdow
     cx: (...args: any) => string;
 };
 
-declare const useClasses_57: (classesProp?: Partial<Record<"label" | "description" | "root" | "placeholder" | "disabled" | "readOnly" | "placeholderClosed" | "error" | "dropdown" | "labelContainer" | "arrow" | "selectionDisabled" | "rootList" | "dropdownListContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen", string>>, addStatic?: boolean) => {
+declare const useClasses_57: (classesProp?: Partial<Record<"label" | "description" | "root" | "placeholder" | "disabled" | "readOnly" | "placeholderClosed" | "error" | "arrow" | "dropdown" | "labelContainer" | "selectionDisabled" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownListContainer" | "rootList", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         description: string;
@@ -10164,15 +10167,15 @@ declare const useClasses_57: (classesProp?: Partial<Record<"label" | "descriptio
         readOnly: string;
         placeholderClosed: string;
         error: string;
+        arrow: string;
         dropdown: string;
         labelContainer: string;
-        arrow: string;
         selectionDisabled: string;
-        rootList: string;
-        dropdownListContainer: string;
         dropdownHeader: string;
         dropdownHeaderInvalid: string;
         dropdownHeaderOpen: string;
+        dropdownListContainer: string;
+        rootList: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10181,13 +10184,13 @@ declare const useClasses_57: (classesProp?: Partial<Record<"label" | "descriptio
     cx: (...args: any) => string;
 };
 
-declare const useClasses_58: (classesProp?: Partial<Record<"selection" | "selectAll" | "selectAllContainer" | "rootList" | "dropdownListContainer" | "searchContainer" | "listBorderDown" | "listContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_58: (classesProp?: Partial<Record<"selection" | "selectAll" | "selectAllContainer" | "dropdownListContainer" | "rootList" | "searchContainer" | "listBorderDown" | "listContainer", string>>, addStatic?: boolean) => {
     classes: {
         selection: string;
         selectAll: string;
         selectAllContainer: string;
-        rootList: string;
         dropdownListContainer: string;
+        rootList: string;
         searchContainer: string;
         listBorderDown: string;
         listContainer: string;
@@ -10855,7 +10858,7 @@ declare const useClasses_93: (classesProp?: Partial<Record<"root" | "topGroup" |
         actionButtonContainer: string;
         topRulesContainer: string;
         buttonBackground: string;
-    }; /** Styles applied to the action button container. */
+    };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
         (...args: CSSInterpolation[]): string;
@@ -10863,13 +10866,15 @@ declare const useClasses_93: (classesProp?: Partial<Record<"root" | "topGroup" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_94: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "radio" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
+declare const useClasses_94: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "semantic" | "radio" | "checked" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
         label: string;
         root: string;
         disabled: string;
+        semantic: string;
         radio: string;
+        checked: string;
         focusVisible: string;
         invalidContainer: string;
         invalidRadio: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.61.0",
+  "version": "5.62.1",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "Core React components for the NEXT Design System.",
@@ -33,9 +33,9 @@
     "@emotion/css": "^11.11.2",
     "@emotion/serialize": "^1.1.2",
     "@emotion/utils": "^1.2.1",
-    "@hitachivantara/uikit-react-icons": "^5.9.4",
-    "@hitachivantara/uikit-react-shared": "^5.1.36",
-    "@hitachivantara/uikit-styles": "^5.26.0",
+    "@hitachivantara/uikit-react-icons": "^5.9.6",
+    "@hitachivantara/uikit-react-shared": "^5.1.38",
+    "@hitachivantara/uikit-styles": "^5.28.0",
     "@internationalized/date": "^3.2.0",
     "@mui/base": "^5.0.0-beta.34",
     "@popperjs/core": "^2.11.8",
@@ -62,7 +62,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "ebb3a87c5349dd9ba1de3c50bd638cad56f7c938",
+  "gitHead": "cf867c1a52e93c9cf9e6fcbbb2f9643d550a8d1c",
   "main": "dist/cjs/index.cjs",
   "exports": {
     ".": {