@hitachivantara/uikit-react-core 5.90.0 → 5.91.1

package/dist/types/index.d.ts

@@ -57,6 +57,7 @@ import { IconBaseProps } from '@hitachivantara/uikit-react-icons';
 import { IdType as IdType_2 } from 'react-table';
 import { InputBaseProps } from '@mui/material/InputBase';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { JSXElementConstructor } from 'react';
 import { MutableRefObject } from 'react';
 import { OptionGroupProps } from '@mui/base/OptionGroup';
 import { OptionOwnProps } from '@mui/base/Option';
@@ -68,6 +69,7 @@ import { PropGetter } from 'react-table';
 import { PropsWithoutRef } from 'react';
 import { RadioProps } from '@mui/material/Radio';
 import * as React_2 from 'react';
+import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { ReducerTableState } from 'react-table';
 import { RefAttributes } from 'react';
@@ -254,17 +256,17 @@ declare type AsProp<C extends React.ElementType> = {
 
 export declare const avatarClasses: {
     root: string;
-    container: string;
     img: string;
     fallback: string;
     status: string;
-    avatar: string;
-    badge: string;
+    container: string;
     xs: string;
     sm: string;
     md: string;
     lg: string;
     xl: string;
+    avatar: string;
+    badge: string;
     circular: string;
     square: string;
 };
@@ -859,9 +861,9 @@ export declare const dropdownClasses: {
 };
 
 export declare const dropDownMenuClasses: {
+    root: string;
     container: string;
     baseContainer: string;
-    root: string;
     icon: string;
     iconSelected: string;
     menuListRoot: string;
@@ -928,8 +930,6 @@ export declare const focusClasses: {
     disabled: string;
     focusDisabled: string;
     focused: string;
-    externalReference: string;
-    falseFocus: string;
     focus: string;
 };
 
@@ -963,11 +963,6 @@ export declare const getPrevNextFocus: (nodeId?: string) => {
     prevFocus: any;
 };
 
-export declare const getSelectorIcons: () => {
-    radio: JSX_2.Element;
-    radioChecked: JSX_2.Element;
-};
-
 export declare const getVarValue: (cssVar: string, rootElementId?: string) => string | undefined;
 
 export declare const globalActionsClasses: {
@@ -2584,7 +2579,7 @@ export declare interface HvColorPickerProps {
     /** The placeholder value when nothing is selected. */
     placeholder?: string;
     /** Recommended colors. The colors are HEX values. */
-    recommendedColors?: string[];
+    recommendedColors?: HvColorAny[];
     /** Recommended colors position. */
     recommendedColorsPosition?: "top" | "bottom";
     /** If `true`, the labels are shown. If `false`, they are not shown. */
@@ -3622,7 +3617,7 @@ export declare interface HvFilterGroupProps extends Omit<HvFormElementProps, "cl
 export declare type HvFilterGroupValue = (string | number)[][];
 
 /** @deprecated internal use only. this component has navigation issues. */
-export declare const HvFocus: ({ classes: classesProp, children, configuration, disabledClass, selected, disabled, rootRef, focusOnClick, focusDisabled, strategy, useFalseFocus, filterClass, navigationJump, }: HvFocusProps) => JSX_2.Element;
+export declare const HvFocus: ({ classes: classesProp, children, configuration, disabledClass, selected, disabled, rootRef, focusOnClick, focusDisabled, strategy, filterClass, navigationJump, }: HvFocusProps) => ReactElement<any, string | JSXElementConstructor<any>>;
 
 export declare type HvFocusClasses = ExtractNames<typeof useClasses_4>;
 
@@ -6529,6 +6524,12 @@ export declare interface HvTagProps extends Omit<HvButtonBaseProps, "type" | "co
     disabled?: boolean;
     /** The type of the tag element. A tag can be of semantic or categoric type. */
     type?: "semantic" | "categorical";
+    /** @deprecated */
+    variant?: "filled" | "outlined";
+    size?: Extract<HvSize, "xs" | "sm" | "md">;
+    icon?: React.ReactNode;
+    /** Whether to show the select icon checkbox. */
+    showSelectIcon?: boolean;
     /** The color variant of the tag */
     color?: HvColorAny;
     /** Icon used to customize the delete icon */
@@ -6540,9 +6541,7 @@ export declare interface HvTagProps extends Omit<HvButtonBaseProps, "type" | "co
     onDelete?: React.EventHandler<any>;
     /** Callback triggered when any item is clicked. */
     onClick?: (event: React.MouseEvent<HTMLElement>, selected?: boolean) => void;
-    /** Aria properties to apply to delete button in tag
-     * @deprecated no longer used
-     */
+    /** Aria properties to apply to delete button in tag. @deprecated no longer used */
     deleteButtonArialLabel?: string;
     /** Props to apply to delete icon */
     deleteButtonProps?: React.HTMLAttributes<HTMLDivElement>;
@@ -7963,6 +7962,7 @@ export declare const snackbarProviderClasses: {
     snackItemRoot: string;
 };
 
+/** @deprecated use `HvBreakpoints` instead */
 export declare type Spacing = HvBreakpoints;
 
 export declare const stackClasses: {
@@ -8129,7 +8129,12 @@ export declare const tabsClasses: {
 
 export declare const tagClasses: {
     root: string;
+    hasIcon: string;
+    outlined: string;
     categorical: string;
+    xs: string;
+    sm: string;
+    md: string;
     disabled: string;
     label: string;
     deleteIcon: string;
@@ -8544,10 +8549,15 @@ declare const useClasses_114: (classesProp?: Partial<Record<"root" | "stickyHead
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_115: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "icon" | "selected" | "button" | "deleteIcon" | "focusVisible" | "categorical" | "clickable" | "chipRoot" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
+declare const useClasses_115: (classesProp?: Partial<Record<"label" | "xs" | "sm" | "md" | "root" | "disabled" | "icon" | "selected" | "button" | "categorical" | "hasIcon" | "deleteIcon" | "clickable" | "focusVisible" | "outlined" | "chipRoot" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
+        hasIcon: string;
+        outlined: string;
         categorical: string;
+        xs: string;
+        sm: string;
+        md: string;
         disabled: string;
         label: string;
         deleteIcon: string;
@@ -8762,7 +8772,7 @@ declare const useClasses_128: (classesProp?: Partial<Record<"action" | "minimize
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_129: (classesProp?: Partial<Record<"root" | "listItem" | "list" | "popup" | "collapsed" | "navigationPopup", string>>, addStatic?: boolean) => {
+declare const useClasses_129: (classesProp?: Partial<Record<"root" | "list" | "popup" | "listItem" | "collapsed" | "navigationPopup", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         list: string;
@@ -8856,7 +8866,7 @@ declare const useClasses_133: (classesProp?: Partial<Record<"text" | "content" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_14: (classesProp?: Partial<Record<"primary" | "primarySubtle" | "secondary" | "root" | "disabled" | "semantic" | "icon" | "secondarySubtle" | "ghost" | "secondaryGhost" | "contained" | "primaryGhost" | "subtle" | "startIcon" | "endIcon" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_14: (classesProp?: Partial<Record<"primary" | "primarySubtle" | "secondary" | "root" | "semantic" | "disabled" | "icon" | "secondarySubtle" | "ghost" | "secondaryGhost" | "contained" | "primaryGhost" | "subtle" | "startIcon" | "endIcon" | "focusVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         startIcon: string;
@@ -9053,9 +9063,9 @@ declare const useClasses_23: (classesProp?: Partial<Record<"root" | "button" | "
 
 declare const useClasses_24: (classesProp?: Partial<Record<"container" | "root" | "icon" | "iconSelected" | "baseContainer" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
     readonly classes: {
+        root: string;
         container: string;
         baseContainer: string;
-        root: string;
         icon: string;
         iconSelected: string;
         menuListRoot: string;
@@ -9108,17 +9118,17 @@ declare const useClasses_26: (classesProp?: Partial<Record<"typography" | "root"
 declare const useClasses_27: (classesProp?: Partial<Record<"container" | "xs" | "sm" | "md" | "lg" | "xl" | "root" | "square" | "img" | "status" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        container: string;
         img: string;
         fallback: string;
         status: string;
-        avatar: string;
-        badge: string;
+        container: string;
         xs: string;
         sm: string;
         md: string;
         lg: string;
         xl: string;
+        avatar: string;
+        badge: string;
         circular: string;
         square: string;
     };
@@ -9198,7 +9208,7 @@ declare const useClasses_31: (classesProp?: Partial<Record<"accent" | "warning"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_32: (classesProp?: Partial<Record<"root" | "disabled" | "semantic" | "icon" | "checked" | "indeterminate" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_32: (classesProp?: Partial<Record<"root" | "checked" | "semantic" | "indeterminate" | "disabled" | "icon" | "focusVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         disabled: string;
@@ -9212,7 +9222,7 @@ declare const useClasses_32: (classesProp?: Partial<Record<"root" | "disabled" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_33: (classesProp?: Partial<Record<"root" | "disabled" | "semantic" | "icon" | "checked" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_33: (classesProp?: Partial<Record<"root" | "checked" | "semantic" | "disabled" | "icon" | "focusVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         disabled: string;
@@ -9225,7 +9235,7 @@ declare const useClasses_33: (classesProp?: Partial<Record<"root" | "disabled" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_34: (classesProp?: Partial<Record<"root" | "disabled" | "readOnly" | "switch" | "switchBase" | "track" | "checked" | "thumb" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_34: (classesProp?: Partial<Record<"root" | "checked" | "disabled" | "readOnly" | "switch" | "switchBase" | "track" | "thumb" | "focusVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         switch: string;
@@ -9269,7 +9279,7 @@ declare const useClasses_36: (classesProp?: Partial<Record<"root" | "semantic" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_37: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "semantic" | "checkbox" | "checked" | "indeterminate" | "focusVisible" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
+declare const useClasses_37: (classesProp?: Partial<Record<"container" | "label" | "root" | "checked" | "semantic" | "indeterminate" | "disabled" | "checkbox" | "focusVisible" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         container: string;
@@ -9310,15 +9320,13 @@ declare const useClasses_39: (classesProp?: Partial<Record<"root" | "invalid" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_4: (classesProp?: Partial<Record<"root" | "disabled" | "focused" | "selected" | "focus" | "focusDisabled" | "externalReference" | "falseFocus", string>>, addStatic?: boolean) => {
+declare const useClasses_4: (classesProp?: Partial<Record<"root" | "disabled" | "focused" | "selected" | "focus" | "focusDisabled", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         selected: string;
         disabled: string;
         focusDisabled: string;
         focused: string;
-        externalReference: string;
-        falseFocus: string;
         focus: string;
     };
     readonly css: any;
@@ -10288,7 +10296,7 @@ declare const useClasses_97: (classesProp?: Partial<Record<"root" | "topGroup" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_98: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "semantic" | "radio" | "checked" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
+declare const useClasses_98: (classesProp?: Partial<Record<"container" | "label" | "root" | "checked" | "semantic" | "disabled" | "radio" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         container: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.90.0",
+  "version": "5.91.1",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "Core React components for the NEXT Design System.",
@@ -32,10 +32,10 @@
   "dependencies": {
     "@emotion/cache": "^11.11.0",
     "@emotion/serialize": "^1.1.2",
-    "@hitachivantara/uikit-react-icons": "^5.14.1",
-    "@hitachivantara/uikit-react-shared": "^5.3.26",
-    "@hitachivantara/uikit-react-utils": "^0.2.27",
-    "@hitachivantara/uikit-styles": "^5.43.0",
+    "@hitachivantara/uikit-react-icons": "^5.14.3",
+    "@hitachivantara/uikit-react-shared": "^5.3.28",
+    "@hitachivantara/uikit-react-utils": "^0.2.29",
+    "@hitachivantara/uikit-styles": "^5.44.1",
     "@internationalized/date": "^3.2.0",
     "@mui/base": "5.0.0-beta.68",
     "@popperjs/core": "^2.11.8",
@@ -62,7 +62,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "eee4430726670b0641ae608a3eaef68713e76fd6",
+  "gitHead": "f5d115c12ef1f285c3ddcb34c0e7fbfd8df3666f",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",

package/dist/cjs/utils/ConditionalWrapper.cjs

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const ConditionalWrapper = ({
-  condition,
-  wrapper,
-  children
-}) => condition ? wrapper(children) : children;
-exports.ConditionalWrapper = ConditionalWrapper;

package/dist/esm/utils/ConditionalWrapper.js

@@ -1,8 +0,0 @@
-const ConditionalWrapper = ({
-  condition,
-  wrapper,
-  children
-}) => condition ? wrapper(children) : children;
-export {
-  ConditionalWrapper
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"ConditionalWrapper.js","sources":["../../../src/utils/ConditionalWrapper.tsx"],"sourcesContent":["export const ConditionalWrapper = ({\n  condition,\n  wrapper,\n  children,\n}: {\n  condition?: boolean;\n  wrapper: any;\n  children: React.ReactNode;\n}) => (condition ? wrapper(children) : children);\n"],"names":[],"mappings":"AAAO,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,MAIO,YAAY,QAAQ,QAAQ,IAAI;"}