@hitachivantara/uikit-react-core 5.100.0 → 5.101.0

package/dist/esm/themes/ds5.js

@@ -29,53 +29,88 @@ const ds5 = mergeTheme(ds5$1, {
         panel: {
           "--r": theme.radii.round,
           "&[data-popper-placement*='top']": {
+            top: 1,
+            borderRadius: "var(--r) var(--r) var(--r) 0"
+          },
+          "&[data-popper-placement*='top']:has([data-is-dropdown='true'])": {
             top: 1,
             borderRadius: "var(--r) var(--r) 0 0"
           },
           "&[data-popper-placement*='bottom']": {
+            top: -1,
+            borderRadius: "0 var(--r) var(--r) var(--r)"
+          },
+          "&[data-popper-placement*='bottom']:has([data-is-dropdown='true'])": {
             top: -1,
             borderRadius: "0 0 var(--r) var(--r)"
           }
         }
       }
     },
+    HvBreadCrumb: {
+      classes: {
+        link: {
+          borderRadius: theme.radii.round
+        }
+      }
+    },
     HvButton: {
       radius: "round",
       classes: {
         root: {
           ":where(:not(.HvButton-disabled,.HvButton-contained))": {
-            "&[data-color=warning]": { color: theme.colors.warning_140 }
+            "&[data-color=warning]": { color: theme.colors.warningDeep }
           }
         },
         contained: {
           ":where([data-color=primary]:not(.HvButton-disabled))": {
             ":hover, &:focus-visible": {
-              backgroundColor: theme.colors.primary_80,
-              borderColor: theme.colors.primary_80
+              backgroundColor: theme.colors.primaryStrong,
+              borderColor: theme.colors.primaryStrong
             }
           },
           ":where([data-color=positive]:not(.HvButton-disabled))": {
             ":hover, &:focus-visible": {
-              backgroundColor: theme.colors.positive_80,
-              borderColor: theme.colors.positive_80
+              backgroundColor: theme.colors.positiveStrong,
+              borderColor: theme.colors.positiveStrong
             }
           },
           ":where([data-color=warning]:not(.HvButton-disabled))": {
-            backgroundColor: theme.colors.warning_120,
+            backgroundColor: theme.colors.warningStrong,
             ":hover, &:focus-visible": {
-              backgroundColor: theme.colors.warning_140,
-              borderColor: theme.colors.warning_140
+              backgroundColor: theme.colors.warningDeep,
+              borderColor: theme.colors.warningDeep
             }
           },
           ":where([data-color=negative]:not(.HvButton-disabled))": {
             ":hover, &:focus-visible": {
-              backgroundColor: theme.colors.negative_80,
-              borderColor: theme.colors.negative_80
+              backgroundColor: theme.colors.negativeStrong,
+              borderColor: theme.colors.negativeStrong
             }
           }
         }
       }
     },
+    HvCalendar: {
+      classes: {
+        root: {
+          " .HvCalendarCell-cellContainer": {
+            borderRadius: theme.radii.round,
+            "& .HvCalendarCell-startBookend": {
+              borderTopLeftRadius: theme.radii.round,
+              borderBottomLeftRadius: theme.radii.round
+            },
+            "& .HvCalendarCell-endBookend": {
+              borderTopRightRadius: theme.radii.round,
+              borderBottomRightRadius: theme.radii.round
+            }
+          },
+          " .HvCalendarCell-calendarDateSelected": {
+            borderRadius: theme.radii.round
+          }
+        }
+      }
+    },
     HvCallout: {
       classes: {
         messageIcon: {
@@ -84,6 +119,27 @@ const ds5 = mergeTheme(ds5$1, {
         }
       }
     },
+    HvColorPicker: {
+      classes: {
+        colorPicker: {
+          " .HvColorPickerPresetColors-swatchWrap > span > div": {
+            borderRadius: theme.radii.round
+          },
+          " .HvColorPickerSavedColors-swatchWrap > span > div": {
+            borderRadius: theme.radii.round
+          },
+          " .HvColorPickerPicker-saturation > div": {
+            borderRadius: theme.radii.round,
+            " .saturation-white": {
+              borderRadius: theme.radii.round,
+              " .saturation-black": {
+                borderRadius: theme.radii.round
+              }
+            }
+          }
+        }
+      }
+    },
     HvDropdownButton: {
       classes: {
         open: {
@@ -100,13 +156,29 @@ const ds5 = mergeTheme(ds5$1, {
     },
     HvMultiButton: {
       classes: {
+        multiple: {
+          borderRadius: theme.radii.round,
+          "& .HvMultiButton-button.HvMultiButton-selected": {
+            borderRadius: theme.radii.round,
+            borderColor: theme.colors.primary,
+            borderWidth: 2
+          }
+        },
+        vertical: {
+          borderRadius: theme.radii.round,
+          "& .HvMultiButton-button.HvMultiButton-selected": {
+            borderRadius: theme.radii.round,
+            borderColor: theme.colors.primary,
+            borderWidth: 2
+          }
+        },
         splitGroup: {
           // NEXT5 subtle multi-buttons have a custom background
           "& .HvButton-subtle": {
-            backgroundColor: theme.colors.atmo1
+            backgroundColor: theme.colors.bgContainer
           },
           "&& .HvButton-disabled": {
-            backgroundColor: theme.colors.atmo3
+            backgroundColor: theme.colors.bgDisabled
           }
         }
       }
@@ -124,6 +196,13 @@ const ds5 = mergeTheme(ds5$1, {
         }
       }
     },
+    HvSnackbarContent: {
+      classes: {
+        root: {
+          borderRadius: theme.radii.round
+        }
+      }
+    },
     HvStatusIcon: {
       type: "simple"
     },
@@ -131,7 +210,7 @@ const ds5 = mergeTheme(ds5$1, {
       classes: {
         root: {
           "&.HvTab-selected": {
-            color: theme.colors.secondary
+            color: theme.colors.text
           }
         }
       }
@@ -143,6 +222,9 @@ const ds5 = mergeTheme(ds5$1, {
         },
         categorical: {
           "--tagColor": theme.alpha("cat1", 0.2)
+        },
+        xs: {
+          height: 19
         }
       }
     },
@@ -153,7 +235,7 @@ const ds5 = mergeTheme(ds5$1, {
             padding: 0
           },
           "& .HvIconContainer-root": {
-            color: `${theme.colors.secondary}!important`
+            color: `${theme.colors.text}!important`
           }
         }
       }

package/dist/esm/themes/pentahoPlus.js

@@ -184,7 +184,6 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
       classes: {
         content: {
           backgroundColor: theme.colors.bgPage
-          // = bgContainerSecondary
         }
       }
     },
@@ -252,7 +251,6 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
         root: {
           outline: `1px solid ${theme.colors.border}`,
           outlineOffset: -1,
-          borderRadius: theme.radii.round,
           ":where(:not([data-color],.HvTag-disabled))": {
             color: theme.colors.text,
             "--tagColor": theme.colors.bgContainer
@@ -392,7 +390,7 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
             },
             "&[data-color=secondary]": {
               borderColor: theme.colors.border,
-              backgroundColor: theme.colors.bgContainerSecondary
+              backgroundColor: theme.colors.bgPage
             },
             ":hover": {
               backgroundColor: theme.colors.primaryDimmed