@hitachivantara/uikit-react-core 5.23.0 → 5.24.1

package/dist/cjs/index.cjs

@@ -14,30 +14,30 @@ const listContainerClasses = require("./components/ListContainer/listContainerCl
 const ListContainer = require("./components/ListContainer/ListContainer.cjs");
 const listItemClasses = require("./components/ListContainer/ListItem/listItemClasses.cjs");
 const ListItem = require("./components/ListContainer/ListItem/ListItem.cjs");
-const charCounterClasses = require("./components/Forms/CharCounter/charCounterClasses.cjs");
+const CharCounter_styles = require("./components/Forms/CharCounter/CharCounter.styles.cjs");
 const CharCounter = require("./components/Forms/CharCounter/CharCounter.cjs");
-const adornmentClasses = require("./components/Forms/Adornment/adornmentClasses.cjs");
+const Adornment_styles = require("./components/Forms/Adornment/Adornment.styles.cjs");
 const Adornment = require("./components/Forms/Adornment/Adornment.cjs");
-const formElementClasses = require("./components/Forms/FormElement/formElementClasses.cjs");
+const FormElement_styles = require("./components/Forms/FormElement/FormElement.styles.cjs");
 const FormElement = require("./components/Forms/FormElement/FormElement.cjs");
 const FormElementContext = require("./components/Forms/FormElement/context/FormElementContext.cjs");
 const FormElementValueContext = require("./components/Forms/FormElement/context/FormElementValueContext.cjs");
 const FormElementDescriptorsContext = require("./components/Forms/FormElement/context/FormElementDescriptorsContext.cjs");
 const FormUtils = require("./components/Forms/FormElement/utils/FormUtils.cjs");
 const validationStates = require("./components/Forms/FormElement/validationStates.cjs");
-const labelClasses = require("./components/Forms/Label/labelClasses.cjs");
+const Label_styles = require("./components/Forms/Label/Label.styles.cjs");
 const Label = require("./components/Forms/Label/Label.cjs");
-const infoMessageClasses = require("./components/Forms/InfoMessage/infoMessageClasses.cjs");
+const InfoMessage_styles = require("./components/Forms/InfoMessage/InfoMessage.styles.cjs");
 const InfoMessage = require("./components/Forms/InfoMessage/InfoMessage.cjs");
-const warningTextClasses = require("./components/Forms/WarningText/warningTextClasses.cjs");
+const WarningText_styles = require("./components/Forms/WarningText/WarningText.styles.cjs");
 const WarningText = require("./components/Forms/WarningText/WarningText.cjs");
 const selectionListClasses = require("./components/SelectionList/selectionListClasses.cjs");
 const SelectionList = require("./components/SelectionList/SelectionList.cjs");
-const suggestionsClasses = require("./components/Forms/Suggestions/suggestionsClasses.cjs");
+const Suggestions_styles = require("./components/Forms/Suggestions/Suggestions.styles.cjs");
 const Suggestions = require("./components/Forms/Suggestions/Suggestions.cjs");
 const BaseInput_styles = require("./components/BaseInput/BaseInput.styles.cjs");
 const BaseInput = require("./components/BaseInput/BaseInput.cjs");
-const baseDropdownClasses = require("./components/BaseDropdown/baseDropdownClasses.cjs");
+const BaseDropdown_styles = require("./components/BaseDropdown/BaseDropdown.styles.cjs");
 const BaseDropdown = require("./components/BaseDropdown/BaseDropdown.cjs");
 const ActionBar_styles = require("./components/ActionBar/ActionBar.styles.cjs");
 const ActionBar = require("./components/ActionBar/ActionBar.cjs");
@@ -58,7 +58,7 @@ const Content_styles = require("./components/Card/Content/Content.styles.cjs");
 const Content = require("./components/Card/Content/Content.cjs");
 const Media_styles = require("./components/Card/Media/Media.styles.cjs");
 const Media = require("./components/Card/Media/Media.cjs");
-const containerClasses = require("./components/Container/containerClasses.cjs");
+const Container_styles = require("./components/Container/Container.styles.cjs");
 const Container = require("./components/Container/Container.cjs");
 const Title_styles = require("./components/Dialog/Title/Title.styles.cjs");
 const Title = require("./components/Dialog/Title/Title.cjs");
@@ -70,21 +70,21 @@ const Dialog_styles = require("./components/Dialog/Dialog.styles.cjs");
 const Dialog = require("./components/Dialog/Dialog.cjs");
 const Drawer_styles = require("./components/Drawer/Drawer.styles.cjs");
 const Drawer = require("./components/Drawer/Drawer.cjs");
-const emptyStateClasses = require("./components/EmptyState/emptyStateClasses.cjs");
+const EmptyState_styles = require("./components/EmptyState/EmptyState.styles.cjs");
 const EmptyState = require("./components/EmptyState/EmptyState.cjs");
-const footerClasses = require("./components/Footer/footerClasses.cjs");
+const Footer_styles = require("./components/Footer/Footer.styles.cjs");
 const Footer = require("./components/Footer/Footer.cjs");
 const gridClasses = require("./components/Grid/gridClasses.cjs");
 const Grid = require("./components/Grid/Grid.cjs");
-const headerClasses = require("./components/Header/headerClasses.cjs");
+const Header_styles$1 = require("./components/Header/Header.styles.cjs");
 const Header$1 = require("./components/Header/Header.cjs");
-const actionsClasses = require("./components/Header/Actions/actionsClasses.cjs");
+const Actions_styles$1 = require("./components/Header/Actions/Actions.styles.cjs");
 const Actions$1 = require("./components/Header/Actions/Actions.cjs");
-const brandClasses = require("./components/Header/Brand/brandClasses.cjs");
+const Brand_styles = require("./components/Header/Brand/Brand.styles.cjs");
 const Brand = require("./components/Header/Brand/Brand.cjs");
-const navigationClasses = require("./components/Header/Navigation/navigationClasses.cjs");
 const MenuBar = require("./components/Header/Navigation/MenuBar/MenuBar.cjs");
 const MenuItem = require("./components/Header/Navigation/MenuItem/MenuItem.cjs");
+const Navigation_styles = require("./components/Header/Navigation/Navigation.styles.cjs");
 const Navigation = require("./components/Header/Navigation/Navigation.cjs");
 const useSelectionPath = require("./components/Header/Navigation/useSelectionPath.cjs");
 const kpiClasses = require("./components/Kpi/kpiClasses.cjs");
@@ -95,9 +95,9 @@ const loadingClasses = require("./components/Loading/loadingClasses.cjs");
 const Loading = require("./components/Loading/Loading.cjs");
 const multiButtonClasses = require("./components/MultiButton/multiButtonClasses.cjs");
 const MultiButton = require("./components/MultiButton/MultiButton.cjs");
-const panelClasses = require("./components/Panel/panelClasses.cjs");
+const Panel_styles = require("./components/Panel/Panel.styles.cjs");
 const Panel = require("./components/Panel/Panel.cjs");
-const progressBarClasses = require("./components/ProgressBar/progressBarClasses.cjs");
+const ProgressBar_styles = require("./components/ProgressBar/ProgressBar.styles.cjs");
 const ProgressBar = require("./components/ProgressBar/ProgressBar.cjs");
 const SimpleGrid = require("./components/SimpleGrid/SimpleGrid.cjs");
 const stackClasses = require("./components/Stack/stackClasses.cjs");
@@ -113,37 +113,37 @@ const tooltipClasses = require("./components/Tooltip/tooltipClasses.cjs");
 const Tooltip = require("./components/Tooltip/Tooltip.cjs");
 const overflowTooltipClasses = require("./components/OverflowTooltip/overflowTooltipClasses.cjs");
 const OverflowTooltip = require("./components/OverflowTooltip/OverflowTooltip.cjs");
-const baseCheckBoxClasses = require("./components/BaseCheckBox/baseCheckBoxClasses.cjs");
+const BaseCheckBox_styles = require("./components/BaseCheckBox/BaseCheckBox.styles.cjs");
 const BaseCheckBox = require("./components/BaseCheckBox/BaseCheckBox.cjs");
-const baseRadioClasses = require("./components/BaseRadio/baseRadioClasses.cjs");
+const BaseRadio_styles = require("./components/BaseRadio/BaseRadio.styles.cjs");
 const BaseRadio = require("./components/BaseRadio/BaseRadio.cjs");
 const AppSwitcher_styles = require("./components/AppSwitcher/AppSwitcher.styles.cjs");
 const AppSwitcher = require("./components/AppSwitcher/AppSwitcher.cjs");
 const Action_styles = require("./components/AppSwitcher/Action/Action.styles.cjs");
 const Action = require("./components/AppSwitcher/Action/Action.cjs");
-const baseSwitchClasses = require("./components/BaseSwitch/baseSwitchClasses.cjs");
+const BaseSwitch_styles = require("./components/BaseSwitch/BaseSwitch.styles.cjs");
 const BaseSwitch = require("./components/BaseSwitch/BaseSwitch.cjs");
-const checkBoxClasses = require("./components/CheckBox/checkBoxClasses.cjs");
+const CheckBox_styles = require("./components/CheckBox/CheckBox.styles.cjs");
 const CheckBox = require("./components/CheckBox/CheckBox.cjs");
 const Input_styles = require("./components/Input/Input.styles.cjs");
 const Input = require("./components/Input/Input.cjs");
-const switchClasses = require("./components/Switch/switchClasses.cjs");
+const Switch_styles = require("./components/Switch/Switch.styles.cjs");
 const Switch = require("./components/Switch/Switch.cjs");
-const radioClasses = require("./components/Radio/radioClasses.cjs");
+const Radio_styles = require("./components/Radio/Radio.styles.cjs");
 const Radio = require("./components/Radio/Radio.cjs");
 const textAreaClasses = require("./components/TextArea/textAreaClasses.cjs");
 const TextArea = require("./components/TextArea/TextArea.cjs");
 const tagsInputClasses = require("./components/TagsInput/tagsInputClasses.cjs");
 const TagsInput = require("./components/TagsInput/TagsInput.cjs");
-const checkBoxGroupClasses = require("./components/CheckBoxGroup/checkBoxGroupClasses.cjs");
+const CheckBoxGroup_styles = require("./components/CheckBoxGroup/CheckBoxGroup.styles.cjs");
 const CheckBoxGroup = require("./components/CheckBoxGroup/CheckBoxGroup.cjs");
 const listClasses = require("./components/List/listClasses.cjs");
 const List = require("./components/List/List.cjs");
-const radioGroupClasses = require("./components/RadioGroup/radioGroupClasses.cjs");
+const RadioGroup_styles = require("./components/RadioGroup/RadioGroup.styles.cjs");
 const RadioGroup = require("./components/RadioGroup/RadioGroup.cjs");
-const previewClasses = require("./components/FileUploader/Preview/previewClasses.cjs");
+const Preview_styles = require("./components/FileUploader/Preview/Preview.styles.cjs");
 const Preview = require("./components/FileUploader/Preview/Preview.cjs");
-const fileClasses = require("./components/FileUploader/File/fileClasses.cjs");
+const File_styles = require("./components/FileUploader/File/File.styles.cjs");
 const File = require("./components/FileUploader/File/File.cjs");
 const FileUploader = require("./components/FileUploader/FileUploader.cjs");
 const DropDownMenu_styles = require("./components/DropDownMenu/DropDownMenu.styles.cjs");
@@ -152,7 +152,7 @@ const Pagination_styles = require("./components/Pagination/Pagination.styles.cjs
 const Pagination = require("./components/Pagination/Pagination.cjs");
 const ActionsGeneric_styles = require("./components/ActionsGeneric/ActionsGeneric.styles.cjs");
 const ActionsGeneric = require("./components/ActionsGeneric/ActionsGeneric.cjs");
-const breadCrumbClasses = require("./components/BreadCrumb/breadCrumbClasses.cjs");
+const BreadCrumb_styles = require("./components/BreadCrumb/BreadCrumb.styles.cjs");
 const BreadCrumb = require("./components/BreadCrumb/BreadCrumb.cjs");
 const DotPagination_styles = require("./components/DotPagination/DotPagination.styles.cjs");
 const DotPagination = require("./components/DotPagination/DotPagination.cjs");
@@ -164,23 +164,23 @@ const Snackbar_styles = require("./components/Snackbar/Snackbar.styles.cjs");
 const Snackbar = require("./components/Snackbar/Snackbar.cjs");
 const SnackbarProvider_styles = require("./components/Snackbar/SnackbarProvider/SnackbarProvider.styles.cjs");
 const SnackbarProvider = require("./components/Snackbar/SnackbarProvider/SnackbarProvider.cjs");
-const SnackbarContentWrapper_styles = require("./components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.styles.cjs");
-const SnackbarContentWrapper = require("./components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.cjs");
-const bulkActionsClasses = require("./components/BulkActions/bulkActionsClasses.cjs");
+const SnackbarContent_styles = require("./components/Snackbar/SnackbarContent/SnackbarContent.styles.cjs");
+const SnackbarContent = require("./components/Snackbar/SnackbarContent/SnackbarContent.cjs");
+const BulkActions_styles = require("./components/BulkActions/BulkActions.styles.cjs");
 const BulkActions = require("./components/BulkActions/BulkActions.cjs");
 const globalActionsClasses = require("./components/GlobalActions/globalActionsClasses.cjs");
 const GlobalActions = require("./components/GlobalActions/GlobalActions.cjs");
-const dropdownClasses = require("./components/Dropdown/dropdownClasses.cjs");
+const Dropdown_styles = require("./components/Dropdown/Dropdown.styles.cjs");
 const Dropdown = require("./components/Dropdown/Dropdown.cjs");
-const tableClasses = require("./components/Table/tableClasses.cjs");
+const Table_styles = require("./components/Table/Table.styles.cjs");
 const Table = require("./components/Table/Table.cjs");
-const tableContainerClasses = require("./components/Table/TableContainer/tableContainerClasses.cjs");
+const TableContainer_styles = require("./components/Table/TableContainer/TableContainer.styles.cjs");
 const TableContainer = require("./components/Table/TableContainer/TableContainer.cjs");
-const tableBodyClasses = require("./components/Table/TableBody/tableBodyClasses.cjs");
+const TableBody_styles = require("./components/Table/TableBody/TableBody.styles.cjs");
 const TableBody = require("./components/Table/TableBody/TableBody.cjs");
-const tableHeadClasses = require("./components/Table/TableHead/tableHeadClasses.cjs");
+const TableHead_styles = require("./components/Table/TableHead/TableHead.styles.cjs");
 const TableHead = require("./components/Table/TableHead/TableHead.cjs");
-const tableHeaderClasses = require("./components/Table/TableHeader/tableHeaderClasses.cjs");
+const TableHeader_styles = require("./components/Table/TableHeader/TableHeader.styles.cjs");
 const TableHeader = require("./components/Table/TableHeader/TableHeader.cjs");
 const TableRow_styles = require("./components/Table/TableRow/TableRow.styles.cjs");
 const TableRow = require("./components/Table/TableRow/TableRow.cjs");
@@ -203,13 +203,13 @@ const ProgressColumnCell = require("./components/Table/renderers/ProgressColumnC
 const SwitchColumnCell = require("./components/Table/renderers/SwitchColumnCell/SwitchColumnCell.cjs");
 const fallbacks = require("./components/Table/utils/fallbacks.cjs");
 const utils$1 = require("./components/Table/utils/utils.cjs");
-const loginClasses = require("./components/Login/loginClasses.cjs");
+const Login_styles = require("./components/Login/Login.styles.cjs");
 const Login = require("./components/Login/Login.cjs");
-const controlClasses = require("./components/Controls/controlClasses.cjs");
+const Controls_styles = require("./components/Controls/Controls.styles.cjs");
 const Controls = require("./components/Controls/Controls.cjs");
-const leftControlClasses = require("./components/Controls/LeftControl/leftControlClasses.cjs");
+const LeftControl_styles = require("./components/Controls/LeftControl/LeftControl.styles.cjs");
 const LeftControl = require("./components/Controls/LeftControl/LeftControl.cjs");
-const rightControlClasses = require("./components/Controls/RightControl/rightControlClasses.cjs");
+const RightControl_styles = require("./components/Controls/RightControl/RightControl.styles.cjs");
 const RightControl = require("./components/Controls/RightControl/RightControl.cjs");
 const calendarClasses = require("./components/Calendar/calendarClasses.cjs");
 const Calendar = require("./components/Calendar/Calendar.cjs");
@@ -217,13 +217,13 @@ const calendarHeaderClasses = require("./components/Calendar/CalendarHeader/cale
 const CalendarHeader = require("./components/Calendar/CalendarHeader/CalendarHeader.cjs");
 const verticalNavigationClasses = require("./components/VerticalNavigation/verticalNavigationClasses.cjs");
 const VerticalNavigation = require("./components/VerticalNavigation/VerticalNavigation.cjs");
-const headerClasses$1 = require("./components/VerticalNavigation/Header/headerClasses.cjs");
+const headerClasses = require("./components/VerticalNavigation/Header/headerClasses.cjs");
 const Header$2 = require("./components/VerticalNavigation/Header/Header.cjs");
 const actionClasses = require("./components/VerticalNavigation/Actions/actionClasses.cjs");
-const actionsClasses$1 = require("./components/VerticalNavigation/Actions/actionsClasses.cjs");
+const actionsClasses = require("./components/VerticalNavigation/Actions/actionsClasses.cjs");
 const Actions$2 = require("./components/VerticalNavigation/Actions/Actions.cjs");
 const Action$1 = require("./components/VerticalNavigation/Actions/Action.cjs");
-const navigationClasses$1 = require("./components/VerticalNavigation/Navigation/navigationClasses.cjs");
+const navigationClasses = require("./components/VerticalNavigation/Navigation/navigationClasses.cjs");
 const Navigation$1 = require("./components/VerticalNavigation/Navigation/Navigation.cjs");
 const navigationSliderClasses = require("./components/VerticalNavigation/NavigationSlider/navigationSliderClasses.cjs");
 const NavigationSlider = require("./components/VerticalNavigation/NavigationSlider/NavigationSlider.cjs");
@@ -321,11 +321,11 @@ exports.listContainerClasses = listContainerClasses.default;
 exports.HvListContainer = ListContainer.HvListContainer;
 exports.listItemClasses = listItemClasses.default;
 exports.HvListItem = ListItem.HvListItem;
-exports.charCounterClasses = charCounterClasses.default;
+exports.charCounterClasses = CharCounter_styles.staticClasses;
 exports.HvCharCounter = CharCounter.HvCharCounter;
-exports.adornmentClasses = adornmentClasses.default;
+exports.adornmentClasses = Adornment_styles.staticClasses;
 exports.HvAdornment = Adornment.HvAdornment;
-exports.formElementClasses = formElementClasses.default;
+exports.formElementClasses = FormElement_styles.staticClasses;
 exports.HvFormElement = FormElement.HvFormElement;
 exports.HvFormElementContext = FormElementContext.HvFormElementContext;
 exports.HvFormElementContextConsumer = FormElementContext.HvFormElementContextConsumer;
@@ -343,19 +343,19 @@ exports.getIdReferenceFor = FormUtils.getIdReferenceFor;
 exports.getIdReferenceListFor = FormUtils.getIdReferenceListFor;
 exports.isInvalid = validationStates.isInvalid;
 exports.isValid = validationStates.isValid;
-exports.labelClasses = labelClasses.default;
+exports.labelClasses = Label_styles.staticClasses;
 exports.HvLabel = Label.HvLabel;
-exports.infoMessageClasses = infoMessageClasses.default;
+exports.infoMessageClasses = InfoMessage_styles.staticClasses;
 exports.HvInfoMessage = InfoMessage.HvInfoMessage;
-exports.warningTextClasses = warningTextClasses.default;
+exports.warningTextClasses = WarningText_styles.staticClasses;
 exports.HvWarningText = WarningText.HvWarningText;
 exports.selectionListClasses = selectionListClasses.default;
 exports.HvSelectionList = SelectionList.HvSelectionList;
-exports.suggestionsClasses = suggestionsClasses.default;
+exports.suggestionsClasses = Suggestions_styles.staticClasses;
 exports.HvSuggestions = Suggestions.HvSuggestions;
 exports.baseInputClasses = BaseInput_styles.staticClasses;
 exports.HvBaseInput = BaseInput.HvBaseInput;
-exports.baseDropdownClasses = baseDropdownClasses.default;
+exports.baseDropdownClasses = BaseDropdown_styles.staticClasses;
 exports.HvBaseDropdown = BaseDropdown.HvBaseDropdown;
 exports.actionBarClasses = ActionBar_styles.staticClasses;
 exports.HvActionBar = ActionBar.HvActionBar;
@@ -378,7 +378,7 @@ exports.cardContentClasses = Content_styles.staticClasses;
 exports.HvCardContent = Content.HvCardContent;
 exports.cardMediaClasses = Media_styles.staticClasses;
 exports.HvCardMedia = Media.HvCardMedia;
-exports.containerClasses = containerClasses.default;
+exports.containerClasses = Container_styles.staticClasses;
 exports.HvContainer = Container.HvContainer;
 exports.dialogTitleClasses = Title_styles.staticClasses;
 exports.HvDialogTitle = Title.HvDialogTitle;
@@ -390,21 +390,21 @@ exports.dialogClasses = Dialog_styles.staticClasses;
 exports.HvDialog = Dialog.HvDialog;
 exports.drawerClasses = Drawer_styles.staticClasses;
 exports.HvDrawer = Drawer.HvDrawer;
-exports.emptyStateClasses = emptyStateClasses.default;
+exports.emptyStateClasses = EmptyState_styles.staticClasses;
 exports.HvEmptyState = EmptyState.HvEmptyState;
-exports.footerClasses = footerClasses.default;
+exports.footerClasses = Footer_styles.staticClasses;
 exports.HvFooter = Footer.HvFooter;
 exports.gridClasses = gridClasses.default;
 exports.HvGrid = Grid.HvGrid;
-exports.headerClasses = headerClasses.default;
+exports.headerClasses = Header_styles$1.staticClasses;
 exports.HvHeader = Header$1.HvHeader;
-exports.headerActionsClasses = actionsClasses.default;
+exports.headerActionsClasses = Actions_styles$1.staticClasses;
 exports.HvHeaderActions = Actions$1.HvHeaderActions;
-exports.headerBrandClasses = brandClasses.default;
+exports.headerBrandClasses = Brand_styles.staticClasses;
 exports.HvHeaderBrand = Brand.HvHeaderBrand;
-exports.headerNavigationClasses = navigationClasses.default;
 exports.HvHeaderMenuBar = MenuBar.HvHeaderMenuBar;
 exports.HvHeaderMenuItem = MenuItem.HvHeaderMenuItem;
+exports.headerNavigationClasses = Navigation_styles.staticClasses;
 exports.HvHeaderNavigation = Navigation.HvHeaderNavigation;
 exports.useSelectionPath = useSelectionPath.useSelectionPath;
 exports.kpiClasses = kpiClasses.default;
@@ -415,9 +415,9 @@ exports.loadingClasses = loadingClasses.default;
 exports.HvLoading = Loading.HvLoading;
 exports.multiButtonClasses = multiButtonClasses.default;
 exports.HvMultiButton = MultiButton.HvMultiButton;
-exports.panelClasses = panelClasses.default;
+exports.panelClasses = Panel_styles.staticClasses;
 exports.HvPanel = Panel.HvPanel;
-exports.progressBarClasses = progressBarClasses.default;
+exports.progressBarClasses = ProgressBar_styles.staticClasses;
 exports.HvProgressBar = ProgressBar.HvProgressBar;
 exports.HvSimpleGrid = SimpleGrid.HvSimpleGrid;
 exports.stackClasses = stackClasses.default;
@@ -433,38 +433,38 @@ exports.tooltipClasses = tooltipClasses.default;
 exports.HvTooltip = Tooltip.HvTooltip;
 exports.overflowTooltipClasses = overflowTooltipClasses.default;
 exports.HvOverflowTooltip = OverflowTooltip.HvOverflowTooltip;
-exports.baseCheckBoxClasses = baseCheckBoxClasses.default;
+exports.baseCheckBoxClasses = BaseCheckBox_styles.staticClasses;
 exports.HvBaseCheckBox = BaseCheckBox.HvBaseCheckBox;
-exports.baseRadioClasses = baseRadioClasses.default;
+exports.baseRadioClasses = BaseRadio_styles.staticClasses;
 exports.HvBaseRadio = BaseRadio.HvBaseRadio;
 exports.getSelectorIcons = BaseRadio.getSelectorIcons;
 exports.appSwitcherClasses = AppSwitcher_styles.staticClasses;
 exports.HvAppSwitcher = AppSwitcher.HvAppSwitcher;
 exports.appSwitcherActionClasses = Action_styles.staticClasses;
 exports.HvAppSwitcherAction = Action.HvAppSwitcherAction;
-exports.baseSwitchClasses = baseSwitchClasses.default;
+exports.baseSwitchClasses = BaseSwitch_styles.staticClasses;
 exports.HvBaseSwitch = BaseSwitch.HvBaseSwitch;
-exports.checkBoxClasses = checkBoxClasses.default;
+exports.checkBoxClasses = CheckBox_styles.staticClasses;
 exports.HvCheckBox = CheckBox.HvCheckBox;
 exports.inputClasses = Input_styles.staticClasses;
 exports.HvInput = Input.HvInput;
-exports.switchClasses = switchClasses.default;
+exports.switchClasses = Switch_styles.staticClasses;
 exports.HvSwitch = Switch.HvSwitch;
-exports.radioClasses = radioClasses.default;
+exports.radioClasses = Radio_styles.staticClasses;
 exports.HvRadio = Radio.HvRadio;
 exports.textAreaClasses = textAreaClasses.default;
 exports.HvTextArea = TextArea.HvTextArea;
 exports.tagsInputClasses = tagsInputClasses.default;
 exports.HvTagsInput = TagsInput.HvTagsInput;
-exports.checkBoxGroupClasses = checkBoxGroupClasses.default;
+exports.checkBoxGroupClasses = CheckBoxGroup_styles.staticClasses;
 exports.HvCheckBoxGroup = CheckBoxGroup.HvCheckBoxGroup;
 exports.listClasses = listClasses.default;
 exports.HvList = List.HvList;
-exports.radioGroupClasses = radioGroupClasses.default;
+exports.radioGroupClasses = RadioGroup_styles.staticClasses;
 exports.HvRadioGroup = RadioGroup.HvRadioGroup;
-exports.fileUploaderPreviewClasses = previewClasses.default;
+exports.fileUploaderPreviewClasses = Preview_styles.staticClasses;
 exports.HvFileUploaderPreview = Preview.HvFileUploaderPreview;
-exports.fileClasses = fileClasses.default;
+exports.fileClasses = File_styles.staticClasses;
 exports.HvFile = File.HvFile;
 exports.HvFileUploader = FileUploader.HvFileUploader;
 exports.dropDownMenuClasses = DropDownMenu_styles.staticClasses;
@@ -473,7 +473,7 @@ exports.paginationClasses = Pagination_styles.staticClasses;
 exports.HvPagination = Pagination.HvPagination;
 exports.actionsGenericClasses = ActionsGeneric_styles.staticClasses;
 exports.HvActionsGeneric = ActionsGeneric.HvActionsGeneric;
-exports.breadCrumbClasses = breadCrumbClasses.default;
+exports.breadCrumbClasses = BreadCrumb_styles.staticClasses;
 exports.HvBreadCrumb = BreadCrumb.HvBreadCrumb;
 exports.dotPaginationClasses = DotPagination_styles.staticClasses;
 exports.HvDotPagination = DotPagination.HvDotPagination;
@@ -486,23 +486,23 @@ exports.HvSnackbar = Snackbar.HvSnackbar;
 exports.snackbarProviderClasses = SnackbarProvider_styles.staticClasses;
 exports.HvSnackbarProvider = SnackbarProvider.HvSnackbarProvider;
 exports.useHvSnackbar = SnackbarProvider.useHvSnackbar;
-exports.snackbarContentClasses = SnackbarContentWrapper_styles.staticClasses;
-exports.HvSnackbarContent = SnackbarContentWrapper.HvSnackbarContent;
-exports.bulkActionsClasses = bulkActionsClasses.default;
+exports.snackbarContentClasses = SnackbarContent_styles.staticClasses;
+exports.HvSnackbarContent = SnackbarContent.HvSnackbarContent;
+exports.bulkActionsClasses = BulkActions_styles.staticClasses;
 exports.HvBulkActions = BulkActions.HvBulkActions;
 exports.globalActionsClasses = globalActionsClasses.default;
 exports.HvGlobalActions = GlobalActions.HvGlobalActions;
-exports.dropdownClasses = dropdownClasses.default;
+exports.dropdownClasses = Dropdown_styles.staticClasses;
 exports.HvDropdown = Dropdown.HvDropdown;
-exports.tableClasses = tableClasses.default;
+exports.tableClasses = Table_styles.staticClasses;
 exports.HvTable = Table.HvTable;
-exports.tableContainerClasses = tableContainerClasses.default;
+exports.tableContainerClasses = TableContainer_styles.staticClasses;
 exports.HvTableContainer = TableContainer.HvTableContainer;
-exports.tableBodyClasses = tableBodyClasses.default;
+exports.tableBodyClasses = TableBody_styles.staticClasses;
 exports.HvTableBody = TableBody.HvTableBody;
-exports.tableHeadClasses = tableHeadClasses.default;
+exports.tableHeadClasses = TableHead_styles.staticClasses;
 exports.HvTableHead = TableHead.HvTableHead;
-exports.tableHeaderClasses = tableHeaderClasses.default;
+exports.tableHeaderClasses = TableHeader_styles.staticClasses;
 exports.HvTableHeader = TableHeader.HvTableHeader;
 exports.tableRowClasses = TableRow_styles.staticClasses;
 exports.HvTableRow = TableRow.HvTableRow;
@@ -559,13 +559,13 @@ exports.hvNodeFallback = fallbacks.hvNodeFallback;
 exports.hvNumberFallback = fallbacks.hvNumberFallback;
 exports.hvStringFallback = fallbacks.hvStringFallback;
 exports.getBorderStyles = utils$1.getBorderStyles;
-exports.loginClasses = loginClasses.default;
+exports.loginClasses = Login_styles.staticClasses;
 exports.HvLogin = Login.HvLogin;
-exports.controlsClasses = controlClasses.default;
+exports.controlsClasses = Controls_styles.staticClasses;
 exports.HvControls = Controls.HvControls;
-exports.leftControlClasses = leftControlClasses.default;
+exports.leftControlClasses = LeftControl_styles.staticClasses;
 exports.HvLeftControl = LeftControl.HvLeftControl;
-exports.rightControlClasses = rightControlClasses.default;
+exports.rightControlClasses = RightControl_styles.staticClasses;
 exports.HvRightControl = RightControl.HvRightControl;
 exports.calendarClasses = calendarClasses.default;
 exports.HvCalendar = Calendar.HvCalendar;
@@ -573,13 +573,13 @@ exports.calendarHeaderClasses = calendarHeaderClasses.default;
 exports.HvCalendarHeader = CalendarHeader.HvCalendarHeader;
 exports.verticalNavigationClasses = verticalNavigationClasses.default;
 exports.HvVerticalNavigation = VerticalNavigation.HvVerticalNavigation;
-exports.verticalNavigationHeaderClasses = headerClasses$1.default;
+exports.verticalNavigationHeaderClasses = headerClasses.default;
 exports.HvVerticalNavigationHeader = Header$2.HvVerticalNavigationHeader;
 exports.actionClasses = actionClasses.default;
-exports.actionsClasses = actionsClasses$1.default;
+exports.actionsClasses = actionsClasses.default;
 exports.HvVerticalNavigationActions = Actions$2.HvVerticalNavigationActions;
 exports.HvVerticalNavigationAction = Action$1.HvVerticalNavigationAction;
-exports.verticalNavigationTreeClasses = navigationClasses$1.default;
+exports.verticalNavigationTreeClasses = navigationClasses.default;
 exports.HvVerticalNavigationTree = Navigation$1.HvVerticalNavigationTree;
 exports.verticalNavigationSliderClasses = navigationSliderClasses.default;
 exports.HvVerticalNavigationSlider = NavigationSlider.HvVerticalNavigationSlider;

package/dist/esm/components/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, {\n  SyntheticEvent,\n  useCallback,\n  useMemo,\n  HTMLAttributes,\n} from \"react\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { setId } from \"@core/utils/setId\";\nimport {\n  HvTypographyVariants,\n  HvTypography,\n} from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Accordion.styles\";\n\nexport { staticClasses as accordionClasses };\n\nexport type HvAccordionClasses = ExtractNames<typeof useClasses>;\nexport interface HvAccordionProps\n  extends HvBaseProps<HTMLDivElement, \"onChange\"> {\n  /**\n   * Id to be applied to the root node of the accordion.\n   */\n  id?: string;\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvAccordionClasses;\n  /**\n   * The accordion label button.\n   */\n  label?: string;\n  /**\n   * The function that will be executed whenever the accordion toggles it will receive the state of the accordion\n   */\n  onChange?: (event: React.SyntheticEvent, value: boolean) => void;\n  /**\n   * Whether the accordion is open or not, if this property is defined the accordion must be fully controlled.\n   */\n  expanded?: boolean;\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * An object containing props to be passed onto container holding the accordion children.\n   */\n  containerProps?: HTMLAttributes<HTMLDivElement>;\n  /**\n   * Heading Level to apply to accordion button if ´undefined´ the button won't have a header wrapper.\n   */\n  headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n  /**\n   * Is the accordion disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Typography variant for the label.\n   */\n  labelVariant?: HvTypographyVariants;\n  /**\n   * Content to be rendered\n   */\n  children: React.ReactNode;\n}\n\n/**\n * A accordion is a design element that expands in place to expose hidden information.\n */\nexport const HvAccordion = (props: HvAccordionProps) => {\n  const {\n    id,\n    className,\n    classes: classesProp,\n    disabled = false,\n    label,\n    onChange,\n    children,\n    expanded,\n    headingLevel,\n    defaultExpanded = false,\n    containerProps,\n    labelVariant = \"label\",\n    ...others\n  } = useDefaultProps(\"HvAccordion\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n  const handleAction = useCallback(\n    (event: SyntheticEvent) => {\n      if (!disabled) {\n        onChange?.(event, isOpen);\n        setIsOpen(!isOpen);\n        return true;\n      }\n      return false;\n    },\n    [disabled, onChange, isOpen, setIsOpen]\n  );\n\n  const handleClick = useCallback(\n    (event: SyntheticEvent) => {\n      handleAction(event);\n      event.preventDefault();\n      event.stopPropagation();\n    },\n    [handleAction]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      let isEventHandled = false;\n      const { key } = event;\n\n      if (\n        event.altKey ||\n        event.ctrlKey ||\n        event.metaKey ||\n        event.currentTarget !== event.target\n      ) {\n        return;\n      }\n      switch (key) {\n        case \"Enter\":\n        case \" \":\n          isEventHandled = handleAction(event);\n          break;\n        default:\n          return;\n      }\n\n      if (isEventHandled) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [handleAction]\n  );\n\n  const accordionHeaderId = setId(id, \"button\");\n  const accordionContainer = setId(id, \"container\");\n  const accordionHeader = useMemo(() => {\n    const color = (disabled && [\"secondary_60\"]) || undefined;\n\n    const accordionButton = (\n      <HvTypography\n        id={accordionHeaderId}\n        component=\"div\"\n        role=\"button\"\n        className={cx(classes.label, { [classes.disabled]: disabled })}\n        disabled={disabled}\n        tabIndex={0}\n        onKeyDown={handleKeyDown}\n        onClick={handleClick}\n        variant={labelVariant}\n        aria-expanded={isOpen}\n        aria-disabled={disabled}\n      >\n        {isOpen ? <DropUpXS color={color} /> : <DropDownXS color={color} />}\n        {label}\n      </HvTypography>\n    );\n    const result =\n      headingLevel === undefined ? (\n        accordionButton\n      ) : (\n        <HvTypography component={`h${headingLevel}`} variant={labelVariant}>\n          {accordionButton}\n        </HvTypography>\n      );\n    return result;\n  }, [\n    cx,\n    classes,\n    handleClick,\n    handleKeyDown,\n    label,\n    accordionHeaderId,\n    disabled,\n    headingLevel,\n    isOpen,\n    labelVariant,\n  ]);\n\n  return (\n    <div id={id} className={cx(classes.root, className)} {...others}>\n      {accordionHeader}\n      <div\n        id={accordionContainer}\n        role=\"region\"\n        aria-labelledby={accordionHeaderId}\n        className={cx(classes.container, { [classes.hidden]: !isOpen })}\n        hidden={!isOpen}\n        {...containerProps}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"names":["HvAccordion","props","id","className","classes","classesProp","disabled","label","onChange","children","expanded","headingLevel","defaultExpanded","containerProps","labelVariant","others","useDefaultProps","cx","useClasses","isOpen","setIsOpen","useControlled","Boolean","handleAction","useCallback","event","handleClick","preventDefault","stopPropagation","handleKeyDown","isEventHandled","key","altKey","ctrlKey","metaKey","currentTarget","target","accordionHeaderId","setId","accordionContainer","accordionHeader","useMemo","color","undefined","accordionButton","HvTypography","component","role","tabIndex","onKeyDown","onClick","variant","_jsx","DropUpXS","DropDownXS","result","root","container","hidden"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, {\n  SyntheticEvent,\n  useCallback,\n  useMemo,\n  HTMLAttributes,\n} from \"react\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { setId } from \"@core/utils/setId\";\nimport {\n  HvTypographyVariants,\n  HvTypography,\n} from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Accordion.styles\";\n\nexport { staticClasses as accordionClasses };\n\nexport type HvAccordionClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvAccordionProps\n  extends HvBaseProps<HTMLDivElement, \"onChange\"> {\n  /**\n   * Id to be applied to the root node of the accordion.\n   */\n  id?: string;\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvAccordionClasses;\n  /**\n   * The accordion label button.\n   */\n  label?: string;\n  /**\n   * The function that will be executed whenever the accordion toggles it will receive the state of the accordion\n   */\n  onChange?: (event: React.SyntheticEvent, value: boolean) => void;\n  /**\n   * Whether the accordion is open or not, if this property is defined the accordion must be fully controlled.\n   */\n  expanded?: boolean;\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * An object containing props to be passed onto container holding the accordion children.\n   */\n  containerProps?: HTMLAttributes<HTMLDivElement>;\n  /**\n   * Heading Level to apply to accordion button if ´undefined´ the button won't have a header wrapper.\n   */\n  headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n  /**\n   * Is the accordion disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Typography variant for the label.\n   */\n  labelVariant?: HvTypographyVariants;\n  /**\n   * Content to be rendered\n   */\n  children: React.ReactNode;\n}\n\n/**\n * A accordion is a design element that expands in place to expose hidden information.\n */\nexport const HvAccordion = (props: HvAccordionProps) => {\n  const {\n    id,\n    className,\n    classes: classesProp,\n    disabled = false,\n    label,\n    onChange,\n    children,\n    expanded,\n    headingLevel,\n    defaultExpanded = false,\n    containerProps,\n    labelVariant = \"label\",\n    ...others\n  } = useDefaultProps(\"HvAccordion\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n  const handleAction = useCallback(\n    (event: SyntheticEvent) => {\n      if (!disabled) {\n        onChange?.(event, isOpen);\n        setIsOpen(!isOpen);\n        return true;\n      }\n      return false;\n    },\n    [disabled, onChange, isOpen, setIsOpen]\n  );\n\n  const handleClick = useCallback(\n    (event: SyntheticEvent) => {\n      handleAction(event);\n      event.preventDefault();\n      event.stopPropagation();\n    },\n    [handleAction]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      let isEventHandled = false;\n      const { key } = event;\n\n      if (\n        event.altKey ||\n        event.ctrlKey ||\n        event.metaKey ||\n        event.currentTarget !== event.target\n      ) {\n        return;\n      }\n      switch (key) {\n        case \"Enter\":\n        case \" \":\n          isEventHandled = handleAction(event);\n          break;\n        default:\n          return;\n      }\n\n      if (isEventHandled) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [handleAction]\n  );\n\n  const accordionHeaderId = setId(id, \"button\");\n  const accordionContainer = setId(id, \"container\");\n  const accordionHeader = useMemo(() => {\n    const color = (disabled && [\"secondary_60\"]) || undefined;\n\n    const accordionButton = (\n      <HvTypography\n        id={accordionHeaderId}\n        component=\"div\"\n        role=\"button\"\n        className={cx(classes.label, { [classes.disabled]: disabled })}\n        disabled={disabled}\n        tabIndex={0}\n        onKeyDown={handleKeyDown}\n        onClick={handleClick}\n        variant={labelVariant}\n        aria-expanded={isOpen}\n        aria-disabled={disabled}\n      >\n        {isOpen ? <DropUpXS color={color} /> : <DropDownXS color={color} />}\n        {label}\n      </HvTypography>\n    );\n    const result =\n      headingLevel === undefined ? (\n        accordionButton\n      ) : (\n        <HvTypography component={`h${headingLevel}`} variant={labelVariant}>\n          {accordionButton}\n        </HvTypography>\n      );\n    return result;\n  }, [\n    cx,\n    classes,\n    handleClick,\n    handleKeyDown,\n    label,\n    accordionHeaderId,\n    disabled,\n    headingLevel,\n    isOpen,\n    labelVariant,\n  ]);\n\n  return (\n    <div id={id} className={cx(classes.root, className)} {...others}>\n      {accordionHeader}\n      <div\n        id={accordionContainer}\n        role=\"region\"\n        aria-labelledby={accordionHeaderId}\n        className={cx(classes.container, { [classes.hidden]: !isOpen })}\n        hidden={!isOpen}\n        {...containerProps}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"names":["HvAccordion","props","id","className","classes","classesProp","disabled","label","onChange","children","expanded","headingLevel","defaultExpanded","containerProps","labelVariant","others","useDefaultProps","cx","useClasses","isOpen","setIsOpen","useControlled","Boolean","handleAction","useCallback","event","handleClick","preventDefault","stopPropagation","handleKeyDown","isEventHandled","key","altKey","ctrlKey","metaKey","currentTarget","target","accordionHeaderId","setId","accordionContainer","accordionHeader","useMemo","color","undefined","accordionButton","HvTypography","component","role","tabIndex","onKeyDown","onClick","variant","_jsx","DropUpXS","DropDownXS","result","root","container","hidden"],"mappings":"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"}

package/dist/esm/components/AppSwitcher/Action/Action.js

@@ -1,14 +1,14 @@
-import { useState } from "react";
+import { useState, useCallback } from "react";
 import { theme } from "@hitachivantara/uikit-styles";
 import { Info } from "@hitachivantara/uikit-react-icons";
 import { useUniqueId } from "../../../hooks/useUniqueId.js";
 import TitleWithTooltip from "../TitleWithTooltip.js";
 import { useClasses } from "./Action.styles.js";
 import { staticClasses } from "./Action.styles.js";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
 import { HvAvatar } from "../../Avatar/Avatar.js";
-import { HvListItem } from "../../ListContainer/ListItem/ListItem.js";
 import { HvTypography } from "../../Typography/Typography.js";
+import { HvListItem } from "../../ListContainer/ListItem/ListItem.js";
 import { HvTooltip } from "../../Tooltip/Tooltip.js";
 const getColor = (color, defaultColor) => theme.colors[color] || color || defaultColor;
 const HvAppSwitcherAction = ({
@@ -60,7 +60,7 @@ const HvAppSwitcherAction = ({
     });
   };
   const isSelected = isSelectedCallback(application);
-  const handleOnClick = (event) => {
+  const handleOnClick = useCallback((event) => {
     if (disabled) {
       event.preventDefault();
       return;
@@ -69,9 +69,36 @@ const HvAppSwitcherAction = ({
       ...application,
       isSelected
     });
-  };
+  }, [application, disabled, isSelected, onClickCallback]);
   const isLink = url != null;
   const descriptionElementId = useUniqueId(id, "hvAction-description");
+  const renderApplication = useCallback((children) => {
+    const typographyProps = {
+      className: classes.typography,
+      onClick: handleOnClick,
+      style: {
+        borderColor: color
+      },
+      "aria-label": name,
+      ...description && {
+        "aria-describedby": descriptionElementId
+      }
+    };
+    if (isLink) {
+      return /* @__PURE__ */ jsx(HvTypography, {
+        component: "a",
+        href: url,
+        target: target || "_top",
+        ...typographyProps,
+        children
+      });
+    }
+    return /* @__PURE__ */ jsx(HvTypography, {
+      component: "button",
+      ...typographyProps,
+      children
+    });
+  }, [classes.typography, color, description, descriptionElementId, handleOnClick, isLink, name, target, url]);
   return /* @__PURE__ */ jsx(HvListItem, {
     id,
     interactive: true,
@@ -82,19 +109,7 @@ const HvAppSwitcherAction = ({
       [classes.disabled]: disabled,
       [classes.selected]: isSelected
     }, className),
-    children: /* @__PURE__ */ jsxs(HvTypography, {
-      component: isLink ? "a" : "button",
-      href: isLink ? url : void 0,
-      target: isLink ? target || "_top" : void 0,
-      className: classes.typography,
-      onClick: handleOnClick,
-      style: {
-        borderColor: color
-      },
-      "aria-label": name,
-      ...description && {
-        "aria-describedby": descriptionElementId
-      },
+    children: renderApplication(/* @__PURE__ */ jsxs(Fragment, {
       children: [/* @__PURE__ */ jsx("div", {
         className: classes.icon,
         children: renderApplicationIcon()
@@ -116,7 +131,7 @@ const HvAppSwitcherAction = ({
           })
         })
       })]
-    })
+    }))
   });
 };
 export {