@hitachivantara/uikit-react-core 5.88.0 → 5.90.0

package/dist/esm/index.js

@@ -14,9 +14,7 @@ import { useWidth } from "./hooks/useWidth.js";
 import { HvProvider } from "./providers/Provider.js";
 import { HvThemeProvider } from "./providers/ThemeProvider.js";
 import { fixedForwardRef } from "./types/generic.js";
-import { withTooltip } from "./hocs/withTooltip.js";
 import { isBrowser } from "./utils/browser.js";
-import { checkValidHexColorValue } from "./utils/checkValidHexColorValue.js";
 import { getFirstAndLastFocus, getFocusableList, getPrevNextFocus } from "./utils/focusableElementFinder.js";
 import { outlineStyles } from "./utils/focusUtils.js";
 import { getComponentName } from "./utils/getComponentName.js";
@@ -24,12 +22,10 @@ import { hexToRgbA } from "./utils/hexToRgbA.js";
 import { iconVariant } from "./utils/iconVariant.js";
 import { isDeleteKey, isKey, isOneOfKeys } from "./utils/keyboardUtils.js";
 import { multiSelectionEventHandler } from "./utils/multiSelectionEventHandler.js";
-import { Random } from "./utils/Random.js";
 import { setId, setUid } from "./utils/setId.js";
 import { decreaseSize, increaseSize } from "./utils/sizes.js";
 import { createTheme, getVarValue, processThemes, setElementAttrs } from "./utils/theme.js";
 import { useSavedState } from "./utils/useSavedState.js";
-import { wrapperTooltip } from "./utils/wrapperTooltip.js";
 import { uniqueId } from "./utils/helpers.js";
 import { typographyVariants } from "./Typography/utils.js";
 import { staticClasses } from "./Typography/Typography.styles.js";
@@ -234,23 +230,25 @@ import { staticClasses as staticClasses96 } from "./Table/Table.styles.js";
 import { HvTable } from "./Table/Table.js";
 import { staticClasses as staticClasses97 } from "./Table/TableContainer/TableContainer.styles.js";
 import { HvTableContainer } from "./Table/TableContainer/TableContainer.js";
-import { staticClasses as staticClasses98 } from "./Table/TableBody/TableBody.styles.js";
+import { staticClasses as staticClasses98 } from "./Table/TableSection/TableSection.styles.js";
+import { HvTableSection } from "./Table/TableSection/TableSection.js";
+import { staticClasses as staticClasses99 } from "./Table/TableBody/TableBody.styles.js";
 import { HvTableBody } from "./Table/TableBody/TableBody.js";
-import { staticClasses as staticClasses99 } from "./Table/TableHead/TableHead.styles.js";
+import { staticClasses as staticClasses100 } from "./Table/TableHead/TableHead.styles.js";
 import { HvTableHead } from "./Table/TableHead/TableHead.js";
-import { staticClasses as staticClasses100 } from "./Table/TableHeader/TableHeader.styles.js";
+import { staticClasses as staticClasses101 } from "./Table/TableHeader/TableHeader.styles.js";
 import { HvTableHeader } from "./Table/TableHeader/TableHeader.js";
-import { staticClasses as staticClasses101 } from "./Table/TableRow/TableRow.styles.js";
+import { staticClasses as staticClasses102 } from "./Table/TableRow/TableRow.styles.js";
 import { HvTableRow } from "./Table/TableRow/TableRow.js";
-import { staticClasses as staticClasses102 } from "./Table/TableCell/TableCell.styles.js";
+import { staticClasses as staticClasses103 } from "./Table/TableCell/TableCell.styles.js";
 import { HvTableCell } from "./Table/TableCell/TableCell.js";
 import { useHvTableStyles } from "./Table/hooks/useHvTableStyles.js";
 import { useHvSortBy } from "./Table/hooks/useHvSortBy.js";
 import { useHvTableSticky } from "./Table/hooks/useHvSticky.js";
-import { defaultGetHvPaginationProps, useHvPagination } from "./Table/hooks/useHvPagination.js";
-import { defaultGetToggleAllPageRowsSelectedProps, defaultGetToggleAllRowsSelectedProps, defaultGetToggleRowSelectedProps, useHvRowSelection } from "./Table/hooks/useHvRowSelection.js";
+import { useHvPagination } from "./Table/hooks/useHvPagination.js";
+import { useHvRowSelection } from "./Table/hooks/useHvRowSelection.js";
 import { useHvBulkActions } from "./Table/hooks/useHvBulkActions.js";
-import { CellWithExpandButton, useHvRowExpand } from "./Table/hooks/useHvRowExpand.js";
+import { useHvRowExpand } from "./Table/hooks/useHvRowExpand.js";
 import { useHvHeaderGroups } from "./Table/hooks/useHvHeaderGroups.js";
 import { useHvResizeColumns } from "./Table/hooks/useHvResizeColumns.js";
 import { useHvGlobalFilter } from "./Table/hooks/useHvGlobalFilter.js";
@@ -259,55 +257,53 @@ import { useHvRowState } from "./Table/hooks/useHvRowState.js";
 import { hvDateColumn, hvDropdownColumn, hvExpandColumn, hvNodeFallback, hvNumberColumn, hvNumberFallback, hvProgressColumn, hvStringFallback, hvSwitchColumn, hvTagColumn, hvTextColumn } from "./Table/renderers/renderers.js";
 import { HvDateColumnCell } from "./Table/renderers/DateColumnCell.js";
 import { HvDropdownColumnCell } from "./Table/renderers/DropdownColumnCell.js";
-import { HvProgressColumnCell, normalizeProgressBar } from "./Table/renderers/ProgressColumnCell.js";
+import { HvProgressColumnCell } from "./Table/renderers/ProgressColumnCell.js";
 import { HvSwitchColumnCell } from "./Table/renderers/SwitchColumnCell.js";
-import { staticClasses as staticClasses103 } from "./Tabs/Tabs.styles.js";
+import { staticClasses as staticClasses104 } from "./Tabs/Tabs.styles.js";
 import { HvTabs } from "./Tabs/Tabs.js";
-import { staticClasses as staticClasses104 } from "./Tabs/Tab/Tab.styles.js";
+import { staticClasses as staticClasses105 } from "./Tabs/Tab/Tab.styles.js";
 import { HvTab } from "./Tabs/Tab/Tab.js";
-import { staticClasses as staticClasses105 } from "./Tag/Tag.styles.js";
+import { staticClasses as staticClasses106 } from "./Tag/Tag.styles.js";
 import { HvTag } from "./Tag/Tag.js";
-import { staticClasses as staticClasses106 } from "./TagsInput/TagsInput.styles.js";
+import { staticClasses as staticClasses107 } from "./TagsInput/TagsInput.styles.js";
 import { HvTagsInput } from "./TagsInput/TagsInput.js";
-import { staticClasses as staticClasses107 } from "./TextArea/TextArea.styles.js";
+import { staticClasses as staticClasses108 } from "./TextArea/TextArea.styles.js";
 import { HvTextArea } from "./TextArea/TextArea.js";
-import { staticClasses as staticClasses108 } from "./TimeAgo/TimeAgo.styles.js";
+import { staticClasses as staticClasses109 } from "./TimeAgo/TimeAgo.styles.js";
 import { HvTimeAgo } from "./TimeAgo/TimeAgo.js";
-import { staticClasses as staticClasses109 } from "./TimePicker/TimePicker.styles.js";
+import { staticClasses as staticClasses110 } from "./TimePicker/TimePicker.styles.js";
 import { HvTimePicker } from "./TimePicker/TimePicker.js";
 import { HvToggleButton } from "./ToggleButton/ToggleButton.js";
-import { staticClasses as staticClasses110 } from "./Tooltip/Tooltip.styles.js";
+import { staticClasses as staticClasses111 } from "./Tooltip/Tooltip.styles.js";
 import { HvTooltip } from "./Tooltip/Tooltip.js";
-import { staticClasses as staticClasses111 } from "./TreeView/TreeView.styles.js";
+import { staticClasses as staticClasses112 } from "./TreeView/TreeView.styles.js";
 import { HvTreeView } from "./TreeView/TreeView.js";
-import { staticClasses as staticClasses112 } from "./TreeView/TreeItem/TreeItem.styles.js";
+import { staticClasses as staticClasses113 } from "./TreeView/TreeItem/TreeItem.styles.js";
 import { HvTreeItem } from "./TreeView/TreeItem/TreeItem.js";
 import { useHvTreeItem } from "./TreeView/TreeItem/useHvTreeItem.js";
-import { staticClasses as staticClasses113 } from "./VerticalNavigation/VerticalNavigation.styles.js";
+import { staticClasses as staticClasses114 } from "./VerticalNavigation/VerticalNavigation.styles.js";
 import { HvVerticalNavigation } from "./VerticalNavigation/VerticalNavigation.js";
-import { staticClasses as staticClasses114 } from "./VerticalNavigation/Header/Header.styles.js";
+import { staticClasses as staticClasses115 } from "./VerticalNavigation/Header/Header.styles.js";
 import { HvVerticalNavigationHeader } from "./VerticalNavigation/Header/Header.js";
-import { staticClasses as staticClasses115 } from "./VerticalNavigation/Actions/Actions.styles.js";
+import { staticClasses as staticClasses116 } from "./VerticalNavigation/Actions/Actions.styles.js";
 import { HvVerticalNavigationActions } from "./VerticalNavigation/Actions/Actions.js";
-import { staticClasses as staticClasses116 } from "./VerticalNavigation/Actions/Action.styles.js";
+import { staticClasses as staticClasses117 } from "./VerticalNavigation/Actions/Action.styles.js";
 import { HvVerticalNavigationAction } from "./VerticalNavigation/Actions/Action.js";
-import { staticClasses as staticClasses117 } from "./VerticalNavigation/Navigation/Navigation.styles.js";
+import { staticClasses as staticClasses118 } from "./VerticalNavigation/Navigation/Navigation.styles.js";
 import { HvVerticalNavigationTree } from "./VerticalNavigation/Navigation/Navigation.js";
-import { staticClasses as staticClasses118 } from "./VerticalNavigation/NavigationSlider/NavigationSlider.styles.js";
+import { staticClasses as staticClasses119 } from "./VerticalNavigation/NavigationSlider/NavigationSlider.styles.js";
 import { HvVerticalNavigationSlider } from "./VerticalNavigation/NavigationSlider/NavigationSlider.js";
-import { staticClasses as staticClasses119 } from "./VerticalNavigation/TreeView/TreeView.styles.js";
+import { staticClasses as staticClasses120 } from "./VerticalNavigation/TreeView/TreeView.styles.js";
 import { HvVerticalNavigationTreeView } from "./VerticalNavigation/TreeView/TreeView.js";
-import { staticClasses as staticClasses120 } from "./VerticalNavigation/TreeView/TreeViewItem.styles.js";
+import { staticClasses as staticClasses121 } from "./VerticalNavigation/TreeView/TreeViewItem.styles.js";
 import { HvVerticalNavigationTreeViewItem } from "./VerticalNavigation/TreeView/TreeViewItem.js";
 import { VerticalNavigationContext } from "./VerticalNavigation/VerticalNavigationContext.js";
-import { staticClasses as staticClasses121 } from "./TableSection/TableSection.styles.js";
-import { HvTableSection } from "./TableSection/TableSection.js";
 import { HvIconButton } from "./IconButton/IconButton.js";
-import { staticClasses as staticClasses122 } from "./Skeleton/Skeleton.styles.js";
+import { HvIconContainer, staticClasses as staticClasses122, staticClasses as staticClasses123, useClasses } from "./IconContainer/IconContainer.js";
+import { staticClasses as staticClasses124 } from "./Skeleton/Skeleton.styles.js";
 import { HvSkeleton } from "./Skeleton/Skeleton.js";
 import { EmotionContext, HvThemeContext, defaultCacheKey, defaultEmotionCache } from "@hitachivantara/uikit-react-shared";
 export {
-  CellWithExpandButton,
   EmotionContext,
   HvAccordion,
   HvActionBar,
@@ -374,6 +370,7 @@ export {
   HvHeaderMenuItem,
   HvHeaderNavigation,
   HvIconButton,
+  HvIconContainer,
   HvInfoMessage,
   HvInlineEditor,
   HvInput,
@@ -446,12 +443,11 @@ export {
   HvVerticalNavigationTreeView,
   HvVerticalNavigationTreeViewItem,
   HvWarningText,
-  Random,
   VerticalNavigationContext,
   staticClasses17 as accordionClasses,
   staticClasses18 as actionBarClasses,
-  staticClasses116 as actionClasses,
-  staticClasses115 as actionsClasses,
+  staticClasses117 as actionClasses,
+  staticClasses116 as actionsClasses,
   staticClasses19 as actionsGenericClasses,
   staticClasses7 as adornmentClasses,
   staticClasses21 as appSwitcherActionClasses,
@@ -480,7 +476,6 @@ export {
   staticClasses6 as charCounterClasses,
   staticClasses40 as checkBoxClasses,
   staticClasses41 as checkBoxGroupClasses,
-  checkValidHexColorValue,
   staticClasses42 as colorPickerClasses,
   staticClasses43 as containerClasses,
   staticClasses44 as controlsClasses,
@@ -490,10 +485,6 @@ export {
   decreaseSize,
   defaultCacheKey,
   defaultEmotionCache,
-  defaultGetHvPaginationProps,
-  defaultGetToggleAllPageRowsSelectedProps,
-  defaultGetToggleAllRowsSelectedProps,
-  defaultGetToggleRowSelectedProps,
   staticClasses50 as dialogActionClasses,
   staticClasses51 as dialogClasses,
   staticClasses49 as dialogContentClasses,
@@ -541,6 +532,7 @@ export {
   hvSwitchColumn,
   hvTagColumn,
   hvTextColumn,
+  staticClasses122 as iconContainerClasses,
   iconVariant,
   increaseSize,
   staticClasses10 as infoMessageClasses,
@@ -562,7 +554,6 @@ export {
   staticClasses75 as loginClasses,
   staticClasses76 as multiButtonClasses,
   multiSelectionEventHandler,
-  normalizeProgressBar,
   optionClasses,
   optionGroupClasses,
   outlineStyles,
@@ -585,39 +576,41 @@ export {
   setId,
   setUid,
   staticClasses89 as simpleGridClasses,
-  staticClasses122 as skeletonClasses,
+  staticClasses124 as skeletonClasses,
   staticClasses90 as sliderClasses,
   staticClasses91 as snackbarClasses,
   staticClasses92 as snackbarContentClasses,
   staticClasses93 as snackbarProviderClasses,
   staticClasses94 as stackClasses,
+  staticClasses123 as staticClasses,
   staticClasses14 as suggestionsClasses,
   staticClasses95 as switchClasses,
-  staticClasses104 as tabClasses,
-  staticClasses98 as tableBodyClasses,
-  staticClasses102 as tableCellClasses,
+  staticClasses105 as tabClasses,
+  staticClasses99 as tableBodyClasses,
+  staticClasses103 as tableCellClasses,
   staticClasses96 as tableClasses,
   staticClasses97 as tableContainerClasses,
-  staticClasses99 as tableHeadClasses,
-  staticClasses100 as tableHeaderClasses,
-  staticClasses101 as tableRowClasses,
-  staticClasses121 as tableSectionClasses,
-  staticClasses103 as tabsClasses,
-  staticClasses105 as tagClasses,
-  staticClasses106 as tagsInputClasses,
-  staticClasses107 as textAreaClasses,
+  staticClasses100 as tableHeadClasses,
+  staticClasses101 as tableHeaderClasses,
+  staticClasses102 as tableRowClasses,
+  staticClasses98 as tableSectionClasses,
+  staticClasses104 as tabsClasses,
+  staticClasses106 as tagClasses,
+  staticClasses107 as tagsInputClasses,
+  staticClasses108 as textAreaClasses,
   theme,
   themes,
-  staticClasses108 as timeAgoClasses,
-  staticClasses109 as timePickerClasses,
-  staticClasses110 as tooltipClasses,
-  staticClasses112 as treeItemClasses,
-  staticClasses111 as treeView2Classes,
-  staticClasses119 as treeViewClasses,
-  staticClasses120 as treeViewItemClasses,
+  staticClasses109 as timeAgoClasses,
+  staticClasses110 as timePickerClasses,
+  staticClasses111 as tooltipClasses,
+  staticClasses113 as treeItemClasses,
+  staticClasses112 as treeView2Classes,
+  staticClasses120 as treeViewClasses,
+  staticClasses121 as treeViewItemClasses,
   staticClasses as typographyClasses,
   typographyVariants,
   uniqueId,
+  useClasses,
   useClickOutside,
   useComputation,
   useControlled,
@@ -650,12 +643,10 @@ export {
   useTheme,
   useUniqueId,
   useWidth,
-  staticClasses113 as verticalNavigationClasses,
-  staticClasses114 as verticalNavigationHeaderClasses,
-  staticClasses118 as verticalNavigationSliderClasses,
-  staticClasses117 as verticalNavigationTreeClasses,
+  staticClasses114 as verticalNavigationClasses,
+  staticClasses115 as verticalNavigationHeaderClasses,
+  staticClasses119 as verticalNavigationSliderClasses,
+  staticClasses118 as verticalNavigationTreeClasses,
   staticClasses86 as verticalScrollListItemClasses,
-  staticClasses11 as warningTextClasses,
-  withTooltip,
-  wrapperTooltip
+  staticClasses11 as warningTextClasses
 };

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/providers/ThemeProvider.js

@@ -69,23 +69,23 @@ const HvThemeProvider = ({
         success: { main: colors.positive },
         warning: { main: colors.warning },
         error: { main: colors.negative },
-        info: { main: colors.primary },
+        info: { main: colors.info },
         text: {
-          primary: colors.secondary,
-          secondary: colors.secondary_80,
-          disabled: colors.secondary_60
+          primary: colors.text,
+          secondary: colors.textSubtle,
+          disabled: colors.textDisabled
         },
         background: {
-          default: colors.atmo2,
-          paper: colors.atmo1
+          default: colors.bgPage,
+          paper: colors.bgContainer
         },
-        divider: colors.atmo4,
+        divider: colors.border,
         action: {
           active: colors.primary,
-          hover: colors.primary_80,
-          selected: colors.primary_80,
-          disabled: colors.secondary_60,
-          disabledBackground: colors.atmo3
+          hover: colors.primaryStrong,
+          selected: colors.primaryStrong,
+          disabled: colors.textDisabled,
+          disabledBackground: colors.bgDisabled
         }
       },
       components: {

package/dist/esm/providers/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","sources":["../../../src/providers/ThemeProvider.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { EmotionCache } from \"@emotion/cache\";\nimport {\n  createTheme,\n  ThemeProvider as MuiThemeProvider,\n} from \"@mui/material/styles\";\nimport {\n  defaultCacheKey,\n  defaultEmotionCache,\n  EmotionContext,\n  HvThemeContext,\n  type HvThemeContextValue,\n} from \"@hitachivantara/uikit-react-shared\";\nimport { HvThemeStructure, parseTheme } from \"@hitachivantara/uikit-styles\";\n\nimport { HvTheme } from \"../types/theme\";\nimport { setElementAttrs } from \"../utils/theme\";\n\nexport { HvThemeContext };\nexport type { HvThemeContextValue };\n\nexport { defaultCacheKey, defaultEmotionCache, EmotionContext };\n\ninterface HvThemeProviderProps {\n  children: React.ReactNode;\n  themes: (HvTheme | HvThemeStructure)[];\n  theme: string;\n  emotionCache: EmotionCache;\n  colorMode: string;\n  themeRootId?: string;\n}\n\nexport const HvThemeProvider = ({\n  children,\n  themes: themesList,\n  theme: themeProp,\n  emotionCache,\n  colorMode: colorModeProp,\n  themeRootId: rootId,\n}: HvThemeProviderProps) => {\n  const [theme, setTheme] = useState(themeProp);\n  const [colorMode, setColorMode] = useState(colorModeProp);\n\n  const {\n    theme: activeTheme,\n    selectedTheme,\n    selectedMode,\n    colorModes,\n    colorScheme,\n  } = parseTheme(themesList, theme, colorMode);\n\n  const themes = themesList.map((t) => t.name);\n\n  // review in v6 so that theme/colorMode isn't both controlled & uncontrolled\n  useEffect(() => {\n    setTheme(themeProp);\n    setColorMode(colorModeProp);\n  }, [colorModeProp, themeProp]);\n\n  useEffect(() => {\n    setElementAttrs(selectedTheme, selectedMode, colorScheme, rootId);\n  }, [colorScheme, rootId, selectedMode, selectedTheme]);\n\n  const changeTheme = useCallback(\n    (newTheme = selectedTheme, newMode = selectedMode) => {\n      setTheme(newTheme);\n      setColorMode(newMode);\n    },\n    [selectedMode, selectedTheme],\n  );\n\n  const value = useMemo<HvThemeContextValue>(\n    () => ({\n      themes,\n      colorModes,\n      activeTheme: activeTheme as HvTheme,\n      selectedTheme,\n      selectedMode,\n      changeTheme,\n      rootId,\n    }),\n    [\n      themes,\n      colorModes,\n      activeTheme,\n      selectedTheme,\n      selectedMode,\n      changeTheme,\n      rootId,\n    ],\n  );\n\n  const muiTheme = useMemo(() => {\n    const colors = activeTheme.colors.modes[colorMode];\n    return createTheme({\n      spacing: activeTheme.space.base,\n      typography: {\n        fontFamily: activeTheme.fontFamily.body,\n      },\n      palette: {\n        primary: { main: colors.primary },\n        success: { main: colors.positive },\n        warning: { main: colors.warning },\n        error: { main: colors.negative },\n        info: { main: colors.primary },\n        text: {\n          primary: colors.secondary,\n          secondary: colors.secondary_80,\n          disabled: colors.secondary_60,\n        },\n        background: {\n          default: colors.atmo2,\n          paper: colors.atmo1,\n        },\n        divider: colors.atmo4,\n        action: {\n          active: colors.primary,\n          hover: colors.primary_80,\n          selected: colors.primary_80,\n          disabled: colors.secondary_60,\n          disabledBackground: colors.atmo3,\n        },\n      },\n      components: {\n        MuiButtonBase: {\n          defaultProps: {\n            disableRipple: true,\n            disableTouchRipple: true,\n          },\n        },\n      },\n      breakpoints: activeTheme.breakpoints,\n    });\n  }, [activeTheme, colorMode]);\n\n  const emotionCacheValue = useMemo(\n    () => ({ cache: emotionCache }),\n    [emotionCache],\n  );\n\n  return (\n    <MuiThemeProvider theme={muiTheme}>\n      <HvThemeContext.Provider value={value}>\n        <EmotionContext.Provider value={emotionCacheValue}>\n          {children}\n        </EmotionContext.Provider>\n      </HvThemeContext.Provider>\n    </MuiThemeProvider>\n  );\n};\n"],"names":["MuiThemeProvider"],"mappings":";;;;;;;AAgCO,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AAAA,EACA,WAAW;AAAA,EACX,aAAa;AACf,MAA4B;AAC1B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,SAAS;AAC5C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,aAAa;AAElD,QAAA;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACE,IAAA,WAAW,YAAY,OAAO,SAAS;AAE3C,QAAM,SAAS,WAAW,IAAI,CAAC,MAAM,EAAE,IAAI;AAG3C,YAAU,MAAM;AACd,aAAS,SAAS;AAClB,iBAAa,aAAa;AAAA,EAAA,GACzB,CAAC,eAAe,SAAS,CAAC;AAE7B,YAAU,MAAM;AACE,oBAAA,eAAe,cAAc,aAAa,MAAM;AAAA,KAC/D,CAAC,aAAa,QAAQ,cAAc,aAAa,CAAC;AAErD,QAAM,cAAc;AAAA,IAClB,CAAC,WAAW,eAAe,UAAU,iBAAiB;AACpD,eAAS,QAAQ;AACjB,mBAAa,OAAO;AAAA,IACtB;AAAA,IACA,CAAC,cAAc,aAAa;AAAA,EAC9B;AAEA,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AAEM,QAAA,WAAW,QAAQ,MAAM;AAC7B,UAAM,SAAS,YAAY,OAAO,MAAM,SAAS;AACjD,WAAO,YAAY;AAAA,MACjB,SAAS,YAAY,MAAM;AAAA,MAC3B,YAAY;AAAA,QACV,YAAY,YAAY,WAAW;AAAA,MACrC;AAAA,MACA,SAAS;AAAA,QACP,SAAS,EAAE,MAAM,OAAO,QAAQ;AAAA,QAChC,SAAS,EAAE,MAAM,OAAO,SAAS;AAAA,QACjC,SAAS,EAAE,MAAM,OAAO,QAAQ;AAAA,QAChC,OAAO,EAAE,MAAM,OAAO,SAAS;AAAA,QAC/B,MAAM,EAAE,MAAM,OAAO,QAAQ;AAAA,QAC7B,MAAM;AAAA,UACJ,SAAS,OAAO;AAAA,UAChB,WAAW,OAAO;AAAA,UAClB,UAAU,OAAO;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,UACV,SAAS,OAAO;AAAA,UAChB,OAAO,OAAO;AAAA,QAChB;AAAA,QACA,SAAS,OAAO;AAAA,QAChB,QAAQ;AAAA,UACN,QAAQ,OAAO;AAAA,UACf,OAAO,OAAO;AAAA,UACd,UAAU,OAAO;AAAA,UACjB,UAAU,OAAO;AAAA,UACjB,oBAAoB,OAAO;AAAA,QAAA;AAAA,MAE/B;AAAA,MACA,YAAY;AAAA,QACV,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,eAAe;AAAA,YACf,oBAAoB;AAAA,UAAA;AAAA,QACtB;AAAA,MAEJ;AAAA,MACA,aAAa,YAAY;AAAA,IAAA,CAC1B;AAAA,EAAA,GACA,CAAC,aAAa,SAAS,CAAC;AAE3B,QAAM,oBAAoB;AAAA,IACxB,OAAO,EAAE,OAAO;IAChB,CAAC,YAAY;AAAA,EACf;AAEA,6BACGA,eAAiB,EAAA,OAAO,UACvB,UAAA,oBAAC,eAAe,UAAf,EAAwB,OACvB,UAAA,oBAAC,eAAe,UAAf,EAAwB,OAAO,mBAC7B,SAAA,CACH,EACF,CAAA,GACF;AAEJ;"}
+{"version":3,"file":"ThemeProvider.js","sources":["../../../src/providers/ThemeProvider.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { EmotionCache } from \"@emotion/cache\";\nimport {\n  createTheme,\n  ThemeProvider as MuiThemeProvider,\n} from \"@mui/material/styles\";\nimport {\n  defaultCacheKey,\n  defaultEmotionCache,\n  EmotionContext,\n  HvThemeContext,\n  type HvThemeContextValue,\n} from \"@hitachivantara/uikit-react-shared\";\nimport { HvThemeStructure, parseTheme } from \"@hitachivantara/uikit-styles\";\n\nimport { HvTheme } from \"../types/theme\";\nimport { setElementAttrs } from \"../utils/theme\";\n\nexport { HvThemeContext };\nexport type { HvThemeContextValue };\n\nexport { defaultCacheKey, defaultEmotionCache, EmotionContext };\n\ninterface HvThemeProviderProps {\n  children: React.ReactNode;\n  themes: (HvTheme | HvThemeStructure)[];\n  theme: string;\n  emotionCache: EmotionCache;\n  colorMode: string;\n  themeRootId?: string;\n}\n\nexport const HvThemeProvider = ({\n  children,\n  themes: themesList,\n  theme: themeProp,\n  emotionCache,\n  colorMode: colorModeProp,\n  themeRootId: rootId,\n}: HvThemeProviderProps) => {\n  const [theme, setTheme] = useState(themeProp);\n  const [colorMode, setColorMode] = useState(colorModeProp);\n\n  const {\n    theme: activeTheme,\n    selectedTheme,\n    selectedMode,\n    colorModes,\n    colorScheme,\n  } = parseTheme(themesList, theme, colorMode);\n\n  const themes = themesList.map((t) => t.name);\n\n  // review in v6 so that theme/colorMode isn't both controlled & uncontrolled\n  useEffect(() => {\n    setTheme(themeProp);\n    setColorMode(colorModeProp);\n  }, [colorModeProp, themeProp]);\n\n  useEffect(() => {\n    setElementAttrs(selectedTheme, selectedMode, colorScheme, rootId);\n  }, [colorScheme, rootId, selectedMode, selectedTheme]);\n\n  const changeTheme = useCallback(\n    (newTheme = selectedTheme, newMode = selectedMode) => {\n      setTheme(newTheme);\n      setColorMode(newMode);\n    },\n    [selectedMode, selectedTheme],\n  );\n\n  const value = useMemo<HvThemeContextValue>(\n    () => ({\n      themes,\n      colorModes,\n      activeTheme: activeTheme as HvTheme,\n      selectedTheme,\n      selectedMode,\n      changeTheme,\n      rootId,\n    }),\n    [\n      themes,\n      colorModes,\n      activeTheme,\n      selectedTheme,\n      selectedMode,\n      changeTheme,\n      rootId,\n    ],\n  );\n\n  const muiTheme = useMemo(() => {\n    const colors = activeTheme.colors.modes[colorMode];\n    return createTheme({\n      spacing: activeTheme.space.base,\n      typography: {\n        fontFamily: activeTheme.fontFamily.body,\n      },\n      palette: {\n        primary: { main: colors.primary },\n        success: { main: colors.positive },\n        warning: { main: colors.warning },\n        error: { main: colors.negative },\n        info: { main: colors.info },\n        text: {\n          primary: colors.text,\n          secondary: colors.textSubtle,\n          disabled: colors.textDisabled,\n        },\n        background: {\n          default: colors.bgPage,\n          paper: colors.bgContainer,\n        },\n        divider: colors.border,\n        action: {\n          active: colors.primary,\n          hover: colors.primaryStrong,\n          selected: colors.primaryStrong,\n          disabled: colors.textDisabled,\n          disabledBackground: colors.bgDisabled,\n        },\n      },\n      components: {\n        MuiButtonBase: {\n          defaultProps: {\n            disableRipple: true,\n            disableTouchRipple: true,\n          },\n        },\n      },\n      breakpoints: activeTheme.breakpoints,\n    });\n  }, [activeTheme, colorMode]);\n\n  const emotionCacheValue = useMemo(\n    () => ({ cache: emotionCache }),\n    [emotionCache],\n  );\n\n  return (\n    <MuiThemeProvider theme={muiTheme}>\n      <HvThemeContext.Provider value={value}>\n        <EmotionContext.Provider value={emotionCacheValue}>\n          {children}\n        </EmotionContext.Provider>\n      </HvThemeContext.Provider>\n    </MuiThemeProvider>\n  );\n};\n"],"names":["MuiThemeProvider"],"mappings":";;;;;;;AAgCO,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AAAA,EACA,WAAW;AAAA,EACX,aAAa;AACf,MAA4B;AAC1B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,SAAS;AAC5C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,aAAa;AAElD,QAAA;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACE,IAAA,WAAW,YAAY,OAAO,SAAS;AAE3C,QAAM,SAAS,WAAW,IAAI,CAAC,MAAM,EAAE,IAAI;AAG3C,YAAU,MAAM;AACd,aAAS,SAAS;AAClB,iBAAa,aAAa;AAAA,EAAA,GACzB,CAAC,eAAe,SAAS,CAAC;AAE7B,YAAU,MAAM;AACE,oBAAA,eAAe,cAAc,aAAa,MAAM;AAAA,KAC/D,CAAC,aAAa,QAAQ,cAAc,aAAa,CAAC;AAErD,QAAM,cAAc;AAAA,IAClB,CAAC,WAAW,eAAe,UAAU,iBAAiB;AACpD,eAAS,QAAQ;AACjB,mBAAa,OAAO;AAAA,IACtB;AAAA,IACA,CAAC,cAAc,aAAa;AAAA,EAC9B;AAEA,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AAEM,QAAA,WAAW,QAAQ,MAAM;AAC7B,UAAM,SAAS,YAAY,OAAO,MAAM,SAAS;AACjD,WAAO,YAAY;AAAA,MACjB,SAAS,YAAY,MAAM;AAAA,MAC3B,YAAY;AAAA,QACV,YAAY,YAAY,WAAW;AAAA,MACrC;AAAA,MACA,SAAS;AAAA,QACP,SAAS,EAAE,MAAM,OAAO,QAAQ;AAAA,QAChC,SAAS,EAAE,MAAM,OAAO,SAAS;AAAA,QACjC,SAAS,EAAE,MAAM,OAAO,QAAQ;AAAA,QAChC,OAAO,EAAE,MAAM,OAAO,SAAS;AAAA,QAC/B,MAAM,EAAE,MAAM,OAAO,KAAK;AAAA,QAC1B,MAAM;AAAA,UACJ,SAAS,OAAO;AAAA,UAChB,WAAW,OAAO;AAAA,UAClB,UAAU,OAAO;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,UACV,SAAS,OAAO;AAAA,UAChB,OAAO,OAAO;AAAA,QAChB;AAAA,QACA,SAAS,OAAO;AAAA,QAChB,QAAQ;AAAA,UACN,QAAQ,OAAO;AAAA,UACf,OAAO,OAAO;AAAA,UACd,UAAU,OAAO;AAAA,UACjB,UAAU,OAAO;AAAA,UACjB,oBAAoB,OAAO;AAAA,QAAA;AAAA,MAE/B;AAAA,MACA,YAAY;AAAA,QACV,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,eAAe;AAAA,YACf,oBAAoB;AAAA,UAAA;AAAA,QACtB;AAAA,MAEJ;AAAA,MACA,aAAa,YAAY;AAAA,IAAA,CAC1B;AAAA,EAAA,GACA,CAAC,aAAa,SAAS,CAAC;AAE3B,QAAM,oBAAoB;AAAA,IACxB,OAAO,EAAE,OAAO;IAChB,CAAC,YAAY;AAAA,EACf;AAEA,6BACGA,eAAiB,EAAA,OAAO,UACvB,UAAA,oBAAC,eAAe,UAAf,EAAwB,OACvB,UAAA,oBAAC,eAAe,UAAf,EAAwB,OAAO,mBAC7B,SAAA,CACH,EACF,CAAA,GACF;AAEJ;"}

package/dist/esm/utils/Callout.js

@@ -0,0 +1,140 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import SnackbarContent from "@mui/material/SnackbarContent";
+import { Close } from "@hitachivantara/uikit-react-icons";
+import { useDefaultProps, createClasses, useTheme } from "@hitachivantara/uikit-react-utils";
+import { theme } from "@hitachivantara/uikit-styles";
+import { iconVariant } from "./iconVariant.js";
+import { HvActionsGeneric } from "../ActionsGeneric/ActionsGeneric.js";
+import { HvButton } from "../Button/Button.js";
+const { useClasses } = createClasses("HvCallout", {
+  root: {
+    position: "relative",
+    boxShadow: "none",
+    flexWrap: "nowrap",
+    padding: 0
+  },
+  success: {
+    backgroundColor: theme.colors.positiveDimmed
+  },
+  warning: {
+    backgroundColor: theme.colors.warningDimmed
+  },
+  error: {
+    backgroundColor: theme.colors.negativeDimmed
+  },
+  info: {
+    backgroundColor: theme.colors.infoDimmed
+  },
+  accent: {
+    backgroundColor: theme.colors.accentDimmed
+  },
+  default: {
+    backgroundColor: theme.colors.infoDimmed
+  },
+  message: {
+    display: "flex",
+    alignItems: "center",
+    padding: 0,
+    color: theme.colors.textDark
+  },
+  messageContent: {
+    textWrap: "balance",
+    overflow: "hidden",
+    wordBreak: "break-word"
+  },
+  messageIcon: {},
+  messageTitle: {
+    display: "block",
+    fontWeight: theme.fontWeights.semibold
+  },
+  action: {
+    marginRight: 0
+  },
+  actionContent: {
+    display: "flex",
+    flexDirection: "column",
+    height: "100%",
+    justifyContent: "space-between",
+    gap: theme.space.xs
+  },
+  actionCustom: {
+    flex: "0 0 auto"
+  },
+  actionClose: {
+    alignSelf: "flex-end"
+  }
+});
+const HvCallout = forwardRef(function HvCallout2(props, ref) {
+  const {
+    id,
+    classes: classesProp,
+    className,
+    title,
+    showClose,
+    showIcon,
+    customIcon,
+    variant = "default",
+    onClose,
+    actions,
+    onAction,
+    actionsPosition: actionsPositionProp = "auto",
+    children,
+    actionProps,
+    ...others
+  } = useDefaultProps("HvCallout", props);
+  const { classes, cx } = useClasses(classesProp, false);
+  const { activeTheme } = useTheme();
+  const icon = customIcon || showIcon && iconVariant(variant, "inherit");
+  const actionsPosition = actionsPositionProp === "auto" ? "inline" : actionsPositionProp;
+  const actionsContent = /* @__PURE__ */ jsx(
+    HvActionsGeneric,
+    {
+      id,
+      className: classes.actionCustom,
+      variant: activeTheme?.snackbar.actionButtonVariant,
+      actions,
+      onAction
+    }
+  );
+  const showCustomActions = actions && actionsPosition === "bottom-right";
+  return /* @__PURE__ */ jsx(
+    SnackbarContent,
+    {
+      ref,
+      id,
+      classes: {
+        root: cx(classes.root, classes[variant], className),
+        message: classes.message,
+        action: classes.action
+      },
+      message: /* @__PURE__ */ jsxs(Fragment, { children: [
+        icon && /* @__PURE__ */ jsx("div", { className: classes.messageIcon, children: icon }),
+        /* @__PURE__ */ jsxs("div", { className: classes.messageContent, children: [
+          title && /* @__PURE__ */ jsx("b", { className: classes.messageTitle, children: title }),
+          children
+        ] }),
+        actions && actionsPosition === "inline" && actionsContent
+      ] }),
+      action: (showClose || showCustomActions) && /* @__PURE__ */ jsxs("div", { className: classes.actionContent, children: [
+        showClose && /* @__PURE__ */ jsx(
+          HvButton,
+          {
+            icon: true,
+            className: classes.actionClose,
+            variant: "semantic",
+            "aria-label": "Close",
+            onClick: (evt) => onClose?.(evt, "clickaway"),
+            ...actionProps,
+            children: /* @__PURE__ */ jsx(Close, { size: "XS" })
+          }
+        ),
+        showCustomActions && actionsContent
+      ] }),
+      ...others
+    }
+  );
+});
+export {
+  HvCallout
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"Callout.js","sources":["../../../src/utils/Callout.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { SnackbarProps as MuiSnackbarProps } from \"@mui/material/Snackbar\";\nimport SnackbarContent, {\n  type SnackbarContentProps as MuiSnackbarContentProps,\n} from \"@mui/material/SnackbarContent\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport {\n  createClasses,\n  useDefaultProps,\n  useTheme,\n  type ExtractNames,\n} from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { HvActionsGeneric, HvActionsGenericProps } from \"../ActionsGeneric\";\nimport { HvButton, HvButtonProps } from \"../Button\";\nimport { iconVariant } from \"./iconVariant\";\n\nconst { useClasses } = createClasses(\"HvCallout\", {\n  root: {\n    position: \"relative\",\n    boxShadow: \"none\",\n    flexWrap: \"nowrap\",\n    padding: 0,\n  },\n  success: {\n    backgroundColor: theme.colors.positiveDimmed,\n  },\n  warning: {\n    backgroundColor: theme.colors.warningDimmed,\n  },\n  error: {\n    backgroundColor: theme.colors.negativeDimmed,\n  },\n  info: {\n    backgroundColor: theme.colors.infoDimmed,\n  },\n  accent: {\n    backgroundColor: theme.colors.accentDimmed,\n  },\n  default: {\n    backgroundColor: theme.colors.infoDimmed,\n  },\n  message: {\n    display: \"flex\",\n    alignItems: \"center\",\n    padding: 0,\n    color: theme.colors.textDark,\n  },\n  messageContent: {\n    textWrap: \"balance\",\n    overflow: \"hidden\",\n    wordBreak: \"break-word\",\n  },\n  messageIcon: {},\n  messageTitle: {\n    display: \"block\",\n    fontWeight: theme.fontWeights.semibold,\n  },\n  action: {\n    marginRight: 0,\n  },\n  actionContent: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    height: \"100%\",\n    justifyContent: \"space-between\",\n    gap: theme.space.xs,\n  },\n  actionCustom: {\n    flex: \"0 0 auto\",\n  },\n  actionClose: {\n    alignSelf: \"flex-end\",\n  },\n});\n\nexport type HvCalloutVariant =\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"default\"\n  | \"info\"\n  | \"accent\";\n\nexport type HvCalloutActionPosition = \"auto\" | \"inline\" | \"bottom-right\";\n\nexport type HvCalloutClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCalloutProps\n  extends Omit<\n    MuiSnackbarContentProps,\n    \"title\" | \"variant\" | \"classes\" | \"onClose\"\n  > {\n  /** The title to display. */\n  title?: React.ReactNode;\n  /** The message to display. */\n  children?: React.ReactNode;\n  /** Variant of the snackbar. */\n  variant?: HvCalloutVariant;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Controls whether to show the close icon */\n  showClose?: boolean;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** @inheritdoc */\n  onClose?: MuiSnackbarProps[\"onClose\"];\n  /** Actions to display on the right side. */\n  actions?: HvActionsGenericProps[\"actions\"];\n  /** The callback function called when an action is triggered, receiving `action` as parameter. */\n  onAction?: HvActionsGenericProps[\"onAction\"];\n  /** The position property of the header. */\n  actionsPosition?: HvCalloutActionPosition;\n  /** The props to pass down to the Action Container. */\n  actionProps?: Partial<HvButtonProps>;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvCalloutClasses;\n}\n\n/**\n * `HvCallout` is the internal content handler for the snackbars and banners. Might be promoted to a component.\n * @private @internal\n */\nexport const HvCallout = forwardRef<\n  // no-indent\n  HTMLDivElement,\n  HvCalloutProps\n>(function HvCallout(props, ref) {\n  const {\n    id,\n    classes: classesProp,\n    className,\n    title,\n    showClose,\n    showIcon,\n    customIcon,\n    variant = \"default\",\n    onClose,\n    actions,\n    onAction,\n    actionsPosition: actionsPositionProp = \"auto\",\n    children,\n    actionProps,\n    ...others\n  } = useDefaultProps(\"HvCallout\", props);\n  const { classes, cx } = useClasses(classesProp, false);\n  const { activeTheme } = useTheme();\n  const icon = customIcon || (showIcon && iconVariant(variant, \"inherit\"));\n\n  // TODO: consider making this flex-flow only, so it adapts according to the\n  // content length, available space, number of actions, etc.\n  const actionsPosition =\n    actionsPositionProp === \"auto\" ? \"inline\" : actionsPositionProp;\n\n  const actionsContent = (\n    <HvActionsGeneric\n      id={id}\n      className={classes.actionCustom}\n      variant={activeTheme?.snackbar.actionButtonVariant as any}\n      actions={actions}\n      onAction={onAction}\n    />\n  );\n\n  const showCustomActions = actions && actionsPosition === \"bottom-right\";\n\n  return (\n    <SnackbarContent\n      ref={ref}\n      id={id}\n      classes={{\n        root: cx(classes.root, classes[variant], className),\n        message: classes.message,\n        action: classes.action,\n      }}\n      message={\n        <>\n          {icon && <div className={classes.messageIcon}>{icon}</div>}\n          <div className={classes.messageContent}>\n            {title && <b className={classes.messageTitle}>{title}</b>}\n            {children}\n          </div>\n          {actions && actionsPosition === \"inline\" && actionsContent}\n        </>\n      }\n      action={\n        (showClose || showCustomActions) && (\n          <div className={classes.actionContent}>\n            {showClose && (\n              <HvButton\n                icon\n                className={classes.actionClose}\n                variant=\"semantic\"\n                aria-label=\"Close\"\n                onClick={(evt) => onClose?.(evt, \"clickaway\")}\n                {...actionProps}\n              >\n                <Close size=\"XS\" />\n              </HvButton>\n            )}\n            {showCustomActions && actionsContent}\n          </div>\n        )\n      }\n      {...others}\n    />\n  );\n});\n"],"names":["HvCallout"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"hexToRgbA.js","sources":["../../../src/utils/hexToRgbA.ts"],"sourcesContent":["import { alpha, hexToRgb } from \"@mui/material/styles\";\n\n// TODO - remove in v6 in favor of theme.alpha()\nexport const hexToRgbA = (hex: string, factor = 0.8) =>\n  alpha(hexToRgb(hex), factor);\n"],"names":[],"mappings":";AAGa,MAAA,YAAY,CAAC,KAAa,SAAS,QAC9C,MAAM,SAAS,GAAG,GAAG,MAAM;"}
+{"version":3,"file":"hexToRgbA.js","sources":["../../../src/utils/hexToRgbA.ts"],"sourcesContent":["import { alpha, hexToRgb } from \"@mui/material/styles\";\n\n/** @deprecated use `theme.alpha(color, factor)` instead */\nexport const hexToRgbA = (hex: string, factor = 0.8) =>\n  alpha(hexToRgb(hex), factor);\n"],"names":[],"mappings":";AAGa,MAAA,YAAY,CAAC,KAAa,SAAS,QAC9C,MAAM,SAAS,GAAG,GAAG,MAAM;"}

package/dist/esm/utils/iconVariant.js

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import { Info, Fail, Caution, Success } from "@hitachivantara/uikit-react-icons";
-const iconVariant = (variant, color, semantic) => {
+const iconVariant = (variant, color) => {
   switch (variant) {
     case "success":
-      return /* @__PURE__ */ jsx(Success, { color, semantic: semantic && "positive" });
+      return /* @__PURE__ */ jsx(Success, { color });
     case "warning":
-      return /* @__PURE__ */ jsx(Caution, { color, semantic: semantic && "warning" });
+      return /* @__PURE__ */ jsx(Caution, { color });
     case "error":
-      return /* @__PURE__ */ jsx(Fail, { color, semantic: semantic && "negative" });
+      return /* @__PURE__ */ jsx(Fail, { color });
     case "info":
       return /* @__PURE__ */ jsx(Info, { color });
     default:

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

@@ -1 +1 @@
-{"version":3,"file":"iconVariant.js","sources":["../../../src/utils/iconVariant.tsx"],"sourcesContent":["import {\n  Caution,\n  Fail,\n  IconBaseProps,\n  Info,\n  Success,\n} from \"@hitachivantara/uikit-react-icons\";\n\nexport const iconVariant = (\n  variant: \"success\" | \"warning\" | \"error\" | \"info\" | \"default\",\n  color?: IconBaseProps[\"color\"],\n  semantic?: true,\n) => {\n  switch (variant) {\n    case \"success\":\n      return <Success color={color} semantic={semantic && \"positive\"} />;\n    case \"warning\":\n      return <Caution color={color} semantic={semantic && \"warning\"} />;\n    case \"error\":\n      return <Fail color={color} semantic={semantic && \"negative\"} />;\n    case \"info\":\n      return <Info color={color} />;\n    default:\n      return null;\n  }\n};\n"],"names":[],"mappings":";;AAQO,MAAM,cAAc,CACzB,SACA,OACA,aACG;AACH,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAQ,oBAAA,SAAA,EAAQ,OAAc,UAAU,YAAY,YAAY;AAAA,IAClE,KAAK;AACH,aAAQ,oBAAA,SAAA,EAAQ,OAAc,UAAU,YAAY,WAAW;AAAA,IACjE,KAAK;AACH,aAAQ,oBAAA,MAAA,EAAK,OAAc,UAAU,YAAY,YAAY;AAAA,IAC/D,KAAK;AACI,aAAA,oBAAC,QAAK,OAAc;AAAA,IAC7B;AACS,aAAA;AAAA,EAAA;AAEb;"}
+{"version":3,"file":"iconVariant.js","sources":["../../../src/utils/iconVariant.tsx"],"sourcesContent":["import {\n  Caution,\n  Fail,\n  IconBaseProps,\n  Info,\n  Success,\n} from \"@hitachivantara/uikit-react-icons\";\n\nimport type { HvCalloutVariant } from \"./Callout\";\n\nexport const iconVariant = (\n  variant: HvCalloutVariant,\n  color?: IconBaseProps[\"color\"],\n) => {\n  switch (variant) {\n    case \"success\":\n      return <Success color={color} />;\n    case \"warning\":\n      return <Caution color={color} />;\n    case \"error\":\n      return <Fail color={color} />;\n    case \"info\":\n      return <Info color={color} />;\n    default:\n      return null;\n  }\n};\n"],"names":[],"mappings":";;AAUa,MAAA,cAAc,CACzB,SACA,UACG;AACH,UAAQ,SAAS;AAAA,IACf,KAAK;AACI,aAAA,oBAAC,WAAQ,OAAc;AAAA,IAChC,KAAK;AACI,aAAA,oBAAC,WAAQ,OAAc;AAAA,IAChC,KAAK;AACI,aAAA,oBAAC,QAAK,OAAc;AAAA,IAC7B,KAAK;AACI,aAAA,oBAAC,QAAK,OAAc;AAAA,IAC7B;AACS,aAAA;AAAA,EAAA;AAEb;"}